Практическая работа Создание первой web-страницы
план-конспект урока по информатике и икт (11 класс) на тему

• Практическая работа Создание первой 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.        Нажмите кнопку «Показать в браузере» в редакторе:

        Результат:

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