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

Презентация:



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

Особенности разработки и использования интернет-ресурсов Основы сайтостроительства.
Создание Web-сайтов. Web-сайты Публикации во всемирной паутине реализуются в форме Web-сайтов Web-сайт содержит информацию, посвященную какой-либо теме.
ТЕМА : Создание статической веб – страницы, содержащей текст.
Тема урока: «Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои.
Web-документ (или Web-страница) - это гипертекстовый документ, содержащий в себе ссылки на различные информационные ресурсы: другие Web-документы, графические,
«Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои команды,
Язык разметки гипертекста HTML Урок 1 © Николаева Вера Александровна, 2007
Инструментальные средства создания Web-сайтов
Тема урока: «Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои.
11 класс. №023. Представление о веб-конструировании. Основы языка гипер-текстовой разметки HTML
Web-страницы и Web-сайты. Структура Web- страницы.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Основы языка HTML: тэги, атрибуты тэгов, комментарии.
Язык разметки гипертекста HTML. Основные понятия WWW (World Wide Web) – «Всемирная паутина» – система Интернет, предназначенная для гипертекстового связывания.
Web - сайт Web - сайт состоит из web – станиц, объединенных гиперссылками. Web – страницы могут быть интерактивными и содержать мультимедийные(иллюстрации,
Web-страницы и Web-сайты. Структура Web- страницы.
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин ПРЕДСТАВЛЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ. ПРАВИЛА ПРЕДСТАВЛЕНИЯ.
Презентация по дисциплине Программное обеспечение компьютерных сетей Дудко Е.В., преподаватель спец. дисциплин ГБОУ СПО Новороссийского колледжа строительства.
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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