Основы конструирования сайтов

метки: Конструирование, Основа, Создание, Документ, Основной, Автоматизация, Информационный, Метод

1.1 Всемирная информационная паутина (WWW – World Wide Web).

2. Основные понятия HTML. Представление о структуре HTML-документа

2.1 Структура HTML-документа

3. Публикация сайта

1.1 Всемирная информационная паутина (WWW – World Wide Web).

Информационная паутина является в настоящее время популярной и удобной службой сети Интернет. Веб-страницы и веб-сайты широко применяются во Всемирной паутине. Для создания веб-сайтов используется язык разметки гипертекстовых документом HTML (HyperText Markup Language).

Методы конструирования веб-сайтов и инструменты, с помощью которых выполняется конструирование, очень разнообразны, их можно классифицировать по различным признакам. Важнейшими из них являются степень автоматизации конструирования сайта и методика процесса разработки. По степени автоматизации конструирования веб-сайтов следует выделить два основных метода: визуальный и программируемый. Визуальный метод позволяет конструировать веб-сайт с высокой степенью автоматизации. Этот метод возник из необходимости уменьшить трудоемкость создания сайта и сократить сроки выполнения работ.

Главным принципом визуального метода является принцип «Что вижу, то и получаю» — WYSIWYG (от англ. предложения ―What you see is what you get‖).

При создании сайтов с использованием визуального метода необходимо выбрать инструменты – редакторы визуального конструирования. Наиболее известными такими редакторами являются: Microsoft FrontPage, DreamWeaver (Macromedia), NamoWEbEditor, Adobe GoLive и др. Во время создания веб-сайта эти редакторы обеспечивают пользователю возможность работать без непосредственного подключения к сети Интернет. В дальнейшем созданный веб-сайт можно разместить в сети Интернет. При создании веб-сайтов с помощью этих редакторов по каждой создаваемой веб-странице автоматически генерируется код HTML, который представляет собой набор конструкций языка HTML. Для конструирования веб-сайтов могут использоваться системы управления содержанием CMS (Content Management System), которые предоставляются некоторыми специальными платными или бесплатными сервисными службами. Системы CMS представляют собой своего рода конструкторы, позволяющие создавать сайт и сопровождать его в дальнейшем. При создании структуры и навигации по сайту в системе CMS обычно не требуется глубоких знаний языка HTML. Примеры систем CMS можно найти на сайтах Narod.ru и Boom.ru.

Нельзя стать настоящим веб-мастером, не зная основных конструкций языка HTML, а для профессиональной работы необходимо освоить язык HTML. Создание сайта на языке HTML часто называют программируемым или ручным методом конструирования. Для непосредственной работы с HTML-кодом могут использоваться специальные инструменты разработки, например программы Hotdog, HomeSite и др. Эти программы облегчают разработчику веб-сайта ввод и редактирование основных конструкций языка HTML. Вводить основные конструкции языка HTML можно в программе Блокнот. Об этом способе работы мы поговорим позже. Кроме языка разметки гипертекстовых документов HTML для создания веб-сайтов используются другие языки программирования, например Java Script и PHP. Широкое применение при веб-конструировании получили скрипты. Они используются, как правило, для создания отдельных элементов веб-страницы, например, выпадающих списков, динамических меню, часов, календарей и т.п.

Средства создания Web-сайтов

... к web-приложениям; 4) определить области применения языков программирования для разработки web-приложений; 5) проанализировать функциональные возможности сред по созданию web-приложений. Стоит ответственно взяться за создание собственного «Интернет-представительства. Сайт должен ...

Методика веб-конструирования предполагает выполнение проектирования сайта за несколько основных этапов: 1. Разработка тематики сайта, его целей и задач. 2. Логическое проектирование, которое включает в себя: формирование структуры сайта (линейный, иерархический), название разделов, связь между ними, подготовка информации, размещаемой на каждой веб-странице сайта. 3. Непосредственное создание сайта, которое включает в себя определение методов проектирования и выбор инструментов для него. Методы и инструменты конструирования веб-сайтов очень разнообразны, например можно создавать сайты динамические и статические. На динамической сайте размещается информация, которая может изменяться пользователем или загружаться из баз данных. Такие базы данных обычно содержат информацию, которая требует постоянного обновления. Например, сайт Интернет магазина всегда пополняется сведениями о дополнительных товарах и изменяющихся ценах.

Статический сайт не обновляется в режиме реального времени. Широкое распространение получили интерактивные сайты. На таких сайтах веб-страницы генерируются серверными программами. Информация обычно берется из баз данных. Очень часто используется разграничение доступа к сайту, при котором посетители сайта имеют различные права

