урок 33

Тема урока "Технология создания сайта. Содержание и структура сайта. Оформление и размещение сайта в Интернете. Практическая работа № 10 "Создание простейшей Web-страницы"

Сегодня на уроке вы:

познакомитесь с понятиями «структура сайта» и «навигация»;

рассмотрите начальный этап создания сайта: выбор темы, подбор материала; элементы структуры веб-страницы, а также основные принципы и различные приёмы их оформления;

узнаете, что такое хостинг, отличия бесплатного и платного хостинга, а также критерии его выбора;

научитесь создавать простейшую Web-страницу.

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

Такое качественное изменение сайтов не могло не отразится на инструментах и технологиях для их создания. Рассмотрим некоторые из них.

Вначале нужно определиться с темой сайта. После этого стоит начать написание и подбор материалов для сайта. После того, как вы собрали материал, необходимо решить, как его расположить на сайте, ведь если большой объем информации разместить на одной веб-странице, она будет трудно восприниматься. Стоит подумать, как можно разделить информацию, на какие категории её разбить. То есть составить план сайта.

План структуры сайта – это разбиение информации, которую будет содержать, на разделы по смыслу или типу, с указанием связей между ними.

Если вы создали свой сайт, который уже находится на жёстком диске компьютера, то как сделать, что бы он был доступен в сети «Интернет»? Ведь ресурсы компьютера доступны другим пользователям, только пока он подключён к сети, а для сайта нужно доменное имя. Чтобы сделать сайт доступным в сети «Интернет», нужно воспользоваться услугой хостинга – это размещение сайта на сервере, который всегда подключён к сети «Интернет» с присвоением ему доменного имени. Услуги хостинга предоставляют компании, которые называются хост-провайдерами.

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

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

Важно запомнить:

Простые сайты можно создавать при помощи:

· визуальных HTML-редакторов;

· некоторых офисных программ;

· онлайн-конструкторов;

· текстового редактора «Блокнот», записывая в нём код веб-страницы на языке разметки гипертекста.

Для создания современных сайтов могут применятся следующие инструменты:

· Для разметки веб-страниц – язык разметки гипертекста HTML.

· Для оформления веб-страниц используют каскадные таблицы стилей или “CSS”.

· Для создания динамичных элементов веб-страницы используют сценарный язык программирования “Java-Скрипт”.

· Для хранения информации используют базы данных ”MySQL”.

· Для того, чтобы связать эти технологии воедино, используют различные языки программирования, например “PHP”.

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

· План структуры сайта – это разбиение информации, которую он будет содержать, на разделы по смыслу или типу, с указанием связей между ними. План структуры сайта можно наглядно изобразить в виде графа, вершинами которого будут его страницы, а рёбрами – пути перемещения между ними.

· Навигация по сайту – это система переходов с одной страницы сайта на другую.

Для размещения сайта нужно воспользоваться услугой Хостинга, размещением сайта на сервере, который всегда подключён к сети «Интернет» с присвоением ему домена.

· Хостинг бывает платным и бесплатным.

· Бесплатный хостпровайдер не несет ответственности за сайт, размещает на нём рекламу и чаще всего предоставляет доменное имя третьего уровня.

· Платный хостпровайдер отвечает за доступность сайта и предоставляет доменное имя второго уровня.

Оформление сайта начинается с подбора цветов и шрифтов для различных его областей, оформление веб-страницы состоит из основных элементов.