Практическая работа № 10
Тема: Создание веб- страниц сайта средствами HTML
Цель: Понять структуру HTML-документа, научиться создавать связанные между собой отформатированные HTML-документы, содержащие таблицы и рисунки при помощи программы «Блокнот», входящей в состав Microsoft Windows.
Приобретаемые навыки и умения: Освоить приемы работы со связкой программ «Блокнот» и Microsoft Internet Explorer.
Время выполнения:2 часа.
Форма организации работы: практическая работа.
Правила по технике безопасности:
Категорически запрещается:
1. Трогать разъемы соединительных кабелей;
2. Прикасаться к питающим проводам и устройствам заземления; включать и выключать аппаратуру без разрешения преподавателя.
3. При самопроизвольном отключении аппаратуры или появлении необычного звука немедленно сообщите об этом преподавателю.
4. Недопустимо размещать на системном блоке, мониторе и периферийных устройствах посторонние предметы: книги, листы бумаги и т. п. Это приводит к постоянному или временному перекрытию вентиляционных отверстий.
5. Запрещается внедрять посторонние предметы в эксплуатационные или вентиляционные отверстия компонентов компьютерной системы.
6. Запрещается производить какие- либо операции, связанные с подключением или перемещением компонентов компьютерной системы без предварительного отключения питания
Оборудование рабочего места:
1. ПЭВМ.
2. Методическое обеспечение занятия.
3. Программа Microsoft Internet Explorer, программа «Блокнот».
I. Краткие теоретические сведения
Некоторые советы по разработке и размещению HTML-страниц
Правила хорошего тона при разработке HTML-документов
Ознакомьтесь с текущей спецификацией HTML
Производители браузеров часто добавляют к своим творениям поддержку меток, не входящих в текущую спецификацию HTML. Именно поэтому иногда можно встретить страницы, оптимизированные для того или иного браузера. На мой взгляд, это далеко не лучший подход. Однако, как говорил Рэй Брэдбери, единственный способ заставить писателя не писать — это кольт сорок пятого калибра. И писатели пишут...
Не питайте абсолютного доверия к визуальным редакторам HTML
Помните, что большинство визуальных редакторов HTML, хотя и работают в целом корректно, имеют мелкие (а иногда и крупные) недостатки. Отчасти это связано с тем, что HTML с самого начала не был приспособлен для автоматизированной разработки.
Используйте продуманную иерархию заголовков
Помните, что Ваш документ будет читаться гораздо лучше, если в нем будет четкое разбиение на разделы и подразделы. HTML предоставляет в Ваше распоряжение шесть уровней заголовков. Воспользуйтесь этим богатством в своих интересах — создайте легко читаемый документ с интуитивно ясной структурой.
Следите за вложенностью меток
Современные браузеры способны правильно обработать вложенные метки. Например, вот такой фрагмент HTML-текста
<B><I>жирный наклонный шрифт</I></B>
большинство браузеров вполне успешно воспроизведут как жирный наклонный шрифт. Обратите внимание — метки <I>...</I> в этом фрагменте находятся внутри меток <B>...</B>. Другими словами, метки вложены одна в другую.
Работа браузера, однако, окажется сильно затрудненной, если вложенность окажется нарушенной, например:
<B><I>вложенность меток нарушена</B></I>
Соблюдение вложенности — очень важная часть общей культуры написания HTML-текста.
Указывайте альтернативный текст при включении в документ изображений
Помните, что пользователи могут отключать автоматическую загрузку изображений. Не ленитесь подсказать пользователю, чего именно он не видит. Это особенно важно, когда изображения являются гипертекстовыми ссылками.
При разработке крупных документов создавайте оглавлени
При написании крупного документа очень полезно поместить в его начале оглавление с гипертекстовыми ссылками на разделы. Это может облегчить пользователю работу с документом, особенно если документ носит справочный характер.
Хорошо продумайте навигацию
Попытайтесь вообразить себе, что в распоряжении пользователя нет кнопки Back . Подумайте о том, как обеспечить пользователю необходимую свободу перемещения в этом случае. Это поможет Вам спроектировать удобную в пользовании коллекцию HTML-документов.
Инструменты разработчика: пристрастные советы
Предупреждаю Вас честно: все приведенные ниже комментарии представляют собой мое личное (и, вполне вероятно, необъективное) мнение.