F.A.Q
HTML
PHP
Haking
Scripting

Файлы
Учебники
Программы

Инфа
Links
WEB мастер





Проект [-=DaGo=-] по безопасности компьютерных сетей  и защите информации
ANTICHAT.RU - взлом, защита, анонимность


LINKS

 
 

HTML для начинающих
Язык гипертекстовой разметки HTML используется для описания различных элементов, входящих в состав Web-страниц. Чтобы создать Web-страницу, следует создать файл в формате HTML со специальными инструкциями (называемыми «тегами»), которые описывают особенности обработки и отображения данных броузером. Затем HTML-файл помещается в такое место, где к нему может обратиться Web-сервер. Когда кто-нибудь вводит адрес этого файла в своем броузере, последний связывается с вашим Web-сервером и запрашивает копию файла. После получения файла броузер читает инструкции и соответствующим образом отображает данные. Если HTML указывает на то, что вашей Web-странице необходимы дополнительные данные (например, графические файлы), то броузер запрашивает их и отображает на странице (вот почему часто видно, как броузер многократно обращается к Web-серверу даже при отображении всего одной Web-страницы — каждое изображение передается по отдельности). HTML — сложный язык, и для создания действительно хороших Web-страниц вам придется потратить немало времени на освоение его тонкостей и на эксперименты. Ниже приведены два Web-сайта, с которых можно начать работу. Как определить, какое руководство по HTML следует читать? Просмотрите несколько вариантов и выберите тот, который покажется вам наиболее осмысленным.
Web:
http://www.devry-phx.edu/webresrc/webmstry/lrntutrl.htm
http://www.geocities.com/Athens/Forum/4977

Анимационный GIF
Файлы в формате GIF широко используются при работе с компьютерной графикой (GIF является сокращением от Graphics Interchange Format, то есть «формат графического обмена»). Анимационные GIF-файлы содержат сразу несколько изображений. При отображении анимационного GIF-файла вашим броузером происходит последовательный вывод серии изображений, неплохо имитирующий простейшую мультипликацию. Перечисленные Web-сайты содержат информацию об анимационных GIF-файлах: что они собой представляют, как создаются и как наиболее эффективно применять их.
Web:
http://members.aol.com/royalef/gifmake.htm
http://www.bendnet.com/users/brianhovis/anime.htm
http://www.gifworld.com/
http://www.webreference.com/dev/gifanim

Бандиты пропускной способности
Термин «пропускная способность» (bandwidth) используется для описания объема информации, копируемой из одного места в другое. Например, если ваш Web-сайт посещают многие люди, вы можете сказать, что это сайт с высокой пропускной способностью. Если какой-то конкретный сайт посещают редко, о нем можно сказать, что у него низкая пропускная способность. Что же такое «бандит пропускной способности»? Когда вы составляете Web-страницу, на которой имеются снимки и графические рисунки, обычно вы храните изображения на своем Web-сервере. Когда кто-то посещает вашу Web-страницу, его броузер получает изображения с вашего сервера. Время от времени на чьей-то чужой странице вы можете увидеть фотографию или графический рисунок, которые вам бы хотелось использовать на своей. Правильно в этом случае было бы скачать копии изображений на свой сервер (а если приходится иметь дело с оригинальным произведением искусства — предварительно попросить на то разрешение). Некоторые люди — так называемые «бандиты пропускной способности» — не копируют изображения на свой сервер. Вместо этого в своем HTML они просто указывают на исходные страницы. Это означает, что каждый раз, когда кто-то посещает одну из страниц такого «бандита», броузер должен навязываться к другим Web-сайтам, чтобы получить изображения. Иначе говоря, когда кто-то указывает на изображения, принадлежащие другим, он искусственно увеличивает количество обращений к этим сайтам и становится «бандитом пропускной способности». Не поступайте так.
Web:
http://www.darklock.com/webguard/
http://www.geocities.com/SiliconValley/Park/2324/
http://www.widowsweb.com/widows/plea.html

