Выдаём удостоверения и дипломы установленного образца

Получите 5% кэшбэк!

Запишитесь на один из 793 курсов и получите 5% кэшбэк стоимости курса на карту

Выбрать курс
Инфоурок Информатика Другие методич. материалыИнструкционно - технологическая карта на тему "Создание Web – сайта средствами программы Macromedia Dreamweaver MX"

Инструкционно - технологическая карта на тему "Создание Web – сайта средствами программы Macromedia Dreamweaver MX"

Скачать материал
библиотека
материалов

Инструкционно-технологическая карта № 1

Задание: Создание Web – сайта средствами программы Macromedia Dreamweaver MX.

Материально-техническое оснащение: сеть Интернет, базовый комплекс компьютера,

Принтер, инструкция по технике безопасности и охране труда при работе с вычислительной техникой, лицензионное программное обеспечение операционной системы Windows, программа Macromedia Dreamweaver MX, Интернет ресурсы.


Рисунки, фотографии

Повторить инструкцию по технике безопасности и охране труда при работе с вычислительной техникой.



hello_html_m4820669c.png

Найти программу Macromedia Dreamweaver MX.



hello_html_43f6b2cd.png

Установить программу Macromedia Dreamweaver MX.


hello_html_526edda2.png


Запустить программу и выбрать рабочую среду









hello_html_7c75b6d5.png



Создать новый документ, выбрав Basic Page (Базовая страница) - HTML.





hello_html_m73031729.png

Переключить режимы отображения рабочей среды:  Code (Код),Design (Дизайн) и Code and Design 

Выбрать режим "Code and Desig" ( HTML-код и страницу).


hello_html_m3dc9e98c.png

На созданной странице написать текст "Полезная информация по работе с программой DreamWeaver". 


hello_html_2d9146a4.png

Сохранить страницу командой "File - Save as, не закрывая редактор.

Дайте ей имя, выбрать названия страницам ( index.htm , index.html , index.php).



Открыть вновь созданную страницу в браузере

hello_html_56cea306.png

В Главное меню Edit (Редактировать) – Preferences(Настройки), выбрать категорию New Document (Новый документ), в списке "Default Encoding", выбрать "Cyrillic (Windows-1251)".

Выбрать пункт "Fonts (Шрифты)" и в списке "Font Setting (Настройки Шрифта)" выбрать пункт "Cyrillic (Кириллица)".


hello_html_2c351476.png


Настроить отображение текста (выбрать шрифты и установить размер букв)

hello_html_1863bd97.png

Отформатировать абзац: кликнуть мышкой по любому абзацу и в списке "Format (Формат)" выбрать один из шести пунктов.
Задать размер символов, воспользуйтесь пунктом "
Size (Размер)".
Выбрать шрифт текста - список "
Default Font" .


Выравнять текст по левому краю.

hello_html_55abde21.png

Cделать некоторые слова на Web-странице полужирными и курсивными

hello_html_m55b1e05a.png

Задать некоторые параметры списка.

Выбрать  пункт “Список – Свойства” окно List Properties, Использовать буквы вместо цифр - a b c d;), для нумерованных списков задать число, с которого следует начинать нумерацию.

Поля ввода "List Type"

hello_html_6ca7ad57.png

В панели Палитра выбрать любой цвет с помощью пипетки 


hello_html_36749bd6.png

Создать еще одну страницу и вписать новый текст:

«Macromedia Dreamweaver - программа для создания Web-страниц. Ее возможности шире по сравнению с обычными функциями подобных редакторов».

Сохранить ее "File - Save" и открыть страницу.


Открыть файл: (Ваш диск \Program Files\ Macromedia\ Dreamweaver 8\ Configuration\ Encodings\ EncodingMenu.xml) и в списке кодировок найти четыре кодировки Кириллицы.  

Отредактировать файл в "Блокноте", поменяв местами кодировки "ISO-8859-5" и "Windows-1251", чтобы порядок следования кодировок Кириллицы принял определенный вид.


Сохранить изменения в файле.

Если в теге Meta не будет указана кодировка

"charset = windows-1251" будет "перегоняться" в кодировку "Cyrillic (ISO-8859-5

hello_html_fef94a3.png

Вставить графическое изображение.


Открыть вкладку “Common”, выбрать “Image (Изображение)” окно Select Image Source,

выбрать нужную папку и файл,  
 дать название
Имя файла, Тип файлов, 

установить атрибуты доступности тега изображения

Image Tag Accessibility Attributes


hello_html_m2272fee8.pnghello_html_m2d60828d.png


Оформить страницу в Web редакторе Macromedia Dreamweaver MX.








hello_html_526edda2.png

Зарегистрировать сайт на домен и загрузить на online сервер.


hello_html_803d05c.png



  • Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
    Пожаловаться на материал
Курс повышения квалификации
Курс профессиональной переподготовки
Учитель математики и информатики
Курс профессиональной переподготовки
Учитель информатики
Скачать материал
Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:
также Вы можете выбрать тип материала:
Общая информация
Учебник: «Информатика (базовый уровень)», Семакин И.Г., Хеннер Е.К., Шеина Т.Ю.
Тема: § 13. Инструменты для разработки web-сайтов

Номер материала: ДБ-1716187

Скачать материал

Вам будут интересны эти курсы:

Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс повышения квалификации «Облачные технологии в образовании»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышения квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.