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

  • docx
  • 10.11.2021
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала HTML - Пр №1 - Создание первой web-страницы.docx

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

*                  https://uchim-it.ru/practice-11.html#google_vignette

 

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

        

         Результат:

        

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


 

Скачано с www.znanio.ru

Посмотрите также