Бесплатные хосты для Web-страниц
Вы хотели бы иметь свой собственный Web-сайт? Ну, конечно же! Тогда где вы собираетесь его разместить? Некоторые Интернет-провайдеры готовы предоставить бесплатное место для вашего сайта. Разве это не то, что вам нужно? Вот несколько мест, готовых послужить бесплатными хостами. Может возникнуть вопрос: а не ловушка ли это? Конечно. Во-первых, вы будете ограничены в том, сколько дискового пространства вам разрешается занять. Во-вторых, вполне может быть, что вам и вашим посетителям придется смотреть на массу рекламы. В-третьих, если вы попытаетесь представить сомнительный материал (вроде порнографических фотографий), вы можете подвергнуться цензуре. Наконец, ваше имя, адрес электронной почты и любая иная добровольно предложенная вами информация может использоваться для списков рассылки и телемаркетинга. И все же бесплатно — это бесплатно.
Web:
http://www.angelfire.com/
http://www.geocities.com/
http://www.tripod.com/

Графика и значки для Web-страниц
Для украшения Web-страницы не обязательно обладать художественными способностями (или даже работать в графическом редакторе). На этих сайтах имеются указатели и ссылки на многочисленные значки и графические изображения, которыми можно пользоваться в HTML-документах (на Web-страницах).
Web:
http://soback.kornet.nm.kr/~pixeline/heeyun/graphics.html
http://www.geocities.com/Heartland/1448/
http://www.geocities.com/SiliconValley/6603

Графические карты
Графическая карта — это картинка, различные точки на которой соответствуют различным URL (Web-адресам). Когда графическая карта демонстрируется на Web-странице, пользователь может перескакивать к различным URL, щелкая по различным частях картинки. Например, вы готовите Web-сайт, на котором будет приводиться определенная информация о каждом из штатов, составляющих США. Можно воспользоваться изображением страны со всеми штатами, а затем задать графическую карту таким образом, чтобы человек мог перескочить к информации о конкретном штате, просто щелкнув по нему. Сведения, собранные в этих ресурсах, помогут вам разобраться в графических картах, и покажут, как создавать их для собственных Web-страниц.
Web:
http://www.coffeecup.com/mapper/
http://www.cris.com/~automata/tutorial.shtml
http://www.ihip.com/
http://www.ozemail.com.au/~noeljc/quick&dirty/map.htm
Usenet:
comp.infosystems.www.authoring.images

Динамический HTML
Динамический HTML (DHTML) — это дополнение к обычному HTML. С его помощью можно расширить функциональность Web-страницы. Например, можно наложить множество изображений слоями друг на друга, сделать какието элементы на странице интерактивными и, при помощи каскадных таблиц стилей, управлять точным размещением всех текстовых и графических элементов. Кроме того, динамический HTML облегчает написание сценариев, присовокупляемых к Web-странице, и манипулирование объектами на странице без необходимости перезагрузки.
Web:
http://www.all-links.com/dynamic/
http://www.dhtmlzone.com/
http://www.microsoft.com/workshop/author/dhtml/
http://www.tips-tricks.com/dy.html

Каскадные таблицы стилей
Язык HTML был разработан для определения содержимого Web-страниц. В исходной версии HTML существовало несколько способов определения того, как должно отображаться содержание. Естественно, что Web-мастера хотят иметь как можно больше средств управления точной компоновкой страницы. Каскадные таблицы стилей (Cascading style sheets, CSS) — это расширение к базовому HTML, обеспечивающее все необходимые средства управления. Они дают возможность задавать поля, цвета, шрифты, фон, области белого цвета и многое другое. CSS используются путем наложения одной или нескольких таблиц стилей на HTML-документ. Чтобы сформировать окончательное изображение, броузер применяет к документу каждую таблицу стилей. (Применение нескольких таблиц стилей к одной HTML-странице называется «каскадным упорядочиванием».) Вот простой пример того, как можно использовать CSS. Предположим, что какая-то крупная компания поддерживает несколько Web-серверов со множеством Web-страниц, для которых может использоваться общая таблица стилей, что придаст единообразие всем этим страницам. У конкретного подразделения компании может существовать своя таблица стилей для всех выпускаемых ими Web-страниц. А у какого-нибудь Web-мастера этого подразделения может иметься собственная таблица стилей. Таким образом, когда вы смотрите на Web-страницу данной компании, ваш броузер может обращаться к трем различным таблицам стилей, чтобы представить эту страницу в окончательном виде.
Web:
http://www.blooberry.com/html/style/styleindex.htm
http://www.htmlhelp.com/reference/css/
http://www.microsoft.com/workshop/author/css/usingcss-f.htm

