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




Скачать 136.97 Kb.
НазваниеСоздание базовых элементов Web-страниц с помощью Adobe Dreamweaver
Дата08.11.2012
Размер136.97 Kb.
ТипЛабораторная работа

Лабораторная работа №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!




Похожие:

Создание базовых элементов Web-страниц с помощью Adobe Dreamweaver iconПрактическая работа «Создание сайта с помощью программы Macromedia Dreamweaver»
Определение логической структуры сайта, которая описывает взаимосвязь страниц сайта
Создание базовых элементов Web-страниц с помощью Adobe Dreamweaver iconСписок рекомендуемой литературы: Основная Дубаков М. Создание Web-страниц: искусство верстки./М. Дубаков. Мн. Новое знание, 2004
Дубаков М. Создание Web-страниц: искусство верстки./М. Дубаков. Мн. Новое знание, 2004. – 287 с
Создание базовых элементов Web-страниц с помощью Adobe Dreamweaver iconЛабораторная работа Определение и настройка сайта
Запустите Dreamweaver. Для этого нажмите Пуск, затем откройте папку Macromedia, щелчком левой клавиши мыши выберите Dreamweaver....
Создание базовых элементов Web-страниц с помощью Adobe Dreamweaver iconПрограмма разработана на основе “Обязательного минимума содержания среднего (полного) общего образования РФ
Дизайн web-страниц и виды сайтов. Введение в стандарт Hyper Text Markup Language (html). Использование программных средств для Создания...
Создание базовых элементов Web-страниц с помощью Adobe Dreamweaver iconУчебное пособие по созданию покадровой анимации. Adobe premiere 5 и adobe after effects иллюстрированный самоучитель adobe premiere 0 pro. Первое знакомство с программой Монтаж видео в pinnacle studio
Н. В. Смирнов. Язык html (язык web-сайтов). Иллюстрированный примерами самоучитель
Создание базовых элементов Web-страниц с помощью Adobe Dreamweaver iconMāksla. Dizains. Web-dizains
...
Создание базовых элементов Web-страниц с помощью Adobe Dreamweaver iconРайонный конкурс учебно- исследовательских работ Секция: информационные технологии Создание Web страниц c помощью языка гипертекстовой разметки html
Интернет все активнее входит в нашу жизнь. Возможности, представленные им, привлекают все больше и больше пользователей. Многие люди...
Создание базовых элементов Web-страниц с помощью Adobe Dreamweaver iconПрограмма и материалы элективного курса для учащихся 9-10 классов «Основы создания web-страниц с помощью html»
Домашний адрес: 629860, Ямало-Ненецкий автономный округ, Пуровский район, пгт. Уренгой
Создание базовых элементов Web-страниц с помощью Adobe Dreamweaver iconMs project 2000., объемом 4,5 п л
Кондрашов Ю. Н. Создание активных Internet-страниц с помощью vbscript, объемом 3 п л
Создание базовых элементов Web-страниц с помощью Adobe Dreamweaver iconЛитература к курсу «Теория и практика сми» (4 курс, озо)
Практические руководства по программам Adobe InDesign cs, Adobe Photoshop cs, Adobe Illustrator
Разместите кнопку на своём сайте:
Библиотека


База данных защищена авторским правом ©lib.znate.ru 2014
обратиться к администрации
Библиотека
Главная страница