Особенности разработки интернет-ресурсов Основы сайтостроительства Разработал: учитель информатики Нелипа А.А. - презентация

1 Особенности разработки интернет-ресурсов Основы сайтостроительства Разработал: учитель информатики Нелипа А.А.

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

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

4

5

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

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

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

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

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

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

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

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

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

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

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

17

18

19

20

21 СПАСИБО ЗА ВНИМАНИЕ!!!