Webtech4athrs2nd

Page 161

Глава 13. Adobe платформи за изграждане на Web сайтове.

4. От колоната „Page Type“ изберете HTML и <none> от колоната „Layout“. Кликнете на бутона „Create“. Dreamweaver отваря нов прозорец за работа с HTML документ. Новият прозорец може да изобразява информацията в един от трите режима: Code – показва съдържанието като преграмен код; Design – визуализира графически създаваната страница; или Split - разделя екрана и показва съдържанието както в програмен код, така и като дизайн. 5. Преминаването от един в друг режим на визуализиране се извършва чрез кликване на съответния таб от горния ляв ъгъл на екрана; например, чрез кликване на Code ще изберем режима на изобразяване на програмния текст в документа. Една от причините да използваме Dreamweaver се състои в това, че платформата е „приятелски“ ориентирана. Дори когато мислим, че започваме от празна страница, Dreamweaver ни осигурява основната структура и основните тагове в документа - root, head, body и title (вж фиг. 13.2). Вие добавяте останалото съдържание в документа.

Фиг. 13.2. Начален екран за създаване на HTML файл в DW 6. Кликнете с курсора след отварящия таг <body> и напишете „Добре дошли в моята Web страница“ след тага. DW трбва да форматира този ред като първи заглавен ред (heading 1, h1). 7. Преместете курсора пред началото на такста „Добре дошли в моята Web страница“ и въведете знака „<“ (начало на таг) за да формирате <h1> заглавен елемент. Забележете как Dreamweaver автоматично отваря изкачащо меню-списък (dropdown list) от съответни кодиращи елементи. Това е една от функциите на Dreamweaver WWWW

160


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.