Особенности разработки и использования интернет-ресурсов Основы сайтостроительства. - презентация

1 Особенности разработки и использования интернет-ресурсов Основы сайтостроительства

2 Язык HTML Язык разметки гипертекстовых документов HTML основан на совокупности команд, называемых тегами (от английского tag). HTML-тег записывается в угловых скобках и состоит из имени, за которым может следовать список атрибутов. Теги могут быть одиночными или парными. Парный тег состоит из открывающего и закрывающего. Закрывающий тег содержит ту же последовательность букв, но им предшествует косая черта:.

3 Атрибуты тегов Атрибуты добавляются в тег для расширения или модификации его действия. Значения: могут быть чувствительны к регистру; имеют ограниченную длину в 1024 символа; должны заключаться в двойные или одинарные кавычки (за исключением случаев, когда значение состоит из одного слова или числа, только из букв (a-z), цифр (0-9), и специальных символов (точка или дефис)).

4 Вложенные теги В теги HTML могут помещаться другие HTML- теги для осуществления воздействия нескольких тегов на один элемент – вложение тегов. Пример использования вложенных тегов. Теги не могут перекрываться! Неверно: Пример неверного использования вложенных тегов.

5 Пример использования тегов Текст для примера Текст

6 Структура HTML-документа Документ в формате HTML образуют три основные части: строка, содержащая информацию о версии HTML; заголовочная часть (определяется тегом ); тело, непосредственно включающее содержание документа (определяется тегом или ).

7 Пример простейшего HTML-документа Простой документ Пример простого документа Проба пера.

8 Результат отображения документа в окне броузера

9 Структура сайта Последовательная (линейная) структура Иерархическая (древовидная) структура Структура сети (паутина)Структура системы координат

10 Классификация веб- сайтов 1.Личные страницы (Home pages). 2.Корпоративные сайты. 3.Коммерческие сайты. 4.Контент-сайты. 5.Некоммерческие сайты.

11 Основные этапы разработки сайта 1.Анализ. 2.Выработка концепции. 3.Проектирование. 4.Создание дизайна. 5.Подготовка информационного наполнения. 6.Создание программных компонентов (если необходимо). 7."Верстка". 8.Отладка и тестирование. 9.Публикация. 10.Продвижение, поддержка и эволюция.

12 Состав команды разработчиков 1.Писатель. 2.Редактор. 3.Иллюстратор. 4.Дизайнер. 5.Верстальщик. 6.Веб-мастер. 7.Программист.

13 Разработка информационного наполнения Краткость. Четкость формулировок. Удобочитаемость. Редакторская правка. Тестирование и отладка. Минимализация объема страниц. Главная страница – наиболее важная страница.

14 Специализированные HTML-редакторы Как правило используют технологию WYSIWYG (англ. What You See Is What You Get – что видишь, то и получаешь). К достоинствам относятся: ускорение и упрощение процесса разработки; автоматизация многих рутинных операций; позволяют осуществлять быстрое макетирование; могут использоваться начинающими. Недостатки: не создают «чистого» кода (добавляют «фирменные» или избыточные элементы); могут автоматически изменять открываемый документ; полностью не избавляют от знания HTML, созданные в них документы как правило требуют ручной доводки.