Книги отзывов
Если кто-то навещает вас дома, вы знаете, что он там побывал. Но если кто-то посмотрел ваш Web-сайт, вам никак не узнать, что у вас был посетитель. Конечно же, одно из замечательных свойств Сети состоит в том, что она анонимна, и вы не захотите принуждать каждого, кто заходит на вашу Web-страничку, сообщать, кто он такой. Однако очень славно, если вы можете предоставить людям возможность оставить сообщение для вас, а другим посетителям — читать такие сообщения. Для этого используется так называемая книга отзывов (guestbook). Если вы программист, вы можете сами создать такую штуку. Но гораздо проще, когда работу делает кто-то другой. Вот несколько ресурсов, которые облегчают возможность поместить собственную книгу отзывов на своем Web-сайте.
Web:
http://komy.nethosting.com/signthis/
http://www.dreambook.com/
http://www.lpage.com/

Метатеги
Метатегом называется оператор HTML, который размещают на странице по одной из трех причин. Во-первых, метатег может использоваться для хранения информации о документе, например имени автора или даты истечения срока. Во-вторых, метатег может использоваться для того, чтобы со страницей что-то автоматически произошло, например, заиграла музыка или вы перескочили на другую страницу. Наконец, метатег можно использовать для хранения ключевых слов, которые будут замечаться и индексироваться различными поисковыми машинами. Если вы хотите привлечь на свой Web-сайт множество «правильных» посетителей, в этом может помочь изучение того, как использовать метатеги для привлечения внимания поисковых машин. Много ли удовольствия в использовании этих тегов? Что ж, можно попросту не использовать те метатеги, которые вам не нравятся.
Web:
http://www.northernwebs.com/set/
http://www.onebellevue.com/files/fuss/meta.htm
http://www.projectcool.com/developer/alchemy/05-metatags.html
http://www.Web-action.com/webography.html#answermet

Плохой дизайн Web-сайтов
Один из лучших способов научиться, как делать что-то хорошо, — изучить, что происходит, когда кто-то делает это плохо. Здесь представлена подборка ссылок на Web-страницы, которые не соответствуют тому, для чего предназначен язык HTML. Внимательно изучите их вместе с комментариями, и вскоре вы станете более профессиональным и искусным дизайнером Web-страниц.
Web:
http://www.webpagesthatsuck.com/

Проверка Web-страниц
В работе с Сетью используются разнообразные броузеры, и далеко не все они работают одинаково. При создании Web-страницы желательно проверить, как она будет выглядеть в различных броузерах. На этих сайтах содержатся средства для проверки Web-страниц, которые помогут убедиться, что написанная вами HTML-программа окажется переносимой. Это сложные инструменты, и проводимый с их помощью анализ невозможно осуществить вручную.
Web:
http://www.khoral.com/staff/neilb/weblint/validation.html
http://www.netmechanic.com/
http://www2.imagiware.com/RxHTML

Прозрачные GIF-файлы
Прозрачный GIF-файл — это изображение, представленное в формате GIF, в котором один цвет назначен как «прозрачный». При демонстрации изображения на Web-странице броузер изменит те места, где используется прозрачный цвет на цвет фона. Целью является создание изображения, которое хорошо сочетается с фоном. Создание прозрачных GIF-файлов — дело не сложное, если у вас имеются нужные инструменты. Данные Web-сайты помогут найти то, что вам нужно, и узнать, как правильно применять прозрачные GIF-файлы.
Web:
http://www.inf.fu-berlin.de/~leitner/trans/
http://www.mindworkshop.com/alchemy/gifcon.html
http://www.put.poznan.pl/hypertext/Internet/faq/t-gif/transparent.html