доступа к информации на нем. Такие сайты могут содержать различные формы для заполнения.

При создании сайтов могут использоваться готовые шаблоны или их построение может выполняться в специальных программных средах, построенных в основном на графических изображениях и т.д.

2. Основные понятия HTML. Представление о структуре HTML-документа

2.1. Структура HTML-документа

Документ HTML представляет собой обычный текстовый файл, который содержит конструкции языка HTML. Поэтому этот документ можно создавать в обычных текстовых редакторах, например программе Блокнот, а затем сохранять созданные файлы с расширением .htm или .html . Суть языка HTML — в разметке текста с помощью управляющих символов — тегов, которые располагаются в угловых скобках. Большинство тегов парные, т.е. имеют открывающий элемент <> и закрывающий элемент </>. Между ними и находятся коды, которые распознает браузер.

HTML-документ всегда должен начинаться отрывающим тегом <html>

• и заканчиваться закрывающим </html>. Внутри расположены: блок заголовка <head>
• </head>
• и тело <body>
• </body>, в котором размещаются тексты, рисунки, аудио и видеофрагменты. Основные теги, необходимые для создания HTML- документа простой структуры, представлены в таблице:

• В блоке заголовка размещается тег <title>
• текст </title>. Текст, указанный в этом теге отображается в заголовке окна браузера. В HTML-документе можно разместить комментарии, которые браузером не отображаются: <! Комментарии>.

3. Публикация сайта

» Разработка веб-сайта для школы»

... Обзор и сравнительный анализ HTML-редакторов 22 1.6 Оценка экономической целесообразности использования HTML-редакторов 22 2 Проектирование web-сайта образовательного учреждения 27 2.1 Методика разработки сайта школы 31 2.2 Разработка структуры сайта ...

Публикацией сайта называют его размещение на сервере или локальном компьютере с возможностью вызова из сети (глобальной или локальной).

Некоторые серверы бесплатно предоставляют дисковое пространство под сайт, например, www.narod.ru. Процесс публикации сайта заключается в переносе файлов вашего сайта на этот сервер. Адрес перенесенного сайта может иметь вид, например, www.belpisateli.narod.ru. Для публикации сайта, подготовленного в редакторе FrontPage, необходимо с помощью меню Файл Опубликовать узел вызвать диалоговое окно Свойства удаленного веб-узла

Для размещения созданного сайта на сервере narod.ru в строке Расположение удаленного веб-узла следует указать адрес ftp-узла сервиса

narod.ru, который для всех пользователей является одинаковым.

В дальнейшем пользователю необходимо ввести имя и пароль в окне

Требуется имя и пароль .

В открывшемся новом окне слева будут размещены файлы и папки созданного локального веб-узла, а справа файлы и папки удаленного веб-узла, например странички сайта «Беларускія пісьменнікі». После указания режима все файлы локального веб-узла копировать на сервер необходимо нажать кнопку Опубликовать веб-узел. Когда копирование всех файлов завершится, пользователь может просмотреть размещенный в сети сайт. Для этого в строке браузера вводится адрес, например www.belpisateli.narod.ru

Список литературы

[Электронный ресурс]//URL: https://inzhpro.ru/referat/na-temu-osnovyi-veb-konstruirovaniya/

1. Белова Е.Б., Бородкин Л.И., Гарскова И.М., Изместьева Т.Ф., Лазарев В.В. Историческая информатика. Учебное пособие. / Под ред. Л.И. Бородкина и И.М. Гарсковой. М.: Мосгорархив, 1996. — 400 с.
2. Белова Е.Б., Бородкин Л.И., Гарскова И.М., Изместьева Т.Ф., Лазарев В.В., Тихонов А.И. Информатика для гуманитариев. Вводный курс: Учебное пособие / Под ред. Л.И. Бородкина и И.М. Гарсковой. М.: Изд-во УРАО, 1997. — 220 с.
3. Бородкин Л.И., Валетов Т.Я. Электронные ресурсы в изучении истории России ХХ века. М., МГУ, 2002. — 20 с.
4. Крупник А. Поиск в Интернете. Самоучитель. СПб., 2006.
5. Ландэ Д. В. Поиск знаний в Internet. Профессиональная работа. М., 2005.
6. Леонтьев В. Новейшая энциклопедия Интернета. М., 2009. links_history.aspx.
7. Михеева Е.В. Информационные технологии в профессиональной деятельности. М.: Академия, 2008. 378 с