litceysel.ru
добавить свой файл
1

Лабораторная работа №1 по Интернету


Тема: Создание базовых элементов Web-страниц с помощью Adobe Dreamweaver

Цель: Освоение базовых принципов создания Web-сайтов. Ознакомление с интерфейсом программы Adobe Dreamweaver и создание первой простой Web-страницы, содержащей отформатированный текст, рисунки и гиперссылки.

В результате выполнения лабораторной работы студенты должны изучить основные принципы создания Web-сайтов, познакомиться с часто используемыми тегами HTML (Hypertext Markup Language – "язык разметки гипертекста"), изучить вкладки программы Adobe Dreamweaver для быстрого обращения и применения к отдельным элементам Web-страниц, уяснить причину неправильного отображения отдельных компонент сайта и овладеть навыками их быстрого устранения.

В конце лабораторной работы студенты должны создать не менее двух страниц, содержащих отформатированные фрагменты текстов, несколько рисунков и ссылок на свои страницы и другие ресурсы Интернета.


Задание на лабораторную работу

1. Изучить базовую структуру статической страницы.

2. В текстовом редакторе (Блокноте) создать первую страницу с текстом "Моя первая страница".

3. Познакомиться с основными тегами и их параметрами (атрибутами), определяющими структуру и стиль страницы.

4. Изучить теги, задающие гиперссылки и их параметры.

5. Познакомиться с тегами и их атрибутами, с помощью которых добавляются изображение и другие мультимедийные компоненты.

6. Изучить вкладки программы Adobe Dreamweaver и создать страницу my_name_1.html (вместо “my_name_1используйте свое имя, например, “elina_1”), содержащую отформатированный текст, несколько изображений и ссылок на различные ресурсы Интернет, в том числе на сайт РГГУ – http://www.rsuh.ru.


7. В папке, содержащей файл my_name_1.html, создать папку со своим именем, а в этой папке – страницу my_name_2.html, содержащую отформатированный текст, вашу краткую автобиографию, несколько изображений, ссылку на первую страницу, а также закладку на начало страницы my_name_1.html.

8. Создать ссылку со страницы my_name_1.html на my_name_2.html и наоборот.


1. Введение

HTML - Hyper Text Markup Language, язык разметки гипертекстовой информации Тег – это элемент HTML, заключенный в угловые скобки. Первым тегом всегда является тег , а последним - . Эта пара тегов Web-обозревателю сообщает, что между ними заключен документ в формате HTML.

Сразу после тега <
HTML> идет тег <HEAD>. Как правило, между тегами <HEAD> и HEAD> рекомендуется указывать информацию о документе: название, ключевые слова для поиска, описание и т.д. Название HTML документа помещается между тегами <TITLE> и TITLE>. Тело документа начинается тегом <BODY>.

Итак, создадим самую простую страницу с выражением “My first page”. Для этого в блокноте создайте файл под своим именем (например, “elina.htm). Напомним, что блокнот создает файл с расширением .txt. Вам придется поменять расширение файла.

Откройте этот файл с помощью блокнота. Наберите нижеприведенный фрагмент и сохраните его.






Тест-страница





My first page!