Редакторы HTML
HTML-файлы можно создавать несколькими способами. Один из них заключается в использовании специальной программы, называемой HTML-редактором. На этом Web-сайте можно познакомиться с различными HTML-редакторами, существующими для вашей операционной системы. Также имеется форум, в котором можно обмениваться сообщениями по HTML-редакторам. Полезный совет: скачайте и опробуйте сразу несколько редакторов и отыщите тот, который лучше всего соответствует вашему стилю работы.
Web:
http://union.ncsa.uiuc.edu/HyperNews/get/www/html/editors.html

Рекомендации по применению HTML
При правильном и умелом использовании HTML страницы выглядят просто здорово, и их легко читать. Эти Web-сайты помогут вам научиться правильно пользоваться языком HTML. Здесь имеется множество полезных советов, объяснений и ссылок на инструменты. Важнее всего, что вы найдете примеры, которые сможете использовать для своих собственных Web-страниц.
Web:
http://www.cs.cmu.edu/~tilt/cgh/
http://www.geocities.com/SiliconValley/Lakes/2396/tyrant.htm
http://www.quadzilla.com/

Руководство по HTML для начинающих
Язык HTML (Hypertext Markup Language, то есть «язык гипертекстовой разметки») представляет собой набор спецификаций, с помощью которых определяется внешний вид и «поведение» Web-страницы. Если вы хотите разрабатывать свои собственные Web-страницы, вам придется либо 1) освоить HTML, либо 2) воспользоваться программой, которая скроет от вас детали реализации. Конечно, второй вариант возможен, и все же знание HTML обеспечивает гораздо большую гибкость и степень контроля за происходящим. Данный документ поможет разобраться в основах HTML.
Web:
http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html

Создание Web-страниц: обсуждение общих вопросов
Начав создавать свою собственную Web-страницу, вы поймете, насколько полезен может оказаться разговор с другими. Эта телеконференция Usenet предназначена для обсуждения различных тем, связанных с созданием Web-страниц. В ней можно поговорить об HTML, дизайне, приемах, получить полезные советы. Для немедленного разговора в реальном времени попробуйте воспользоваться IRC-каналами.
Usenet:
comp.infosystems.www.authoring.misc
IRC:
#webmaster
#www

Справки о Web
Этот Web-сайт явно стоит внести в список ваших закладок. На сайте имеются справочные материалы и ссылки на информацию почти обо всем, что вам когда-либо могло бы понадобиться в мире HTML и Web. В следующий раз, когда у вас возникнет вопрос, начинайте отсюда. Нужные ответы могут находиться на расстоянии всего нескольких щелчков мышью.
Web:
http://www.webreference.com/

Сценарии CGI
Сокращение CGI означает «Common Gateway Interface» (то есть «общий шлюзовый интерфейс ввода») и обозначает механизм, с помощью которого Web-сервер может обрабатывать данные, вводимые пользователем в экранную форму. Программа, работающая при вводе данных, называется «сценарием CGI». На этих Web-сайтах описывается интерфейс CGI и основные принципы его работы. Кроме того, здесь имеется подборка готовых сценариев, которые можно использовать или же модифицировать для своих целей. Для обсуждения CGI можно подключиться к телеконференции Usenet или IRC-каналу. Примечание: разработка сценариев CGI требует навыков программирования.
Web:
http://hoohoo.ncsa.uiuc.edu/cgi/
http://www.selah.net/cgi.html
Usenet:
comp.infosystems.www.authoring.cgi
IRC:
#cgi

Счетчики обращений к Web-страницам
Сейчас почти на каждой Web-странице можно встретить счетчик обращений (представьте себе, в Сети есть даже коты, на чьих Web-страницах имеются подобные счетчики!). Приведенные ниже ресурсы помогут разместить счетчик обращений на вашей Web-странице и предложат эффектные образцы цифр.
Web:
http://purgatory.ecn.purdue.edu:20002/JBC/david/how.html
http://www.digitmania.holowww.com/

