HTML удя начинающих

Язык гипертекстовой разметки HTML используется для описания различных элементов, входящих в состав Web-страниц. Чтобы изготовить Web-страницу, следует создать файл в формате HTML со специальными инструкциями (называемыми «тегами»), которые описывают особенности обработки и отображения данных броузером. Затем HTML-файл помещается в такое место, где к нему может обратиться Web-сервер. Когда кто-нибудь вводит адрес этого файла в своем броузере, последний связывается с вашим Web-сервером и запрашивает копию файла. После получения файла броузер читает инструкции и соответствующим образом отображает данные. Если HTML указывает на то, что вашей Web-странице необходимы дополнительные данные (например, графические файлы), то броузер запрашивает их и отображает на странице (вот почему часто видно, как броузер многократно обращается к Web-серверу даже при отображении всего одной Web-страницы — каждое изображение передается по-отдельности). HTML — сложный язык, и для создания действительно хороших Web-страниц вам придется потратить немало времени на освоение его тонкостей и на эксперименты. Ниже приведены четыре Web-сайта, с которых можно начать работу. Как определить, какое руководство по HTML следует читать? Просмотрите несколько вариантов и выберите тот, который покажется вам наиболее осмысленном. 

Web:    

Бандиты пропускной способности

Термин «пропускная способность» (bandwidth) используется для описания объема информации, копируемой из одного места в другое. Например, если ваш Web-сайт посещают многие люди, вы можете сказать, что это сайт с высокой пропускной способностью. Если какой-то конкретный сайт посещают редко, о нем можно сказать, что у него низкая пропускная способность. Что же такое «бандит пропускной способности»? Когда вы составляете Web-страницу, на которой имеются снимки и рисунки, обычно вы храните изображения на своем Web-сервере. Когда кто-то посещает вашу Web-страницу, его броузер получает изображения с вашего сервера. Время от времени на чьей-то чужой странице вы можете увидеть фотографию или графический рисунок, которые вам бы хотелось использовать на своей. Правильно в этом случае было бы скачать копии изображений на свой сервер (а если приходится иметь дело с оригинальным произведением искусства — предварительно попросить на то разрешение). Некоторые люди — так называемые бандиты пропускной способности — не копируют изображения на свой сервер. Вместо этого в своем HTML они просто указывают на исходные страницы. Это означает, что каждый раз, когда кто-то посещает одну из страниц такого «бандита», броузер должен навязываться к другим Web-сайтам, чтобы получить изображения. Иначе говоря, когда кто-то указывает на изображения, принадлежащие другим, он искусственно увеличивает количество обращений к этим сайтам и становится «бандитом пропускной способности». Не поступайте так.

Анимационный GIF

Файлы в формате GIF широко используются при работе с компьютерной графикой (GIF является сокращением от Graphics Interchange Format, то есть «формат графического обмена»). Анимационные GIF-файлы содержат сразу несколько изображений. При отображении такого файла вашим броузером происходит последовательный вывод серии изображений, неплохо имитирующий простейшую мультипликацию. Перечисленные Web-сайты содержат информацию об анимационных GIF-фав что они собой представляют, как создаются и как н, лее эффективно применять их.

Бесплатные хосты для Web-страниц

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

Web:

http://www.xoom.com/

Графические карты

Это изображения, различные участки которых соответствуют различным URL (Web-адресам). Когда графическая карта демонстрируется на Web-странице, пользователь может перескакивать к различным URL, щелкая по различным частям картинки. Например, вы готовите Web-сайт, на котором будет приводиться определенная информация о каждом из штатов, составляющих США. Можно воспользоваться изображением страны со всеми штатами, а затем задать графическую карту таким образом, чтобы человек мог перескочить к информации о конкретном штате, просто щелкнув по нему. Сведения, собранные в этих ресурсах, помогут вам разобраться в графических картах и покажут, как создавать их для собственных Web-страниц.

Динамический язык HTML

DHTML (динамический HTML) — это дополнение к обычному HTML. С его помощью можно расширить функциональность Web-страницы. Например, можно наложить множество изображений слоями друг на друга, сделать какие-то элементы на странице интерактивными и при помощи каскадных таблиц стилей управлять точным размещением всех текстовых и графических элементов. Кроме того, динамический HTML облегчает написание сценариев, присовокупляемых к Web-странице, и манипулирование объектами на странице без необходимости перезагрузки.

