Практическая работа Создание первой web-страницы

• Практическая работа Создание первой web-страницы

Задание 1.HTML-код страницы (3 балла)

Задание 2.Создание HTML-страницы (2 балл)

Задание 1. HTML-код страницы

Отредактировать готовый HTML код страницы.

1.1. Скопируйте web-страницу firstpage.html из папки HTML - практикум в свою папку.

1.2. Откройте эту страницу с помощью браузера Internet Explorer:

ПКМ по файлу → Открыть с помощью → Internet Explorer.

1.4. Просмотрите HTML код страницы:

ПКМ по странице в окне браузера → Просмотр HTML кода.

Если не открылось в Блокноте – откройте Блокнот и перетащите файл в него!

1.5. В открывшемся окне программы Блокнот отредактируйте код страницы:

• Вместо текста «Заголовок страницы», помещенного в контейнер H1 наберите «Вася Пупкин» или свое имя.

• Вместо текста «Основной текст», помещенного в контейнер P наберите «Василий Пупкин – звезда, талант и просто хороший человек».

• Вместо текста «Моя первая Web-страница», помещенного в контейнер TITLE наберите «Страница Васи Пупкина».

1.6. Сохраните измененный HTML код страницы в программе Блокнот:

Меню → Файл → Сохранить ( или просто нажмите Ctrl + S )

1.6. Обновите web-страницу firstpage.html в браузере клавишей F5 или просто откройте ее заново.

1.7. Найдите внесенные вами изменения на странице.

Покажите результат преподавателю.

Задание 2. Создание HTML-страницы

Создать HTML-страницу в HTML-редакторе HEFS.

2.1. Откройте HTML-редактор HEFS.

Шаблоны тегов

Страница

в браузере

HTML- код страницы

2.2. С помощью шаблонов тегов во вкладке меню «Документ» заполните основную структуру HTML-страницы:

2.3. С помощью шаблонов тегов во вкладке меню «Документ» в контейнер HEAD добавьте контейнер TITLE.

2.4. В контейнер TITLE поместите текст «Содержимое контейнера TITLE».

2.5. В контейнер BODY поместите текст «Содержимое контейнера BODY»

2.6. Сохраните страницу под любым именем:

Меню → Файл → Сохранить как

2.6. Нажмите кнопку «Показать в браузере» в редакторе:

Результат:

Покажите результат преподавателю.