Таблицы
В языке HTML «таблицей» называется механизм для представления информации, организованной в виде строк и столбцов. Помимо использования их для представления данных в табличной форме, они также могут использоваться для создания полей и управления разрядкой. В обучающих руководствах, содержащихся на этих Web-сайтах, рассматриваются таблицы, а также некоторые технические аспекты их применения.
Web:
http://www.charm.net/~lejeune/tables.html
http://www.netscape.com/assist/net_sites/tables.html

Учебник по созданию стильных Web-страниц
Перед тем как приступать к созданию собственной Web-страницы, желательно заранее познакомиться с основными концепциями. Прочтите этот учебник с информацией о дизайне документов и Web-страниц, перемещении между страницами, структуре сайтов, эффективном использовании Web, единстве стиля. Здесь представлено огромное количество информации как для новичков, так и для опытных пользователей.
Web:
http://info.med.yale.edu/caim/StyleManual_Top.HTML

Фальшивые награды
В самом начале идея казалась неплохой: кто-то просматривал множество Web-страниц и выбирал из них самые лучшие. На этих лучших Web-страницах разрешалось выводить специальный значок, свидетельствующий о полученной награде — нечто вроде четырех звездочек напротив названия ресторана в путеводителе. Дальнейшее развитие событий можно было предвидеть: раздавать награды гораздо проще, чем заниматься чем-нибудь творческим. Количество любителей оценивать чужую работу умножалось. В наши дни Сеть буквально затоплена сотнями различных наград, и все это стало выглядеть довольно глупо. А чтобы довести ситуацию до полного абсурда, появились специальные сайты с коллекциями значков, изображающих фальшивые награды. Поместите такой значок на свой сайт, чтобы показать «нос» всей системе наград — по крайней мере, эта идея вполне заслуживает награды.
Web:
http://www.asb.com/usr/chet/acenorth/north.htm
http://www.thecorporation.com/icon/icon.html

Фон для Web-страниц
Один из способов придать пикантность своей Web-странице — применить какой-нибудь фон. На данных сайтах имеется множество различных текстур и изображений, которыми можно воспользоваться для этой цели. Однако надо быть осторожным и проявлять сдержанность. В большинстве случаев что-нибудь необычное может выглядеть неудачно и затруднять чтение. И не забывайте: даже если Web-страница хорошо смотрится на вашем мониторе, другие увидят ее не так, как вы, так что будьте поскромнее в погоне за новизной.
Web:
http://the-tech.mit.edu/kpt/bgs.html
http://www.meat.com/textures/
http://www.windyweb.com/design

Фреймы
Фреймы (frames) позволяют разделить Web-страницу на независимые области, причем вы можете контролировать процесс отображения данных в каждом отдельном фрейме. Обучающие руководства, хранящиеся на этих Web-сайтах, рассказывают о фреймах и о том, как ими пользоваться. Специальное замечание: не все пользователи любят фреймы. Если только характер представляемых вами данных не требует использования фреймов, пожалуйста, найдите время, чтобы убедиться, что ваши Web-страницы нормально работают для тех, кто предпочитает просматривать их без фреймов.
Web:
http://www.columbia.edu/~jll32/html/frame.html
http://www.newbie.net/frames

Цветовая диаграмма
Может прийти время, когда вам захочется задавать цвета на своей Web-странице как можно более точно. Лучше всего для этого подходит цифровой способ. Каждый конкретный цвет соответствует шести знакам, взятым из шестнадцатеричной системы, использующей 16 знаков. (В нашей обычной десятеричной системе мы используем знаки от 0 до 9. В шестнадцатеричной — 16 знаков: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E и F.) Например, если при создании Web-страницы вы укажете цвет «00CC99», то получите зеленовато-голубой. На этом Web-сайте есть инструменты, облегчающие поиск нужного цвета и его цифрового кода.
Web:
http://world.std.com/~wij/color/
http://www.connect.hawaii.com/hc/webmasters/Netscape.colors.html
http://www.hidaho.com/colorcenter/cc.html
http://www.phoenix.net/~jacobson/rgb.html






 
  web master EVilBraiN
03 /2003
 
   
Hosted by uCoz