Изображения на Web-страницах: картинки

Если вы хотите оформить вашу Web-страницу, в Сети имеется много ресурсов: графика, значки, картинки и фон различных видов, — которые предоставляются бесплатно. Однако, пожалуйста, не переусердствуйте. Я просматриваю множество Web-сграниц и могу сказать вам, что очень многие из них чрезмерно перегружены графикой. Подумайте дважды, прежде чем поместить изображение на вашей странице и подумайте трижды, прежде чем использовать сложный фон. Когда вы работаете в Сети, отметьте страницы, которые вам особенно нравятся и используйте их как идею для вашего собственного сайта. 

Web:

http://www.clip-art.com/ 

http://www.magicklass.com/freeart/ 

Изображения на Web-страницах: текстовые элементы

если вы хотите что-то сказать, скажите это с шиком — и именно в этом вам помогут эти ресурсы. Вот несколько элегантных инструментов, которые позволят создать выразительные и привлекательные текстовые элементы для вашего Web-сайта: кнопки, флажки, анимационный текст, объемный текст и много-много других. В конце концов, почему бы вашему Web-сайгу не быть таким же крутым, как и вы сами?

Web:

Как рекламировать собственный Web- сайт

В сети имеются миллионы Web-страниц. Как же сделать, чтобы вас заметили? Эти ресурсы помогут вам завоевать внимание, которого вы заслуживаете. Очень скоро посетители со всей Сети начнут протаптывать электронную дорожку к вашей виртуальной двери. 

Web:

Язык HTML был разработан для определения содержимого Web-страниц. В исходной версии HTML существовало несколько способов определения того, как должно отображаться содержимое. Естественно, что Web-мастера хотят иметь как можно больше средств управления точной компоновкой страницы. Каскадные таблицы стилей (Cascading style sheets, CSS) — это расширение к базовому HTML, обеспечивающее все необходимые средства управления. Они дают возможность задавать поля, цвета, шрифты, фон, области белого цвета и многое другое. CSS используются путем наложения одной или нескольких таблиц стилей на HTML-документ. Чтобы сформировать окончательное изображение, броузер применяет к документу каждую таблицу стилей. (Применение нескольких таблиц стилей к одной HTML-странице называется «каскадным упорядочиванием».) Вот простой пример того, как можно использовать CSS. Предположим, что какая-то крупная компания поддерживает несколько Web-серверов со множеством Web-страниц, для которых может использоваться общая таблица стилей, что придаст единообразие всем этим страницам. У конкретного подразделения компании может существовать своя таблица стилей для всех выпускаемых ими Web-страниц. А у какого-нибудь Web-мастера этого подразделения может иметься собственная таблица стилей. Таким образом, когда вы смотрите на Web-страницу данной компании, ваш броузер может обращаться к трем различным таблицам стилей, чтобы представить эту страницу в окончательном виде.

Книги отзывов

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

 Web:

Маркетинг на Web-страницах

Не хотите ли продавать рекламные баннеры и получат» доход от своего Web-сайта? На данных Web-сайтах содержится серьезная информация для серьезных специалистов в области маркетинга, но здесь есть полезные советы и ресурсы не только для мастеров. Честно говоря, мне представляется, что эти ресурсы можно было бы назвать «Как сделать, чтобы ваш Web-сайт вызывал мак симальное раздражение». Очень прошу, пообещайте мне что не будете использовать мигающие баннеры, всплыва ющие рекламные объявления и фреймы, которые автома тически обновляются через каждые тридцать секунд. 

Web:

Метатеги

Так называются операторы HTML, размещаемые на странице по одной из трех причин. Во-первых, метатег может использоваться для хранения информации о документе, например имени автора или даты истечения срока. Во-вторых, метатег применяется для того, чтобы автоматически произошло какое-то событие, например заиграла музыка или вы перескочили на другую страницу Наконец, метатег можно использовать для хранения ключевых слов, которые будут замечаться и индексироваться различными поисковыми машинами. Если вы хотите привлечь на свой Web-сайт множество «правильных» посетителей, будет полезно узнать, как с помощью метате-гов обратить на свою страницу внимание поисковых машин. Много ли удовольствия в применении этих тегов? Что ж, можно попросту не использовать те из них, которые вам не нравятся.

