Лабораторная работа №1. «Создание Web –сайтов»
Web – страница представляет собой текстовый файл, содержащий описание страницы на языке HTML. (Hyper Text mark-up language).
Для создания Web – страниц существует целый ряд инструментальных средств высокого уровня, которые называются HTML – редакторы. Работа с ними не требует знания языка HTML.Известные редакторы: FrontPage Express (в составе MS Internet Explorer), MS FrontPage.
Можно также создавать Web – страницы при помощи текстового редактора Word.
Цель работы: освоить приемы создания Web – страниц и Web – сайтов помощью текстового процессора MS WORD;
Задание: создать Web – сайт семьи Смирновых.
оформить дизайн страниц;
организовать внутренние гиперссылки;
организовать внешние гиперссылки.
Методика выполнения работы
1. Вначале нужно спроектировать всю систему, то есть нарисовать схему, отображающую структуру взаимосвязанных Web – страниц:
2. Откройте текстовый процессор Word.
3. Выполните команду Файл ® Создать. В появившемся окне выберите закладку Web страницы. Щелкните по кнопке < Новая Web - страница >.
4. Оформите внешний вид страницы в соответствии с приведенным образцом, используя обычные средства Word – управление форматированием, шрифты, подберите цветной фон, текстуру заливки и т.д. При наборе текста страницы не делайте подчеркивания слов. Подчеркивания появятся автоматически после вставки гиперссылок.
5. Сохраните файл под именем family как Web – документ в своей папке. Word автоматически добавит расширение. htm.
6. Вставьте внутренние гиперссылки. Для этого:
установите курсор перед абзацем, начинающимся словами: «Моего папу зовут…»;
выполните команду меню Вставка ® Закладка;
в открывшемся окне в строке Имя закладки введите какое-нибудь имя, например, М1, щелкните по кнопке добавить;
в списке на Вашей странице, выделите слово «Папа »;
выполните команду Вставка ® Гиперссылка;
в появившемся окне щелкните на кнопке < Обзор > напротив строки Имя объекта в документе;
выберите имя созданной закладки М1, щелкните на кнопке <ОК> и еще раз <ОК> - гиперссылка готова.
7. Аналогичным образом организуйте внутренние гиперссылки на других словах
ГЛАВНАЯ СТРАНИЦА СЕМЕЙНОГО САЙТА
 Семья Смирновых
Этот наша дружная семья: папа, мама, и я – Ваня. Еще у меня есть кошка по Кличке Дуся.
© Папа
© Мама
© Ваня
© Дуся
Моего папу зовут Виктор Семенович. Он инженер – нефтяник. Папа работает в ОАО «Сургутнефтегаз» в отделе разработки нефтяных скважин.
Биография
Мою маму зовут Валентина Николаевна. Она бухгалтер. Мама начисляет зарплату всему Газпрому.
Биография
Меня зовут Иван Викторович. Я учусь в Сургутском государственном университете. Я отличник. Мне нравится учиться. Я буду менеджером.
Биография
Кошка Дуся – восточно-европейской породы. Она очень своенравная и умная.
Биография
|
8. Не закрывая файл с главной страницей, создайте «Папину страницу» (см. пп.1-2); Гиперссылок в ней пока создавать не нужно. Сохраните страницу в файле father.htm в своей папке.
| ||
| Виктор Семенович Смирнов Родился 12 февраля 1960 года в г. Тюмени. В 1977 году он закончил школу. В этом же году он поступил на геофизический факультет Тюменского индустриального института. После окончания института Виктор Семенович получил распределение в ОАО «СургутНефтегаз» г.Сургута. |
9. Вернитесь к главной странице. Создайте в ней внешнюю гиперссылку на «Папину страницу». Для этого:
выделите первое в тексте слово «Биография»;
выполните команду Вставка – Гиперссылка;
в появившемся окне щелкните на кнопке < Обзор > на против строки «Связь с файлом/URL»;
найдите и выберите ранее созданный файл father.htm; Щелкните на кнопке < ОК >, затем еще раз < ОК > - гиперссылка готова;
10. Вернитесь к «Папиной странице». Создайте в ней внешнюю ссылку на сайт Тюменского нефтегазового университета. Для этого:
выделите текст «Тюменского индустриального института»;
выберите команду Вставка – Гиперссылка;
в появившемся окне в строке «Связь с файлом/URL» выберите URL-адрес Тюменского индустриального института: https://www.tng.ru; щелкните на кнопке < ОК >, затем еще раз < ОК > - гиперссылка готова;
11. Создайте остальные страницы семейного сайта. Организуйте связи между страницами и внешние связи. Не забудьте сохранить все созданные файлы.
12. 12.Установите автономный режим браузера.
13. Откройте с помощью браузера главную страницу семейного сайта (для этого щелкните м ышью по значку файла с главной страницей в вашей папке). Проверьте работу всех внутренних гиперссылок (внутри главной страницы, а также между страницами вашего сайта).
14. Отмените автономный режим, проверьте работу внешних гиперссылок.