Главная / Информатика / Практическая работа –Создание первой web-страницы

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

hello_html_4c18ad1c.gif
  • Практическая работа Создание первой 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- код страницы

hello_html_14c8ae27.png

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

hello_html_ma81484c.png

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

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

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

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

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

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

hello_html_m49c569bd.png

Результат:

hello_html_6e4a696c.png

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



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

Блокнот — это несложный текстовый редактор, используемый для создания простых документов. Наиболее часто программа «Блокнот» используется для просмотра и редактирования текстовых (TXT) файлов, для создания файлов веб-страниц (HTML). Программа «Блокнот» поддерживает только основное форматирование, поэтому случайное сохранение специального форматирования в документах, в которых должен остаться чистый текст, исключено. Это особенно полезно при создании HTML-документов для веб-страниц, так как особые знаки или другое форматирование могут не отображаться на опубликованных веб-страницах.

Автор Алишев Асхат Талгатович
Дата добавления 12.05.2016
Раздел Информатика
Подраздел Конспекты
Просмотров 266
Номер материала MA-066887
Скачать свидетельство о публикации

Оставьте свой комментарий:

Введите символы, которые изображены на картинке:

Получить новый код
* Обязательные для заполнения.


Комментарии:

↓ Показать еще коментарии ↓