Плохой дизайн Web-сайтов

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

Проверка Web-страниц

В работе с Сетью используются разнообразные броузеры, и далеко не все они работают одинаково. При создании Web-страницы желательно проверить, как она будет выглядеть в различных броузерах. На этих сайтах содержатся средства для проверки Web-страниц, которые помогут убедиться, что написанная вами HTML-программа окажется переносимой. Это сложные инструменты, и проводимый с их помощью анализ невозможно осуществить вручную. 

Web:

Программы для Web-страниц

большинство хитроумных штучек, которые вы видите н« Web-страницах, требуют использования программирования. Почему бы не дать кому-то другому проделать эту работу? В Сети имеется множество бесплатных уже на писанных программ для Web-страниц. Может статься что вам придется приобрести кое-какие технические навыки, но сделав это, вы почувствуете свою безграничную власть над Web-страницей, обладая уймой навороченных причиндалов, позволяющих оформить сайт в соответствии с самыми высокими требованиями: это счетчики обращений, средства управления паролем доступа, поисковые машины для сайта, формы электронной почты, календари, калькуляторы, инструменты для .кнопок, шрифты, меню, тиккеры и еще много-много другого.

Прозрачные GIF-файлы

Это изображения в формате GIF, в которых один цвет назначен как «прозрачный». При демонстрации изображения на Web-странице броузер изменит те участки рисунка, где используется прозрачный цвет, на цвет фона. Целью является создание изображения, которое хорошо сочетается с фоном. Изготовление прозрачных GIF-фай-лов — дело не сложное, если у вас имеются необходимые инструменты. Данные Web-сайты помогут найти то, что вам нужно, и узнать, как правильно применять прозрачные GIF-файлы.

Редакторы HTML

Для описания содержимого и структуры Web-страницы используется язык, именуемый HTML (язык разметки гипертекста). Вообще говоря, существуют два способа создания Web-страницы. Вы можете использовать редактор WYSIWYG (what you see is what get — «видишь то, что получишь») или редактор HTML. С редактором WYSIWYG вы работаете с различными элементами страницы и оформляете их именно так, как хотите. За кулисами редактор автоматически создает для вас соответствующее HTML-описание. И Microsoft, и Netscape предоставляют бесплатные редакторы WYSIWYG, a также наборы Интернет-программ: Frontpage Express (Microsoft) и Composer (Netscape). Если вы хотите еще больше контролировать процесс создания Web-страницы, можете воспользоваться HTML-редактором. Подобные редакторы обладают особыми возможностями, помогающими создавать и поддерживать HTML именно в том виде, в каком вы хотите. 

Web:

Рекомендации по применению HTML

При правильном и умелом использовании HTML страницы выглядят просто здорово, и их легко читать. Эти Web-сайты помогут вам научиться правильно пользоваться языком HTML. Здесь имеется множество полезных советов, объяснений и ссылок на инструменты. Важнее всего, что вы найдете примеры, которые сможете использовать для своих собственных Web-страниц.

Web:

Ресурсы для Web-публикаций

Имея хороший редактор Web-страниц, не обязательно быть техническим специалистом, чтобы создать Web-страницу. Вам всего-то и нужно, что набрать текст, вставить несколько картинок и перемещать все это по странице до тех пор, пока вам это не понравится. Однако, если вам захочется, чтобы ваши страницы выглядели еще лучше, данные ресурсы помогут вам достичь следующего уровня навыков работы с Web. Здесь вы найдете учебные пособия по HTML, глоссарий, информацию по метатегам, палитры, формы, графику, шаблоны, своды правил пунктуации, переноса, применения шрифтов и т. п.

Ресурсы для разработчиков Web-страниц

