|
|
Конспект лекций по информатике. Конспект лекций по информатике учебное пособие
Лекция 17. Принципы формирования web-документов 1. Отличительные особенности web-документа
Web-документ – это электронный документ, содержащий текстовые, графические и другие данные, которые отформатированы с учетом особенностей приема и передачи информации в сети Интернет. Для создания web-документов можно использовать обычные текстовые и графические редакторы, но более эффективными являются web-редакторы, которые применяют на профессиональном уровне.
Основой web-документов является гипертекст – это расширенный текст, включающий дополнительные элементы, например, иллюстрации, ссылки, вставные объекты. Для размещения гипертекста в сети Интернет используют операцию разметки, которая меняет форму представления электронного документа путем введения специальных кодов разметки. Применение кодов подчиняется правилам языка разметки текста. Использование разметки связано с тем, что при передаче в сети Интернет невозможно добиться абсолютной точности воспроизведения документа в исходном виде. Другими словами, в Интернете не сохраняется исходное форматирование документа, поэтому можно говорить лишь о функциональной разметке документа.
Просмотр размеченных электронных документов осуществляют с помощью браузеров – программных средств, предназначенных для работы с web-документами.
Web-документ, представленный в сети Интернет, называют web-страницей. Связанные по содержанию web-страницы образуют сайт – тематический web-документ, который имеет свой сетевой адрес, место хранения и владельца, отвечающего за создание и поддержку документа. Материалы, представленные на сайте, или содержательное наполнение сайта называют контентом.
2. Разметка гипертекстовых документов
Первым средством разметки электронных документов, размещаемых в сети Интернет, был язык НТМL. Язык позволял размечать и отображать документ в сети на экране монитора с полиграфическим уровнем оформления. В состав языка вошли средства для создания заголовков, шрифтовых выделений, различные списки, таблицы и многое другое.
Основой языка HTML является текстовый файл, который можно создать в любом текстовом редакторе. Набор текстовых файлов, размеченных на языке HTML, образует Web-документ, который определяет форму представления информации и структуру связей между файлами и другими информационными ресурсами, в частности – гипертекстовыми ссылками. Гипертекстовые ссылки устанавливают связи не только между текстовыми документами, но и с другими ресурсами, например, с звуковыми файлами, графикой или видео.
Язык HTML использует указатели разметки – теги. Теговая модель описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами.
Теги НТМL-документов в большинстве своем просты и понятны, так как они образованы с помощью общеупотребительных слов английского языка, понятных сокращений и обозначений. Текст тега заключается в угловые скобки ("<" и ">"). Простейший вариант тега — имя, заключенное в угловые скобки, например . Общая схема построения контейнера в формате HTML может быть записана в следующем виде:
"контейнер"= <"имя тега" "список атрибутов">
содержание контейнера
Исходя из этой схемы простой текстовый HTML-документ выглядит следующим образом:
Заголовок документа</ TITLE></ HEAD><br /><br /><BODY><br /><br />Текст документа<br /><br /></BODY><br /><br /></ HTML><br /><br />Со временем начальная версия языка HTML значительно усложнилась. Затем на смену пришли более совершенные языки, например, язык XML и PHP. Усложнение HTML и появление других языков программирования привело к тому, что разработка Web-сайтов стала делом высокопрофессиональным, требующим специализации по направлениям деятельности и постоянного изучения новых Web-технологий. <br /><h2>3. Принципы построения сайтов в сети Интернет</h2> <br />Каждый сайт в сети предназначен для решения какой-либо конкретной задачи, например, обучения, <a href="/virusti-gepatit-a-jne-e-etiologiya-epidemiologiya/index.html" title="Вирусты гепатит а және е этиология Эпидемиология">повышение уровня продаж</a>, создания определённого имиджа и др. Несмотря на большое разнообразие сайтов, можно выделить общие закономерности и принципы формирования сайтов.<br /><ol> <li><br />Контент сайта должен иметь эксклюзивный характер и отличаться от сайтов похожих тематик уникальностью представленных материалов.<br /><li><br />Все размещенные на сайте материалы должны быть достоверными и регулярно обновляемыми.<br /><li><br />Документы сайта, как правило, выполняются в едином стиле и снабжаются средствами навигации, которые обеспечивают удобство пользования и высокую посещаемость. <br /><li><br />В сетевых документах необходимо сочетать ограничение по объему с высоким качеством представленных материалов.<br /></ol> <br />Порядок построения сайтов также имеет общие закономерности и включает следующие этапы.<br /><ol> <li><br /><i><b><span id='Составление_технического_задания'>Составление технического задания</span></b></i> – предварительный этап, на котором заказчик согласует свои намерения с разработчиком сайта. Для рекламного сайта, например, работа начинается с <i><b>брифа</b></i> – краткой письменной формы согласия между рекламодателем и рекламистом. Этап заканчивается после утверждения технического задания заказчиком. <br /><li><br /><i><b><span id='Разработка_основной_и_типовых_страниц_сайта'>Разработка основной и типовых страниц сайта</span></b></i><b> – </b>выполняется web-дизайнером в соответствии с техническим заданием. Результат работы состоит из нескольких электронных страниц, каждая страница представляет собой многослойный рисунок.<br /><li><br /><i><b><span id='HTML-верстка'>HTML-верстка</span></b></i><b> – </b>созданные дизайнером страницы дополняются кодами разметки, что позволяет просматривать и анализировать материалы в браузере.<br /><li><br /><i><b>Программирование </b></i>– этапсоздания структуры и системы управления сайтом, на котором формируется так называемый «движок» или программа, отражающая структуру навигации и управляющая переходами между страницами. <br /><li><br /><i><b><span id='Тестирование'>Тестирование </span></b></i><i><b>– </b></i>проверка функционирования сайта в разных браузерах. Обнаружение и исправление ошибок, допущенных на предыдущих этапах.<br /><li><br /><i><b>Размещение сайта в сети Интернет </b></i>– отправка материалов на сервер провайдера, адресная настройка и тестирование с удаленных компьютеров<i><b>.</b></i> На этом этапе сайт закрыт для посетителей.<br /><li><br /><i><b><span id='Наполнение_контентом_и_публикация'>Наполнение контентом и публикация</span></b></i><b> – </b>в структуру сайта встраивают заготовленные текстовые блоки, изображения, файлы. Готовый сайт открывается для пользователей. <br /><li><br /><i><b><span id='Продвижение_сайта_или_оптимизация'>Продвижение сайта или оптимизация</span></b></i><b> – </b>выполняется с целью увеличения посещаемости и состоит из двух этапов. На первом этапе выполняется внутренняя оптимизация, в процессе которой определяются и вставляются в контент ключевые слова, которые привлекут наиболее заинтересованных посетителей. Одновременно тексты и ссылки подстраиваются под работу поисковых систем. На втором этапе осуществляется внешняя оптимизация или «раскрутка» сайта – <a href="/poisk-informacii-dlya-razrabotki-is/index.html" title="Поиск информации для разработки ис">длительный и трудоемкий процесс совершенствования</a>, направленный на повышение конкурентоспособности сайта. Стоимость внешней оптимизации может превысить расходы на создание сайта. <br /><li><br /><i><b>Сдача проекта</b></i> – ознакомление заказчика с результатами работы и подписание акта приемки-сдачи. На этапе сдачи может производиться обучение представителя заказчика навыкам работы в администраторской зоне сайта.<br /></ol> |
|
|
Скачать 0.97 Mb.