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

Федеральное агентство  по образованию

Государственное образовательное учреждение высшего  профессионального образования

ДАЛЬНЕВОСТОЧНЫЙ ФЕДЕРАЛЬНЫЙ УНИВЕРСИТЕТ

 

Школа гуманитарных наук

 

Кафедра отечественной истории и архивоведения

Специальность: история

 

Лутченко Алексей Юрьевич

 

Реферат

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

 

 

 

Студент гр. С4503 __________________                                            (подпись)

Проверил ст. преподаватель А.П. Ботнарь                                                    ______________

Оценка  _________________________                                                                                           ____________  ___________________                                                                                                                            подпись                            И.О.Фамилия                                                                                             «_____» ________________2014   г.

 

 

 

 

 

г. Владивосток

2014г.

 

Оглавление

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

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

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

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

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

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

 

 

 

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

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. Широкое применение при  веб-конструировании получили скрипты. Они используются, как правило, для  создания отдельных элементов веб-страницы, например, выпадающих списков, динамических меню, часов, календарей и т.п.

 Методика веб-конструирования  предполагает выполнение проектирования  сайта за несколько основных  этапов: 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. Публикация сайта

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

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

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

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

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

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

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

 

 

 

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

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