Обучающий семинар по Web - технологии.
 |
План проведения семинара по web – технологии. I.Вступительное слово. II.Требования к сайту как к публикации. III.Файловая структура сайта. IV.Подготовка графики. V.Способы создания веб-страниц. VI.Алгоритмы создания сайтов с нуля. VII.Использование таблиц на страницах сайта. VIII.Создание интерактивных страниц с помощью мастера. Семинар провела учитель информатики Шебекинской гимназии - интерната Савина Т.В. |
Краткое содержание теории по теме семинара.
Требования к сайту, как к публикации в Интернете
Сайт должен быть:
* Посвящен какой – либо теме или организации;
* Выдержан в едином стиле;
* Содержать титульную страницу, отражающую содержание сайта;
* Иметь удобную и понятную навигацию по страницам сайта;
* Оформлен соответствующей графикой;
* Иметь понятные ссылки на другие сайты;
* Иметь легко читаемый текст;
* Страницы не должны иметь горизонтальной полосы прокрутки;
* Страницы не должны иметь пустот.
Файловая структура сайта
(Особенности технологии создания сайтов)
Сайт и каждая страница в нём должны быть сделаны так, чтобы любой браузер любой операционной системы, используемой в Интернете, правильно, отражал страницы на экране монитора любого размера.
· Сайт –это папка, которая будет размещена на сервере Интернета;
· Папка сайта может содержать вложенные папки и файлы;
· Имена папок и файлов сайта должны состоять из букв латинского алфавита + цифры, всего до 8 символов;
· Все графические файлы, используемые на страницах сайта должны лежать в папке сайта или в папках вложенных в папку сайта;
· Все страницы сайта должны являться файлами типа htm, и лежать в папке сайта;
· Первая страница сайта должна иметь имя index;
Особенности работы с графикой, используемой на Web – страницах
¨ На web-страницах можно использовать графические файлы следующих типов: jpg, gif, png, swf;
¨ Файлы других форматов и большого объема (>100Кбайт) нужно обработать в графическом редакторе: уменьшить до нужных размеров в пикселях, задать минимальный объем (Файл –> Сохранить для web), сохранить их в папке сайта (images);
¨ Вся графика, используемая на страницах сайта, должна лежать в папке сайта;
¨ Графика должна иметь альтернативную подпись, так как некоторые пользователи отключают в браузере графику;
¨ Если рисунок является гиперссылкой, то обязательна всплывающая подсказка.
Способы создания Web – сайтов
I.На языке разметки гипертекста HTML.
Этот способ заключается в том, что в простейшем текстовом редакторе, например Блокноте, пишется программа на языке разметки гипертекста HTML. Текст веб-страницы заключается в управляющие коды(тэги), определяющие вид Web-страницы на экране. Текст программы содержит ссылку на графику в виде полного имени файла.
Программы браузеры читают текстовый код web-страницы и создают её на экране монитора, размещая на ней текст, графику и другие элементы страницы, согласно управляющим кодам.
II.С помощью редакторов web-сайтов.
Редактор web сайтов FrontPage позволяет создавать структуру web-сайтов, конструировать каждую страницу сайта, редактировать программный код web-страницы, задавать свойства каждого элемента web-страницы, в том числе самой страницы.
Алгоритмы создания сайтов с нуля.
Алгоритм №1
1.Создать папку для сайта
2.Загрузить программу FrontPage.
3.Файл → создать.
4.На правой панели выбрать «Создать веб-узел» → «Одностраничный веб-узел».
5.Найти паку для сайта (Кнопка «Обзор»), выделить её →ОК
6.Для добавления новый страницы нужно нажать правую клавишу мыши на панели папок и выбрать «создать пустую страницу»
Алгоритм №2
1.Создать папку для сайта
2.Загрузить программу FrontPage.
3.Файл –> создать.
4.На правой панели выбрать «Создать страницу» → «Другие шаблоны страниц».
5.В диалоговом окне «Шаблоны страниц» выбрать нужную закладку, например «Страница рамок», выбрать нужный шаблон.
6. Создать все страницы, из которых состоит составная страница.
7.Последовательно сохранить каждую из частей страницы в виде файла с расширением htm в папке сайте. При задании имени файла нужно соблюдать требования: до 8 символов международного алфавита.
8.Закрыть окно программы FrontPage.
9.Загрузить программу FrontPage.
10.Открыть папку сайта как узел: файл → открыть узел → выделить папку сайта → открыть.
12.Для добавления новый страницы нужно нажать правую клавишу мыши на панели папок и выбрать «создать пустую страницу»
Использование таблицы на страницах сайта.
Таблица широко используется при создании страниц сайта для закрепления взаимного расположения элементов страницы. Границы можно сделать невидимыми, а можно использовать для оформления текста и вставленной графики.
С помощью таблицы можно создать панели для навигации так, что будет меняться только основная часть таблицы
Создание интерактивных страниц сайта выполняется с помощью мастера форм:
1. Файл создать → другие шаблоны страниц.
2.В диалоговом окне выбрать закладку «Общие» → «Мастер страниц форм» → ОК.
Далее работать с матером согласно информации в его диалоговых окнах
