1.11M
Category: programmingprogramming

Создание веб-сайта из пяти страниц

1.

Создание веб-сайта из пяти
страниц

2.

Оглавление
Титульный лист
Оглавление
Действия 1-3
Действие 4 (часть 1)
Действие 4 (часть 2)
Действие 5 (часть 1)
Действие 5 (часть 2)
Действие 6
Действия 7-8 и страница папы
Страница мамы
Страница Серёжи
Страница Тимки
Папка с файлами веб-сайта
Ссылки на дополнительные материалы

3.

Создаем веб-сайт из пяти страниц (в программе Блокнот =>
Пуск – Все программы-Стандартные)
1. На рабочем столе создаем папку (под именем FIO).
2. Создаем фоновый для сайта рисунок под именем stars.gif
(расширение .gif и имя stars). Имя файла должно совпадать в
прописанном коде веб-страницы). Созданный файл переносим в
папку FIO.
3. Создаем еще пять рисунков с именами gl.jpg (на главную страницу),
p.jpg (на папину страницу), m.jpg (на мамину страницу), s.jpg (на
Сережкину страницу), t.jpg (на страницу собаки). Так же имена и
расширения файлов должны совпадать с именами и
расширениями в коде сайта. Созданные файлы должны
находиться в папке FIO.

4.

4. Открываем программу Блокнот (Notepad++) и пишем код для главной страницы:

5.


Написанный код сохраняем под именем index.html (файл должен находиться в
папке FIO). Для сохранения файла: Файл - Сохранить как - в окне Имя файла
пишем index.html - Сохранить

6.


5. Проверим работу созданной веб-страницы. Откроем файл index.html с
помощью браузера (например, Yandex, Google, Internet Explorer и т.д.).

7.

• Получилось после открытия файла
При выполнении работы необязательно делать отклонения (например, писать про свою семью). Принимается работа
по данной инструкции.

8.


6. Для создания следующей страницы код веб-страницы index.html
копируем и его редактируем.
Сохраняем (для папиной страницы) под именем p.html (файл должен
находиться в папке FIO).

9.


7. В итоге должны получиться переходы со страницы на страницу при нажатии
на ссылки.
8.Папку FIO архивируете и отправляете

10.

11.

12.

13.

14.

См. материал с дополнительными заданиями
Посмотреть работу данного сайта без выполнения
дополнительных заданий
English     Русский Rules