Създаване на уеб-страници (Част 3) - оформление в Dreamweaver д - забранени уроци Photoshop

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

2. Стартирайте Macromedia Dreamweaver

3. Ако се натъкнете на Macromedia Dreamweaver за първи път - ще видите прозорец, това е, когато тя започва. Изберете - Designer.

Ще се появи 4. Следваща Този прозорец (или не може да се появи, ако вие или някой го е забранено по-рано.) Интерфейсът на продукта, докато не особено разгледа. Менюта, ленти с инструменти - точно както навсякъде другаде. Така че не се бърка с техния брой - не се притеснявайте, и все още не се обърне внимание на тях. Ние сме в Dreamweaver. Ние дойдохме да работят.

5. Създаване на нов файл. Ако видите страница, както е показано по-горе, кликнете на HTML punktk под Създаване на нов. Ако страницата е забранено, също не е от значение - за да изберете от менюто Файл отгоре - Нова. Има такова прозорец, както е на снимката по-долу. Изберете - HTML - ние ще направим една и съща страница. След това кликнете върху бутона Създаване. Сега ние продължаваме нашата страница. И името й е index.html го направим така. След това ние ще трябва да го към нашата страница се нарича по този начин най-zagruzkeee хостинг. Освен това трябва да има, къде са снимките, това е, и изображението и на страницата трябва да е в същата папка.

6. Сега определят основните свойства на нашата страница. Изберете менюто Modify - Страница собственост (или натиснете Ctrl + J). Има един прозорец Page собственост (Page Properties)

7. Тук ние ще изберем за нашето бъдеще вид страница и големината на шрифта, цвета на шрифта, цвета на фона. Погледнете снимката и да зададете параметрите, посочени. Докато можете и експеримент - отново всичко лесно може да бъде променено.

8. Сега отидете в раздела Връзки (линкове) Тук можете да изберете вида на шрифта, цвета препратките, цвета им след посещението, както и техния стил (подчертан или не, например).

9. Това е един много важен прозорец. И не защото има влизаме в заглавието на страницата - низ, който се показва в заглавната лента на браузъра. Тук изберете кодирането. Не е същото кодиране - и вместо български символи безсмислици на. Ние избираме оформлението! И натиснете - Презареждане. По това тази oknoshkom и завършек.

10. Но в този момент и започва един и същ дизайн на маса. Тъй като ние най-накрая ще създаде маса! Но най-важното, ще видите, че да го направи малко по-трудно, отколкото в добре познат на мнозина Worde, например! Това, което имаме сега и да видим. По този начин, елемент от менюто Insert - маса или (Ctrl + Alt + T)

прозорец таблица се появява (виж таблицата) Ще създадем таблица с фиксирана ширина - 700 пиксела, състояща се от 4 реда (ред), както и една колона (колони) Всичко останало - нули, и това е още пропускайте да запишете общото темпо. Не Macromedia Dreamweaver интерфейс проучване - страници, създадени! След това кликнете - OK

11. Сега приведе таблицата центрирано. И тук имаме малко поглед към Penela. Погледнете в долната част на екрана. Има търсите Properties панела, ако такава не е налице - отидете в главното меню, Windows точка - Имоти и тя ще се появи.

12. Изберете елемент център Align списък (привеждане в съответствие). Таблица подчиняват центрирано. Засега всичко върви по план! Сега нека да промените цвета на фона й - нека нашата маса ще бъде бяло на общия сив фон страницата.

13. Как да вмъкнете снимки! Вече! На първо място, вмъкнете картинка в заглавната част на страницата. Щракнете с курсора в горния ред на таблицата. Тогава най-горното меню, щракнете върху Insert - Изображение или (Ctrl + Alt + I) Появява се прозорец, в който сме избрали правилния образ. Изберете снимка с слонове, щракнете върху OK.

14 По същия начин поставете долния. Единствената разлика е, че в този случай, задайте курсора в най-долния ред на таблицата. И това трябва да ни се получи в крайна сметка. Се е случило? Честито! Да не забравяме и, между другото, докато работите, за да запишете файла.

15. Таблицата на свой ред 2 по време на ред (непосредствено под Hedera). Поставете маси, как да го направите, които познавате. Забравена? Виж т.10 от параметрите на таблицата са показани на картинката.

17. Таблица формира под нашето меню. Сега да го поставите в образа на клетката. Това вече сме ангажирани в параграф 14-15, прочетете, за да освежи паметта на процеса. И трябва ли да се получи нещо като това:

Ние бързо се доближава до финала! Остава само да се създаде таблица с три колони, в които ще поставят текста в първо приближение, страницата е готов! Въпреки че, разбира се, това не е всичко, но най-важното - на факта, че ние наистина са имали като истински уеб - страница.

18. Поставете съдържание на маса. Ние кликнете в реда от таблицата, менюто по-долу - това ние имаме един ляв незаети. Обърнете добър поглед към картината в таблицата с параметрите, ние използвате новата функция. Увеличете ширината на границите клетки. Защо? И ако това не се направи текста на съседната колона - колони ще са тясно свързани един с друг - това е грозно и не съответства на скицата.

И все пак - че текстът изглеждаше добре, а след това привеждане в съответствие на клетките. Щракнете в клетката, а в долната част на панела, за да изберете лявата оправдано, и на върха. Е, ние ще направим така, във всяка клетка - за консистенция.

20. Сега въведете текста.

Ами това е всичко за днес. Първата ни страница е готова. Това със сигурност е далеч от идеалното, да, и ние не е последната сесия.

Ще се видим скоро и късмет на вас, приятели!