close

Вход

Забыли?

вход по аккаунту

?

Урок 1. Создание HTML

код для вставкиСкачать
Создание HTML-страниц с
помощью ПО Macromedia
Dreamweaver
Урок 1. Форматирование текста
© Веткин Виктор Леонидович
преподаватель Центра информационной культуры
2007
Содержание
Общее описание
Создание нового документа
Сохранение документа
Интерфейс программы
Область ввода и форматирования текста
Ввод текста
Форматирование текста
Просмотр документа
Контрольные вопросы и задания
Литература
Общее описание
Программное обеспечение Macromedia
Dreamweaver предназначено для
создания html-страниц и web-сайтов.
Создание нового документа
• Для создания нового документа используется пункт
меню Файл→Новый или сочетание горячих клавиш
Ctrl+N.
– При создании нового файла появится окно в котором нужно
будет выбрать категорию «Простая страница» и тип файла
«HTML», а затем нажать на кнопку «Создать»
Внимание! По умолчанию при запуске программы
новый документ создается автоматически.
Создание нового документа
Сохранение документа
• Документы сохраняются в формате HTML-страниц и
для их просмотра необходим браузер, например,
Internet Explorer.
• Сохранение документа производится путем нажатия
горячих клавиш Ctrl+S, либо путем выбора пункта
меню Файл→Сохранить (File→Save)
– При сохранении в имени файла нельзя использовать
русские буквы, пробелы, знаки препинания и спец. символы
(@, #, $, %, ^, &, *).
Сохранение документа
Интерфейс программы
Строка меню
Панель инструментов
Рабочая область
Дополнительные
палитры
Панель свойств
Ввод и форматирование текста
• Ввод и форматирование
текста осуществляется в
рабочей области
Ввод текста
• Текст можно вводить либо с клавиатуры,
либо вставлять его из буфера обмена.
– Для вставки текста из буфера обмена необходимо
использовать сочетание клавиш Ctrl+V или
использовать пункт меню Редактировать →
Вставить (Edit → Paste)
Ввод текста
1. Поставьте
курсор в
рабочую
область
2. Наберите
текст на
клавиатуре
Форматирование текста
• Форматирование теста делится на:
– Изменение свойств текста (выравнивание, отступы и пр.)
– Изменение свойств шрифта (размер, тип, цвет пр.)
• Изменение данных параметров осуществляется
через меню «Свойства» (Properties)
1.
Выделите
набранный
текст
2.
В меню
свойств
измените
размер и
цвет
шрифта
3.
Снимите
выделение
(поставьте
курсор в
конец
строки)
Правила форматирования текста
• При форматировании текста используются
такие же правила, что при работе с
программой Microsoft Word
– Для создания нового абзаца необходимо нажать
клавишу <Enter>
– Пробелы перед знаками препинания не ставятся
(только после них)
– Точки в заголовках не ставятся
Форматирование текста с
помощью стилей
• Для создания заголовков можно
использовать встроенные HTML-стили.
1. Выделите текст
2. В меню свойств измените формат
3. Снимите выделение (поставьте курсор в конец строки)
Просмотр документа
• Просмотр документа осуществляется через
программу-браузер. Для этого необходимо:
– Сохранить документ
– Выбрать пункт меню Файл →Предпросмотр в
браузере→iexplore, либо открыть Проводник найти
свой сохраненный файл запустить его.
Просмотр документа
1.
Сохраните
документ
2.
Выберете пункт
меню Файл→
Предпросмотр в
браузере→
iexplore
3.
Наслаждайтесь
результатом!
Браузер
• Браузер – это программа необходимая для
просмотра HTML-страниц.
– Существует большое количество различных
браузеров, вот некоторые из них:
• Microsoft Internet Explorer (www.microsoft.com)
• Opera (www.opera.com)
• Mozilla (www.mozilla.org)
• Netscape Navigator (www.netscape.com)
Контрольные вопросы по уроку
• Теоретические вопросы:
– Каково назначение программы Macromedia Dreamweaver?
– Что такое браузер?
– Какие правила используются при форматировании текста?
• Практическое задание:
– Создать HTML-страницу, которая должна содержать 3
абзаца (общий объем текста не более 2000 символов).
Каждый абзац должен иметь свой собственный цвет и тип
шрифта.
Литература
• Дуванов А.А. УМК «Web-конструирование. Элективный курс»,
СПб, «БХВ-Петербург», 2006 г.
• Усенков Д. «Уроки web-мастера», Москва, 2001 г.
• Смирнова И., «Начала Web-дизайна», 2003 г.
• Джаймса Крис. «Креативный Web-дизайн». М.: ООО
«ДиаСофтЮП», 2005 г.
• Интернет-ресурсы:
–http://koder.h14.ru/dokuments/webdesign_book/index.php
–http://webdesign.net-soft.ru/ucheb.htm
–http://www.fit.km.ru/books.phtml
–http://master-web.hoha.ru/uch.html
–http://sources.h11.ru/articles/photoshop/index.html
–http://www.compdoc.ru/grafics/weaver/dw4/
• Документация по используемым программным пакетам
(поставляется вместе с программными продуктами).
• Электронный справочник. Web-Designed. Vladimir Drigalkin
Документ
Категория
Презентации по информатике
Просмотров
23
Размер файла
760 Кб
Теги
1/--страниц
Пожаловаться на содержимое документа