Вие не треба да користите само WYSIWYG
Dreamweaver е одличен уредник WYSIWYG , но ако не сте заинтересирани да напишете веб-страници во "она што го гледате е она што го добивате" околината, сеуште можете да го користите Dreamweaver бидејќи тоа е исто така одличен уредувач на текст. Но, постојат многу функции кои се лизгаат на патот во Dreamweaver кодот едитор, бидејќи примарен фокус е на "дизајн поглед" или WYSIWYG уредник дел од производот.
Како да стигнете до Dreamweaver кодот Прикажи
Ако никогаш не сте користеле Dreamweaver како HTML уредувач, пред да можеби никогаш не забележавте три копчиња на врвот на страницата: "Code", "Split" и "Design". Dreamweaver започнува стандардно во "Дизајн поглед" или WYSIWYG режим. Но, лесно е да се префрлиш на гледање и уредување на HTML кодот. Само кликнете на копчето "Код". Или, одете во менито Прикажи и изберете "Код".
Ако само учат како да пишуваат HTML или сакате да добиете чувство за тоа како вашите промени ќе влијаат на вашиот документ, можете истовремено да го отворите прегледот на кодот и дизајнот. Убавината на овој метод е дека можете да уредувате и во двата прозорци. Значи, можете да го напишете кодот за вашата таг за сликата во HTML и потоа користете го приказот за дизајн за да го преместите на друга локација на страницата со влечење и спуштање.
За да ги видите и двете одеднаш, или:
- Кликнете на копчето "Сплит" (помеѓу "Код" и "Дизајн")
- Во менито Вид, изберете "Код и дизајн"
Откако ќе уживате во користењето на Dreamweaver за да го уредите вашиот HTML код, можете да ги промените вашите преференции за да го отворите Dreamweaver во приказот на кодот по дифолт. Најлесен начин е да го зачувате приказот на кодот како работен простор. Dreamweaver ќе се отвори во последниот работен простор што го користевте. Ако не, едноставно одете во менито Прозорец и изберете го работниот простор што го сакате.
Опции за кодови за кодови
Dreamweaver е толку флексибилен бидејќи има толку многу начини да го прилагоди и да работи како што сакате. Во прозорецот со опции, постојат бои на кодови, форматирање на кодови, совети за кодови и опции за препишување на кодот што можете да ги прилагодите. Но, исто така можете да промените некои посебни опции во самиот преглед на кодот.
Откако ќе го видите кодот, во лентата со алатки има копче "Опции за прегледување". Исто така, можете да ги видите опциите со одење во менито Поглед и изборот на "Опции за кодирање". Опциите се:
- Word Wrap - го заокружува HTML кодот за да можете да го гледате без да се движите хоризонтално. Забележете дека оваа опција не внесува никакви повратни информации во вашиот код, туку само го прикажува кодот, така што е полесно да се прочита.
- Броеви на линии - ги прикажува броевите на линиите покрај страната на кодот. Покажува симбол за преклопување на линии за линии што се задржуваат подолго од прозорецот за прикажување.
- Скриени знаци - прикажува специјални знаци наместо празни места кои ќе се прикажат на веб-страница. Како што е точката заменува простор, двојниот шеврон го заменува секој таб, а маркер на патент или параграф го заменува секој прекин на линијата.
- Истакнете невалиден код - нагласува HTML кој е неточен во жолто. Ако ја изберете жолтата ознака, Сопствениот инспектор ќе ви даде совети како да го поправите.
- Синтакса Боење - го вклучува или исклучува кодирањето на бои на вашиот код. Ги менувате боите на кодирањето на бои во делот за боење на кодови на параметрите.
- Автоматско исфрлање - автоматски го внесува вашиот код после враќањето на превозот, ако го кодот е надменен. Можете да ја смените големината на алинејата со промена на големината на картичката во делот за форматирање на кодови на параметрите.
Уредување на HTML кодот во Dreamweaver Code View
Лесно е да се уредуваат HTML кодот во приказот на кодот на Dreamweaver. Едноставно почнете да пишувате HTML. Но Dreamweaver ви обезбедува некои статисти кои го прошируваат надвор од основен HTML уредник. Кога ќе започнете да пишувате HTML таг, внесувате <. Ако пауза веднаш по тој лик, Dreamweaver ќе ви покаже листа на HTML тагови . Овие се нарекуваат кодирани совети. За да го стесните изборот, започнете да пишувате писма - Dreamweaver ќе ја намали паѓачката листа до тагот што одговара на она што го пишувате.
Ако сте нови во HTML, можете да се движите низ листата на HTML тагови и да одберете разни да видите што прават. Dreamweaver ќе продолжи да ве прашува за атрибути откако сте напишале таг. На пример, ако го напишете ".
Но, советите за кодови не завршуваат со ознаките. Можете да ги користите упатствата за кодови за да вметнете:
Ако навестувањата на кодот не се појавуваат, можете да го притиснете Ctrl-spacebar (Windows) или Cmd-spacebar (Macintosh) за да ги прикажат. Најчеста причина зошто навестување на кодот може да не се појави е ако сте преминале на друг прозорец пред да ја завршите ознаката. Бидејќи Dreamweaver е исклучување на впишување на ликот <, ако го напуштите прозорецот и се вратите, ќе треба повторно да ги стартувате намените на кодот.
Можете да го исклучите менито за совети за кодови со притискање на копчето за избегнување.
Откако ќе ја напишете вашата HTML-ознака за отворање, ќе треба да ја затворите. Dreamweaver го прави тоа на природен начин. Ако ја напишете опцијата "Close Tags" што најдобро одговара на вашите потреби.
Ако не сте сосема подготвени да се префрлите на уредување на вашите страници во HTML, но би сакале да го гледате кодот како што е напишано, треба да се обидете со кодот инспектор. Ова го отвора HTML кодот во посебен прозорец. Таа функционира исто како и прегледот на кодот, и, всушност, во основа е отстранлив прозорец за видот на кодот за тековниот документ. За да го отворите кодот инспектор, одете во прозорецот мени и изберете "Code Inspector" или притиснете го копчето F10 на тастатурата.
Dreamweaver ќе го форматира HTML кодот, но би сакал да се прикаже. На пример, ако користите 3 празни места за да ги вметнете, но никогаш не означите ознаки IMG, можете да ги наведете информациите за форматирање во опциите за пренапишување на кодот. Потоа одете во менито Команди и изберете "Примени форматирање на извор". Ова е одличен начин да се добие код напишан од некој друг во формат познат за вас.
Карактеристика што многу HTML кодери не знаат или не ја користат е способноста да се колабира HTML код. Ова не ги отстранува ознаките од документот, туку само ги отстранува од преглед, така што тие не го оттргнуваат она што го работите. За да го срушите вашиот код:
- Изберете го делот од кодот што сакате да го скриете
- Во менито Уреди, одберете "Collapse Selection" од под-менито "Code Collapse"
Полесен начин е да го изберете кодот и потоа кликнете на иконите за колапс на кодови кои се појавуваат во олукот. Можете исто така да кликнете со десното копче на избраниот код и изберете "Collapse Selection".
Ако сакате да скриете сè, освен што е нагласено, изберете "Collapse Outside Selection" во кој било од горенаведените методи.
За да го проширите пропаднатиот код, едноставно двоен клик на неа. Ова го отвора кодот и го избира. Потоа можете да го преместите тој избор или да го избришете или да додадете дополнителни ознаки околу неа.
Секогаш можете да ја користите функцијата за колапс и да ги проширите на страници каде што не сакате да го уредувате надворешниот шаблон. Вие само изберете област за содржина што сакате да ја уредите и колабирате однадвор. Потоа напишете го HTML. Сеуште можете да ја видите страната во Дизајн или преглед во прелистувачот. Скршениот код не е отстранет од документот, едноставно скриен од преглед. Можете исто така да го користите кога работите на серија предмети. Кога ќе завршите, колапсирајте го. Знаеш дека си го направил кога нема код што покажува.