"Если вы разработчик Web-страницы, вы должны много знать обо всем и следить за всеми изменениями. Эти Web-страницы помогут вам быть на уровне ваших коллег и найти ресурсы, которые нужны для вашей работы. Прочитайте о возможностях использования, основах проектирования, совместимости, обеспечении качества, оптимизации, а также о новостях и конференциях. Познакомьтесь с XML, VRML, Java, CSS, CGI, графикой, серверами и пр.

Руководство по HTML для начинающих

Язык HTML (Hypertext Markup Language, то есть «язык гипертекстовой разметки») представляет собой набор спецификаций, с помощью которых определяются внешний вид и «поведение» Web-страницы. Если вы хотите разрабатывать свои собственные Web-страницы, вам придется либо освоить HTML, либо воспользоваться программой, которая скроет от вас детали реализации. Конечно, второй вариант возможен, и все же знание НТМ1 обеспечивает гораздо большие гибкость и степень кон троля происходящего. Данный документ поможет разобраться в основах HTML.

Руководство по стилям в Web

Неплохо было бы узнать что-нибудь о дизайне, прежде чем вы приметесь создавать свою собственную Web-страницу. Попробуйте почитать руководство по стилям, где имеется обширная информация о построении документа, перемещениях, структуре сайта, оформлении Web-страницы, эффективном использовании Web, интеграции элементов дизайна и о многом другом

Создание Web-страниц: обсуждение общих вопросов

Начав создавать свою собственную Web-страницу, вы поймете, насколько полезным может оказаться разговор с другими. Эта телеконференция Usenet предназначена для обсуждения различных тем, связанных с созданием Web-страниц. В ней можно поговорить об HTML, дизайне, приемах, получить полезные советы. Для разговора в реальном времени попробуйте воспользоваться IRC-ка-налами.

Сценарии CGI

Сокращение CGI означает Common Gateway Interface (то есть «общий шлюзовый интерфейс ввода») и обозначает механизм, с помощью которого Web-сервер может обрабатывать данные, вводимые пользователем в экранную форму. Программа, работающая при вводе данных, называется «сценарием CGI». На этих Web-сайтах описываются интерфейс CGI и основные принципы его работы Кроме того, здесь имеется подборка готовых сценариев, которые можно использовать или же модифицировать для своих целей. Для обсуждения CGI можно подключиться к телеконференции Usenet или IRC-каналу. Примечание. разработка сценариев CGI требует навыков программирования . 

Web:

Счетчики обращении к Web-страницам

