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



Дата20.08.2016
Размер35.53 Kb.

Урок4



Lesson4
Работа с изображения
<Вмъкване на изображения>

  1. Поставете курсора на страницата в точката, в която искате да вмъкнете изображенитето. В панела “Insert” преминете на страницата “Common” и натиснете бутона “Image”. От падащото меню изберете “Image”








  1. Изберете изображение и натиснете OK.


<Свойства на изображение>

Когато селектирате изображение в Dreamweaver, панелът за свойства показва информация за него.




  1. Селектирайте изображението, като щракнете еднократно върху него.

  2. Панелът за свойства на изображение е активиран.






<Подравняване на изображения и текст>

В процеса на създаване на уебсайт ще има случаи, в които ще искате да комбинирате изображения и текст. Може да се наложи да включите текстово описание на изображение или блок от текст да обхване изображение, както е във вестниците и списанията.




  1. Селектирайте изображението, като щракнете връху него еднократно. Може вече да има текст около него, но може и да го добавите по-късно.

  2. В панела за свойства отворете падащия списък Align, за да видите различните опции за подравняване.



<Опциите за подравняване изображение и текст>

      • Подравняване по посразбиране за браузъра(Browser Default)

Има малко разлики при различните браузъри, но обикновено подравнява базовата линия на текста с тази и на изображението.

      • Базова линия(Base Line)

подравнява базовата линия на текста с тази и на изображението.

      • Горна(Top)

подравнява най-високата точка от текста с горната част на изображението.

      • Средно(Middle)

подравнява базовата линия на текста със средата на изображението.

      • Долно(Bottom)

подравнява базовата линия на текста с долната част на изображението.

      • Горна част на текста(Text Top)

подравнява най-високата точка от текста с горната част на изображението.

      • Абсолютно среда(Absolute Middle)

подравнява средата на текстовия блок със средата на изображението.

      • Абсолютно долноподравняване (Absolute Bottom)

подравнява долната част на текста, включително издадената надолу част на буквите, с долната част на изображението.

      • Ляво (Left)

поставя изображението вляво на всеки текст, които се разположи до него. Текстът ще се обвие около него.

      • Дясно (Right)

поставя изображението вдясно на всеки текст, които се разположи до него. Текстът ще се обвие около него.

<Изрязване>

Има определени основни задачи по обработката наизображения, които могат да бъдат приложени директно в Dreamweaver.




  1. Изберете изображение в Dreamweaver.

  2. Щракнете върху тази икона в панела за свойства, за да изрежете изображението.





  1. Издърпайте манипулаторите за промяна на размера и натиснете Enter, за да приложите командата.


<Настройване на яркостта и контраста>

  1. Изберете изображение в Dreamweaver.

  2. Щракнете върху тази икона в панела за свойства, за да настроите контраста и яркостта.




  1. Издърпайте тези плъзгачи, за да промените контраста и яркостта. Натиснете OK, за да приложите промените.




<Настройване на изясняването на образа>

  1. Изберете изображение в Dreamweaver.

  2. Щракнете върху тази икона в панела за свойства, за да настроите изясняването.







  1. Издърпайте тези плъзгачи, за да промените изясняването. Натиснете OK, за да приложите промените.





<Създаване на сменящи се изображения>

В Dreamweaver може да създавате комбинация от две изображения. Само едното се вижда на страницата в един момент. Но ако задържите курсора над него, то ще бъде заменено от второто.




  1. Създайте две изображения, които ще използвате. Уверете се, че са с еднакви размери, тъй като ще трябва да се показват в едно и също отделено пространство.

  2. Поставате курсора на мястото, където искате да се появят сменящите се изображения.

  3. В панела Insert преминете на страницата Common и натиснете бутона Image. От падащото меню изберете Rollover Image.






  1. Щракнете тук, за да въведете име за бутона със сменящи се изображения.






  1. Щракнете тук, за да посочите първото изображение, което ще използвате. Повторете същото и за второто.

  2. Ако искате потребителите да бъдат пренасочвани към друга страница при щракване, щракнете тук и я изберете. Натиснете OK, за да създадете бутона.

  3. Когато го видите в браузър, бутонът ще изглежда.

  4. Когато курсорът премине над него, ще видите второто.







База данных защищена авторским правом ©obuch.info 2016
отнасят до администрацията

    Начална страница