Рабочие листы
к вашим урокам
Скачать
1 слайд
Разработка тематического проекта Web-сайта
различными
инструментами
1
1
2 слайд
Создание Web-сайта
Цель урока - закрепить навыки по созданию web-страниц, сайтов различными инструментами (на языке HTML, MacroMedia Dreamweaver ) и дать сравнительный анализ этих способов.
Создание сайта – это сложный как с технической, так и с организационной стороны процесс.
Мы повторим методику создания страниц и способы автоматизации разработки web-сайтов, и выполним проекты по выбранным темам:
персональный сайт
школьный сайт
тематический сайт
2
2
3 слайд
Вопросы на повторение
Какие функции выполняют сервисные службы WWW?
Назначение языка HTML
Теги HTML
Функциональные разделы документа
Форматирование HTML документа
Ссылки на другие документы и файлы
Списки
Инструментальные средства создания Web-страниц
3
3
4 слайд
Теперь вспомним как создается сайт с помощью HTML (прил. 2)
4
5 слайд
Создание сайта с помощью HTML
Запустить текстовый редактор Блокнот
[Пуск - Программы - Стандартные - Блокнот].
ввести HTML-код, задающий структуру Web-страницы:
<HTML>
<HEAD>
<TITLE> Первое знакомство с тэгами HTML</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Ввести команду [Файл - Сохранить].
Файлу Web-страницы присвоить имя page1-1.htm.
Запустить браузер и открыть созданный файл командой [Файл - Открыть]. В заголовке окна браузера высвечивается Первое знакомство с тэгами HTML. Основная часть окна браузера - пуста.
5
5
6 слайд
Форматирование шрифта.
Разделительная линия: <HR>
Форматирование шрифта:
<B>Жирный</B>
<I>Курсив</I>
<U>Подчеркнутый</U>
<B><I><U>Жирный подчеркнутый курсив </B></I></U>
<TT>Равноширинный</TT>
Выделение:
<EM>Выделение</EM>
<STRONG>Усиленное выделение</STRONG>
<HR>
6
6
7 слайд
Списки
Нумерованный список:
<OL>
<LI>Первый элемент списка</LI>
<LI>Второй элемент списка</LI>
<LI>Третий элемент списка</LI>
</OL>
Ненумерованный список:
<UL>
<LI>Первый элемент списка</LI>
<LI>Второй элемент списка</LI>
<LI>Третий элемент списка</LI>
</UL>
Список определений:
<DL>
<DT>ТЕРМИН 1</DT>
<DD>Пояснение к термину 1</DD>
<DT>ТЕРМИН 2</DT>
<DD>Пояснение к термину 2</DD>
<DT>ТЕРМИН 3</DT>
<DD>Пояснение к термину 3</DD>
</DL>
7
7
8 слайд
Внесение изменений и дополнений в Web-страницу
Активизировать Блокнот с открытой в нем редактируемой Web-страницей. Внести в содержимое страницы необходимые изменения и
сохранить новый вариант страницы,
выполнив команду меню [Файл –
Сохранить].
Активизировать браузер с открытым в нем
предыдущим вариантом страницы.
Щелкнуть по кнопке Обновить.
В окне браузера отобразится
обновленная Web-страница.
8
8
9 слайд
Инструментальные средства разработки
Web-страниц и Web-сайтов
В настоящее время имеется большое количество различных инструментальных средств разработки Web-страниц и Web-сайтов, от простейших HTML-редакторов до систем с использованием технологии WYSIWYG ("What You See Is What You Get" - "Что видишь, то и получишь").
программа Macromedia Dreamweawer
9
9
10 слайд
Macromedia Dreamweaver
Dreamweaver является профессиональным редактором Web-сайтов, отличается простотой создания как отдельных Web-страниц, так и многостраничных Web-сайтов. В нем поддерживаются основные современные направления Web-дизайна (использование каскадных стилей, динамический HTML, язык XML т.п.). Редактор позволяет быстро и наглядно (в режиме Drag&Drop) изменять структуру сайта.
10
10
11 слайд
Интерфейс программы Macromedia Dreamweawer (прилож. 3)
11
11
12 слайд
Создание сайта с помощью Macromedia Dreamweaver
12
12
13 слайд
Выбрать «Создать новый»
13
14 слайд
Создание Web-страниц (прил. 4)
14
15 слайд
Темы задания:
«Моё село»,
«Моя семья»,
«Мои интересы»,
«Моя малая родина - Кубань»,
«Мой техникум»,
«Моя группа».
(Название темы может модифицироваться самими обучающимися, но с обязательной аргументацией)
15
15
Рабочие листы
к вашим урокам
Скачать
6 663 839 материалов в базе
Настоящий материал опубликован пользователем Чатаева Патимат Магомедовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Курс профессиональной переподготовки
300/600 ч.
Мини-курс
3 ч.
Мини-курс
3 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.