20
Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне на текст, изображение, линк. Изготвил: инж. Дарина Атанасова, ркк при ІV ЕГ

Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

  • Upload
    others

  • View
    14

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Macromedia Dreamweaver

Урок 3

Създаване на страница. Добавяне на текст, изображение, линк.

Изготвил:

инж. Дарина Атанасова,

ркк при ІV ЕГ

Page 2: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Създаване на нова стартова страница

Page 3: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Записване на документа

• Първата страница на сайта задължително е под името index.html

Page 4: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Настройки на страница – шрифт и цвят на текста

Задаване на размер и вид на шрифт

Задаване на цвят на шрифт

Page 5: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Настройки на страница – цвят или изображение за фон

Задаване на основен цвят (фон) на страницата

Задаване на изображение за фон

на страницата

Page 6: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Настройки на страница – кирилизиране на шрифтове

Задаване на заглавие на страницата

Кирилизиране на шрифта на страницата

Page 7: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Настройки на страница – хипервръзки Задаване на размер и

шрифт на линковете

Задаване на вида на линковете

Page 8: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Вмъкване на текст от външен документ • При копиране на текст от друг документ, той

задължително се пейства първо в Notepad, за да се изчистят всички предварителни настройки на текста - размери, оцветяване, линкове и т.н.

copy paste

Page 9: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Форматиране на текста Задаване на стил на

параграф

Задаване на атрибути на текста

Задаване на цвят на текста Задаване на размер и

шрифт на текста

Page 10: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Добавяне на изображение

Page 11: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Форматиране на изображение

Подравняване

Рамка

Връзка към файла с изображението Размери

Алтернативен текст

Разстояние преди и след изображението

Page 12: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Създаване на хипервръзки

• Линкът може да се добави по няколко начина: 1. Копиране на URL в полето 2. Изписване на URL в полето 3. Посочване на файл

Page 13: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Създаване на хипервръзки

• Линкът може да се добави по няколко начина: 1. Копиране на URL в полето 2. Изписване на URL в полето 3. Посочване на файл

Page 14: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Хипервръзка към друга страница от сайта

• Посочва се директно страница от текущия сайт, записана на харддиска

Page 15: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Хипервръзка към външна страница

• Изписва се или се копира URL на външната страница в полето за хипервръзка.

• ВНИМАНИЕ! Задължително отпред се изписва HTTP://

Page 16: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Хипервръзка към файл за сваляне или директно отваряне

• Посочва се директно файл, записан на харддиска

Page 17: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Хипервръзка към изображение

• Посочва се

директно файл,

записан на

харддиска

• Изписва се URL на

изображението в

Интернет в полето

за хипервръзки

Page 18: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Видове отваряне на хипервръзка

Отваряне в нов прозорец на браузера

Отваряне в същия прозорец на браузера

Page 19: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Бърз преглед на страницата в браузера

= F12

Page 20: Macromedia Dreamweaver - 4egvarna.comit.4egvarna.com/download/Dreamweaver/Dreamweaver_03.pdf · Macromedia Dreamweaver Урок 3 Създаване на страница. Добавяне

Задача 1

• Създайте нова страница

• Задайте първоначални настройки – кирилизация, име, цвят, вид, размер на шрифта, цвят, вид и размер на линковете

• Сложете подходящ фон – основен цвят или изображение.

• Създайте папка на харддиска, в която ще записвате файловете си.

• Намерете текст и изображения в Интернет. Подгответе ги за поставяне в уеб-страницата.

• Разположете текста и изображенията във вашата страница.

• Запишете страницата.

• Вижте как изглежда в браузера.