Web-конструирование. Практическая работа № 5.

Цели:

• Изучить структуру и основные элементы языка гипертекстовой разметки html.
• Овладеть навыками создания Web-страниц непосредственной записью на языке html в простом текстовом редакторе ("Блокноте").

Ход работы:

1. Изучить (повторить) теоретический материал:

Тема 1. «Основные понятия. Способы создания веб-страниц. Язык гипертекстовой разметки HTML.»

2. Выполнить следующее задание.

Задание:

Создать простой Web-сайт на тему «Я и моя учеба», состоящий из следующих страниц:

• "Домашняя страница" (index.html) - содержит сведения о разработчике (ФИО, фотография, краткая биография, увлечения, достижения и др.);

• "Учеба" (work.html) - содержит результаты вашей успеваемости по предметам за последнее полугодие в виде таблицы;

• "Контакты" (Kontakt.html) – сведения о том, как с вами связаться (домашний адрес, телефон, e-mail).
   

Требования к Web-сайту:

• Все страницы должны быть созданы в простейшем текстовом редакторе (Блокноте) с использованием языка разметки HTML. Нельзя использовать HTML-редакторы или редактор Word.

• На страницах необходимо разместить графические изображения (фото, рисунок), таблицу, список.

• На каждой странице установить гиперссылки на остальные две страницы.

• Оценивается дизайн страниц (цветовое оформление, использование различных шрифтов, заголовков и других элементов оформления).

• Также оценивается информативность страниц (их содержание, достоверность информации).
   

Примерный html-код и вид страниц сайта:

 

 

 

3. Откройте в обозревателе (Google Chrome) свой созданный файл index.html, просмотрите его. По ссылкам перейдите на другие страницы вашего сайта, просмотрите их. При необходимости внесите изменения в html-код страниц, открыв их в "Блокноте".

4. Сдать преподавателю выполненную работу: 

• скопировать папку с работой «№группы_Фамилия_5» в папку на рабочем столе "ЛР-Сдача".