Создание Web-страниц. Правила Строго соблюдать все интернет-стандарты. 2. Тщательно продумать наполнение Web- страниц. 3. Позаботиться о доступности Web- - презентация

1 Создание Web-страниц

2 Правила Строго соблюдать все интернет-стандарты. 2. Тщательно продумать наполнение Web- страниц. 3. Позаботиться о доступности Web- страниц. Рассмотрим

3 Web-дизайнеры при создании Web-страниц обязаны строго придерживаться современных интернет-стандартов, чтобы их творения одинаково (ну, или почти одинаково) отображались на всех устройствах.

4 Открытыми интернет-стандартами, в том числе и Web-стандартами, занимается организация World Wide Web Consortium (Консорциум Всемирной паутины), или сокращенно W3C. Она разрабатывает стандарты, согласует их с требованиями уча-стников рынка и публикует на своем Web-сайте Все опублико-ванные там стандарты обязательны к применению.

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

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

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

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

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

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

11 Рассмотрим несколько примеров интернет- адресов. В интернет-адресе htm присутствуют обе час-ти. Здесь интернет-адрес программы-сервера, в данном случае Web-сервера, а /folder1/file1. htm путь к запрашиваемому файлу.

12 Web-страницы также хранятся в файлах с расширением htm или html (или, с учетом описанных во введении типографских соглашений, htm[l]). Одна Web-страница занимает один или более файлов.

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

14 Специально для этого предусмотрены так называемые Web-страницы по умолчанию. Такая Web-страница выдается клиенту, если он указал в интернет-адресе только путь к файлу, но не его имя. Обычно файл Web-страницы по умолчанию имеет имя default.htm[l] или index.htm[l], хотя его можно изменить в настройках Web- сервера.

15 Для форматирования содержимого Web- страниц применяется особый язык HTML (HyperText Markup Language, язык гипертекстовой разметки). С помощью 26 Часть I. Содержимое Web-страниц. Язык HTML 5 команд тегов этого языка создают и абзацы текста, и заголовки, и врезки, и даже таблицы.

16 Вообще, для создания Web-страниц существует множество специальных программ Web-редакторов. Они позволяют работать с Web-страницами, даже не зная HTML, как с документами Microsoft Word, просто набирая текст и форматируя его. Также они следят за правильностью расстановки тегов, помогут быстро создать сложный эле-мент Web-страницы и даже опубликовать готовый Web-сайт в Сети. К таким програм-мам принадлежит, в частности, известный Web-редактор Adobe Dreamweaver. Однако мы пока что будем пользоваться простейшим текстовым редактором Блокнот или html редактором.

17 Все теги HTML представляют собой символы, внутри которых находится имя тега, определяющее назначение тега. Закрывающий тег должен иметь то же имя, что и открывающий; единственное отличие закрывающего тега символ /, кото-рый ставится между символом < и именем тега. теги и в HTML фактически считаются одним тегом. Такой тег называется парным.

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

19 Элемент Web-страницы, в который вложен элемент, создаваемый данным тегом, называется родительским, или родителем. А элемент Web-страницы, который вложен в данный элемент, дочерним, или потомком. То же самое, что и в случае тегов.

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

21 Параметры Web-страницы, не отображаемые на экране и предназначенные для Web-обозревателя, назовем метаданными. Это своего рода данные, описывающие другие данные, в нашем случае Web-страницу. А HTML- теги, которые задают метаданные, называются мета тегами.

22 ...

23 мета тег, который мы поставили в начало нашей Web-странички, указывает на HTML 5. Это так называемый одинарный тег, который имеет только открывающую пару.

24 Атрибуты тегов бывают обязательными и необязательными. Обязательные атрибуты должны присутствовать в теге в обязательном порядке. Необязательные атрибуты могут быть опущены Значение атрибута тега пишут после его имени и заключают в двойные кавычки. Между именем атрибута тега и его значением ставят знак равенства.

25