Сейчас почти на каждой Web-странице можно встретить счетчик обращений (представьте себе, в Сети есть даже коты, на чьих Web-страницах имеются подобные счетчики'). Приведенные ниже ресурсы помогут разместить счетчик обращений на вашей Web-странице и предложат эффектные образцы цифр. 

Web:

Таблицы

В языке HTML таблицей называется механизм для представления информации, организованной в виде строк и столбцов. Помимо использования их для представления данных в табличной форме, они также могут применяться для создания полей и управления разрядкой. Эти Web-сайты познакомят вас с таблицами, а также с некоторыми техническими аспектами их применения. 

Web:

Украшение Web-страниц удя праздников

Наступает праздник, но готовы ли вы к нему? Конечно, да, потому что вы начали подготовку заранее, используя все эти бесплатные клипы, графику и дизайн. Счастливого Web-дня. 

Web:

Фальшивые награды

В самом начале идея казалась неплохой: кто-то просматривал множество Web-страниц и выбирал из них самые лучшие. На этих лучших Web-страницах разрешалось выводить специальный значок, свидетельствующий о полученной награде, — нечто вроде четырех звездочек напротив названия ресторана в путеводителе. Дальнейшее развитие событий можно было предвидеть: раздавать награды гораздо проще, чем заниматься чем-нибудь творческим. Количество любителей оценивать чужую работу умножалось. В наши дни Сеть буквально затоплена сотнями различных наград, и все это стало выглядеть довольно глупо. А чтобы довести ситуацию до полного абсурда, появились специальные сайты с коллекциями значков, изображающих фальшивые награды. Поместите такой значок на свой сайт, чтобы показать «нос» всей системе наград, — по крайней мере, эта идея вполне заслуживает награды. 

Web:

Фон для Web-страниц

Один из способов, позволяющих придать пикантность своей Web-странице, — применить какой-нибудь фон. На данных сайтах имеется множество различных текстур и изображений, которыми можно воспользоваться для этой цели. Однако надо быть осторожным и проявлять сдержанность. В большинстве случаев что-нибудь необычное может выглядеть неудачно и затруднять чтение. И не забывайте: даже если Web-страница хорошо смотрится на вашем мониторе, другие могут увидеть ее не совсем так, как вы, -поэтому будьте поскромнее в погоне за новизной.

Web:

Фреймы

Фреймы (frames) позволяют разделить Web-страницу на независимые области, причем вы можете контролировать процесс отображения данных в каждом отдельном фрейме. Обучающие руководства, хранящиеся на этих Web-сайтах, рассказывают о фреймах и о том, как ими пользоваться. Специальное замечание: не все пользователи любят фреймы. Если только характер представляемых вами данных не требует использования фреймов, пожалуйста, найдите время и убедитесь, что ваши Web-страницы нормально работают у тех, кто предпочитает просматривать их без фреймов.

Web:

Цветовая диаграмма

Может прийти время, когда вам захочется задавать цвета на своей Web-странице как можно более точно. Лучше всего для этого подходит цифровой способ. Каждый конкретный цвет соответствует шести символам, взятым из шестнадцатеричной системы, использующей 16 знаков. (В нашей обычной десятеричной системе мы используем цифры от 0 до 9. В шестнадцатеричной — 16 знаков: О, 1, 2, 3, 4, 5, 6, 7, 8, 9, А, В, С, D, Е и F.) Например, если при создании Web-страницы вы укажете цвет «ООСС99», то получите зеленовато-голубой. На этих Web-сайтах есть инструменты, облегчающие поиск нужного цвета и его цифрового кода.

ЧаВО ддя авторов Web-страниц

Прежде чем создавать следующую Web-страницу, найдите несколько минут, чтобы прочитать этот список ЧаВО (часто задаваемых вопросов). В нем содержатся практические ответы на обычные вопросы, касающиеся HTML. Могу гарантировать, что при чтении этого списка ЧаВО вы найдете по меньшей мере несколько мест, которые заставят вас сказать себе: «Ах, так вот как оно делается».

ЯЗЫК HTML

Вас пригласили на вечеринку, и вдруг вы замечаете там кинозвезду, с которой всю жизнь мечтали познакомиться. Вы уже застолбили место у судка с луковым соусом в уверенности, что кинозвезда может подойти в любу к минуту — разве можно устоять перед луковым соусом "• Наконец-то она подходит, и вы начинаете светскую беседу, пытаясь найти интересную тему для разговора В этот момент кинозвезда спрашивает' «А вам не кажет ся, что это страшно неудобно, когда перепутанные атрибуты rel и rev в теге <link> приводят к полному нарушению всех отношений?» Ну и что вы собираетесь сделать -сказать, что женщинам вообще трудно разбираться в отношениях? Чтобы быть готовым к такому обороту раз говора, нужно изучить все аспекты языка HTML (Hyper text Markup Language — языка разметки гипертекста) прежде чем идти на вечеринку.

List Name adv-html

Subscribe to listserv@bama.ua.edu

List Name hhfa

Subscribe to listserv@maelstrom.stjohns.edu

List Name html-1

Subscribe to listserv@vm3090.ege.edu.tr

Majordomo Mailing List:

List Name html

Subscribe to majordomo@mail.serve.com

Язык XML

XML (Extensible Markup Language — расширяемый язык разметки) представляет собой метаязык, позволяющий задавать ваши собственные языки разметки (К ним относится, например, HTML ) В целом XML обладает потенциалом, способным обеспечить замечательное усовершенствование процесса создания Web-страниц. Однако XML сложен и все еще не поддерживается популярными броузерами во всем разнообразии его возможностей. Если вам нравится знать все самое новое о создании Web-страниц, сведения об XML придутся вам по душе. Вот ресурсы, которые помогут вам в этом, включая список ЧаВО (часто задаваемых вопросов), информацию о стандартах, конференциях и новых версиях.

List Name: xml-dev

Subscribe to majordomo@ic.ac.uk