Практическая работа №33. Тема : Создание простейшего Web-документа




Скачать 28.12 Kb.
НазваниеПрактическая работа №33. Тема : Создание простейшего Web-документа
Дата публикации06.03.2013
Размер28.12 Kb.
ТипПрактическая работа
uchebilka.ru > Информатика > Практическая работа

Практическая работа № 33.


Тема: Создание простейшего Web-документа.

Цель: Познакомиться с языком HTML, овладеть техникой  создания Web-страниц, научиться применять гиперссылки внутри Web-документа.

Время: 80 мин.

Задание: Ознакомиться с основами языка HTML. С помощью какого-нибудь текстового редактора («блокнот») создать простую Web-страничку с заголовком и заданным текстом.

Литература:

  1. Гаевский. Информатика 7-11, стр. 393-403;

  2. Учебник по Html для чайников;

  3. Популярный справочник по HTML;

  4. К. Поляков. Язык HTML.

Последовательность выполнения работы:

  1. Создание простого HTML-документа.

1.С разрешения преподавателя включите компьютер, войдите в систему под своим именем.

2.Создайте в Моих документах папку с именем ПР33.

3.Запустите текстовый редактор «Блокнот» (Пуск  Программы  Стандартные  Блокнот).


4.Наберите следующий текст:
5.Сохраните файл с именем First.html в Мои документы в свою папку. Закройте Блокнот.

6.Откройте файл First.html, запустив его двойным щелчком. Он откроется в браузере Internet Explorer или Opera.

7.Посмотрите, как отображается этот файл – простейший корректный документ HTML. Где отображается содержимое элемента TITLE? Где отображается содержимое элемента BODY?

8.Проверьте, что происходит при изменении размеров окна Internet Explorer?


  1. Приемы форматирования абзаца.

9.Запустите текстовый редактор «Блокнот» и сохраните сразу документ Мои документы в свою папку с именем Second.html.


10.Наберите самостоятельно основные теги HTML-документа:
11.Сохраните документ.

12.Весь последующий текст будет набираться в тегах <BODY> и BODY>:





13.Нажмите комбинацию клавиш CTRL+S для сохранения файла Мои документы в свою папку. Закройте Блокнот.

14.Откройте документ Second.html и посмотрите, как отобразился файл.


  1. Создание гиперссылок.

15.Откройте файл First.html, вызовите контекстное меню и выберите команду Просмотр HTML-кода (Исходные код).


16.Введите в тегах

Добавить документ в свой блог или на сайт

Похожие:

Практическая работа №33. Тема : Создание простейшего Web-документа iconПлан-конспект Класс: 11 Тема: Создание Web-документа с помощью Microsoft Word
Дать основные понятия об Web-документ; освоить основные приемы заполнения и редактирования Web-страниц; научиться сохранять, просматривать...

Практическая работа №33. Тема : Создание простейшего Web-документа iconПрактическая работа №10 Тема: ms word. Создание отчета
Уметь создавать и обрабатывать большие документы. Ознакомиться с понятием главного документа

Практическая работа №33. Тема : Создание простейшего Web-документа iconПрактическая работа №1 Тема: ms word. Создание документа. Цель: Уметь
Уметь подготовить программу – текстовый процессор к работе и создать несложный текстовый документ

Практическая работа №33. Тема : Создание простейшего Web-документа iconТема: Среда текстового процессора. Создание, открытие и сохранение...
Научить приёмам редактирования и форматирования символов, абзацев, страниц и использование шрифтов

Практическая работа №33. Тема : Создание простейшего Web-документа iconПрактическая работа №12 «Создание векторных изображений» Цели урока
Тема урока: Операции над графическими объектами в ms word. Практическая работа №12 «Создание векторных изображений»

Практическая работа №33. Тема : Создание простейшего Web-документа iconПрактическая работа № Тема : Создание и редактирование
Тема: Создание и редактирование текстового файла с рисунками, формулами и другими объектами. Использование фигурного текста

Практическая работа №33. Тема : Создание простейшего Web-документа iconПрактическая работа №22. Тема : LibreOffice
Тема: LibreOffice. Текстовый процессор Writer. Открытие, создание и сохранение документов, работа с текстом

Практическая работа №33. Тема : Создание простейшего Web-документа iconПрактическая работа №35. Тема : html
Тема: html. Cоздание списков, вставка рисунков, использование гиперссылок, размещение Web-странички на сервере

Практическая работа №33. Тема : Создание простейшего Web-документа iconПрактическая работа №14 Тема: Создание базы данных в среде ms
Тема: Создание базы данных в среде ms access, создание таблиц, ввод данных в таблицы, использование форм

Практическая работа №33. Тема : Создание простейшего Web-документа iconТема. Практическая работа №8 «Создание тестов»

Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2013
контакты
uchebilka.ru
Главная страница


<