1  2  3  4  5  6  7  8

Вставка даты
Хорошим тоном в Web -дизайне считается указание даты последнего обновления Web -страницы. В самом деле, дату вставить очень легко — достаточно просто написать число, месяц и год в соответствующем формате. Но что делать, если вы не в состоянии вспомнить, какое сегодня число (как, например, автор этой книги)?
Dreamweaver может вставить дату за вас. Вы просто задаете формат даты и времени и указываете, нужно ли обновлять вставленную дату всякий раз при сохранении страницы. Видите, Dreamweaver может даже вместо вас сле­ дить за календарем!
Поскольку создаваемая нами Web -страница очень проста, мы не будем ставить на ней дату обновления. Вместо этого создадим пустую Web -страницу и вставим дату в нее, для чего переключимся на страницу Common панели объектов и нажмем кнопку Date . Вы также можете выбрать пункт Date меню Insert . После этого на экране появится диалоговое окно Insert Date .
Раскрывающийся список Day Format для нас бесполезен, т. к. представляет все имена дней недели поанглийски. Поэтому оставьте выбранным пункт [ No Day ].
В списке Date Format выбирается формат даты. Выберите один из двух форматов "число.месяц.год", которые там есть.
Раскрывающийся список Time Format задает формат времени. Выберите пункт 22:18, если вы хотите отображать время в 24-часовом формате, пункт 10:18 РМ, если хотите видеть время в 12-часовом формате, или пункт [ No Time ], если время вам вообще не нужно.
Флажок Update Automatically on Save включает или отключает режим обновления даты при сохранении страницы.
Как обычно, кнопка ОК выполняет вставку даты, а кнопка Cancel — отменяет.
Для нашего примера выберите один из вышеуказанных форматов даты в списке Date Format , пункт 22:18 — в раскрывающемся списке Time Format и включите флажок Update Automatically on Save . He забудьте нажать кнопку OK ! После этого на страницу будет помещена сегодняшняя дата.
Если вы при вставке даты включили флажок Update Automatically on Save ,
Dreamweaver позволит вам изменить формат даты и (или) времени. Выделите вставленную дату — и редактор свойств изменит свой вид, предоставив вам кнопку Edit Date Format . При нажатии на нее на экране появится диа­ логовое окно Insert Date , в котором вы сможете изменить формат даты и времени.
Теперь испытаем Dreamweaver . Для этого сохраним страницу, скажем, под именем 3.4.htm . После этого вы, наверно, заметите, что время, которое вы поместили на страницу вместе с датой, изменится. (Если этого не случится, подождите минуты две и потом снова сохраните страницу.) То есть, таким образом, Dreamweaver действительно обновляет дату и время при сохранении страницы.
" Чистка " HTML - кода
В процессе работы над Web -страницей Dreamweaver вставляет в текст и убирает из него множество различных HTML -тегов. Хоть он и очень "ин­ теллектуален" и никогда не вставит и не удалит лишнего, всетаки стоит время от времени "чистить" получившийся код, чтобы сделать его яснее и компактнее. Эта "чистка" включает в себя:
Удаление парных тегов, "потерявших" свою пару;
Удаление лишних (избыточных) тегов. Такие теги могут включаться в код для того, чтобы сделать его совместимым со старыми программами Web -обозревателей;
Объединение тегов, где это возможно; Удаление комментариев.
За "чистку" HTML -кода "отвечает" пункт Clean Up HTML меню Command , выбрав который, вы откроете диалоговое окно Clean Up HTML / XHTML
Группа флажков Remove поможет вам задать, что именно следует удалять при "чистке":
Empty Container Tags — "пустые" теги, т. е. парные теги без содержимого;
Redundant Nested Tags — ненужные (избыточные) теги;
Non - Dreamweaver HTML Comments — HTML -комментарии, вставленные пользователем;
Dreamweaver Special Markup — HTML -комментарии, вставленные самим Dreamweaver для своих служебных целей, например, чтобы пометить вставленную дату с возможностью обновления;
Specific Tag ( s ) — теги, перечисленные в поле ввода, находящемся правее.
Группа флажков Options поможет вам задать дополнительные параметры "чистки":
Combine Nested < font > Tags when Possible — по возможности комбинирует вложенные теги <font> с разными параметрами;
Show Log on Completion — показывает статистику по окончании "чистки".
Задав нужные параметры (в подавляющем большинстве случаев можно оста­ вить заданные по умолчанию), нажмите кнопку ОК для запуска процесса "чистки" или Cancel — для отказа от нее. "Чистка" может занять довольно много времени, особенно если Web -страница сложна, а компьютер, на котором установлен Dreamweaver , маломощен. По окончании, если был вклю­ чен флажок Show Log on Completion , на экране появится окно статистики, где будет описано, что сделал Dreamweaver в процессе "чистки". В нашем случае ничего сделано не было — HTML -код нашей страницы и так был "чист". Закройте это окно нажатием кнопки ОК.
Проверка совместимости HTML - кода
В мире эксплуатируется много разных программ Web -обозревателей, сильно различающихся как функциональными возможностями, так и степенью совместимости с различными интернет-стандартами. Более того, разные вер­ сии двух самых распространенных Web -обозревателей также имеют очень большие отличия. И Web -страница, прекрасно отображающаяся в одной программе, совершенно не работает в другой.
Как избежать проблем с совместимостью? Что нужно для этого делать?
Прежде всего, конечно, соблюдать все стандарты HTML . He кидаться сломя голову за новомодными, свежевведенными расширениями этих самых стандартов и, тем более, нестандартными, "фирменными" возможностями той или иной программы. Иначе вы можете сильно сузить свою аудиторию. Кроме того, фирмы Microsoft и Netscape разработали ряд рекомендаций для Web -дизайнеров, которые позволят им создавать специальные, "совмести­мые" страницы, одинаково хорошо (или, по крайней мере, сносно) отображаемые в большинстве программ. Рекомендуем вам ознакомиться с этими рекомендациями, хотя в конкретных случаях помощи от них не так уж и много, и вам придется изрядно поломать голову.
Но как узнать, будет ли данная Web -страница нормально отображаться в разных программах Web -обозревателей? Вам поможет в этом Dreamweaver .
Выберите пункт Check Target Browsers в подменю Check Page меню File . На экране появится диалоговое окно Check Target Browsers .
В списке Browsers представлены все программы, о которых "знает" Dreamweaver . Версия MX поддерживает разные версии Internet Explorer , Navigator и Opera ; новейший Web -обозреватель Mozilla там отсутствует. Выберите нужные программы, щелкая мышью на соответствующих строках списка, после чего нажмите кнопку Check .
После довольно долгого ожидания Dreamweaver откроет особую панель Tar ­ get Browser Check и выведет в ней результаты проверки страницы на со­ вместимость в виде списка. В колонке Description этого списка будет дано краткое описание найденной несовместимости, увы, на англий­ ском. Дважды щелкните мышью на нужной строке списка — и Dreamweaver , переключив окно документа в режим показа страницы и кода, под­ светит проблемный HTML -тег
Здесь сразу видно, что атрибут alink (цвет активной гиперссылки) тега < body > не поддерживается Opera . Конечно, это не смертельно — в целом наша первая Web -страничка совместима со всеми наиболее распространен­ ными программами Web -обозревателей. Но эта функция, встроенная в Dreamweaver ,позволит вам в будущем избежать серьезных проблем с совместимостью.
Что дальше ?
Итак, мы создали первую, главную страницу нашего сайта. В процессе ее создания мы научились работать с текстом и гиперссылками, используя для этого стандартные инструменты Dreamweaver . Следующим шагом будет работа с графикой и мультимедийными файлами, иными словами, внедренными объектами.
В главе4 мы научимся вставлять на страницы графические изображения, звуковые и видеоклипы. А заодно создадим страничку с более подробными сведениями о гипотетическом Иване Ивановиче и его портретом.

1  2  3  4  5  6  7  8

Вверх