Презентация на тема Основи на труда
Подобни презентации
Презентация на тема: "Основи на работа. Характеристики на Dreamweaver Macromedia Dreamweaver MX е завладяваща програма за създаване на уеб страници. Нейните възможности са по-широки в сравнение." — Препис:
3 Стартирайте Dreamweaver и създайте нова уеб страница Дайте командата File - New - Create На страницата напишете текста: "DreamWeaver - първа среща"
7 Сега нека разгледаме работната среда на програмата За да превключите режима на показване на работната среда (има три режима: Код, Дизайн и Код и Дизайн) в лентата с инструменти, щракнете върху „Преглед“
8 Командата F10 извиква режима на инспектор на кодове Използвайки я, можете да въведете HTML код ръчно
9 Задача: Задача: проектирайте и форматирайте страницата според шаблона Влезте в режим на проектиране Като използвате панела Свойства, проектирайте страницата според шаблона
10 С помощта на командата Page Properties можете да конфигурирате настройките на страницата. В панела Properties щракнете върху бутона Page Properties Задайте цвета на текста на тъмно син, шрифт Comic Sans, всяко фоново изображение по ваш избор
11 Тагове могат да се добавят към страница като тази: Извикайте съветника за избор на етикети (команда Edit-Tag)
12 Можете да добавите тагове към страница по следния начин: Или да „прикрепите“ таг към някакъв текст, след като го изберете и изберете командата Wrap Tag от контекстното меню:
13 Предизвикателство: Направете думата "DreamWeaver" хипервръзка към която и да е от страниците, които сте създали по-рано. Задайте празно целевото поле. Вижте страницата в браузър и проверете дали хипервръзката работи. Свързаната страница трябва да се отвори в нов прозорец
14 За да премахнете етикет от страницата, щракнете върхудума или израз, "увити" в този етикет, щракнете с десния бутон в контекстното меню, изберете "Премахване на етикет"
16 Добавяне на графики към страницата За да вмъкнете картина на страницата в раздела „Общи“ на работния прозорец на програмата, щракнете върху бутона Изображения: И в прозореца, който се отваря, посочете пътя до графичния файл, който искате да вмъкнете.
17 Добавете графика към страницата След като изображението е вмъкнато, щракнете върху него с левия бутон на мишката и слезте в работния прозорец на програмата до панела "Свойства"
19 Менюто Подравняване ще ви помогне да коригирате местоположението на картината спрямо текста: Елемент по подразбиране - по подразбиране, ако не сте променили стойностите по подразбиране, този елемент ще съответства напълно на елемента BaseLine. Item BaseLine - долната част на картината ще съответства на основната линия на текста. Item Top - горната част на изображението ще съответства на горната част на текста. Елемент M >
20 Задача: Вмъкнете произволни три картинки с малък размер на страницата Добавете алтернативен текст за всяка картина Експериментирайте със свойствата на картината
22 Изображението може да бъде направено активно, реагиращо на задържане върху него с курсора на мишката - Преместване За да направите това, ще трябва да се запасите с две изображения, които ще се заменят едно друго и в раздела "Общи" щракнете върху бутона Изображение - Преместване на изображение
23 В прозореца, който се отваря, ще трябва да попълните задължителните полета В полето Име на изображението - посочете оригиналното име на активното изображение, като името може да съдържа само латински букви (всяко активно изображение трябва да започва с буква) и цифри (абсолютно арабски!-:) В полето Оригинално изображение - въведете пътя до основното изображение, това, което първо ще се зареди на страницата. В полето Rollover Image - въведете пътя до "изображение - ефект", - това еизображението ще се появи само когато задържите курсора на мишката върху активното изображение.
25 Задача: Създайте преместено изображение, като изберете произволни две изображения с приблизително еднакъв размер Проверете резултата в браузъра
26 Акцентът на DreamWeaver - Flash медийни компоненти Създаване на Flash текстово изображение За да направите това, щракнете върху бутона Media - flash text в общата лента с инструменти
27 Ще се отвори диалоговият прозорец Inset Flash Text.
28 Задача: Проектирайте заглавието на страницата на DreamWeaver като флаш заглавие Проверете резултата в браузъра
30 Задача: Създайте бутон, за да отидете на всяка уеб страница по ваш избор. Персонализирайте външния вид и параметрите на бутона Проверете резултата в браузъра