Писање ХТМЛ кода у Дреамвеавер-у

Не морате користити само ВИСИВИГ

Дреамвеавер је одличан ВИСИВИГ едитор , али ако нисте заинтересовани за писање веб страница у окружењу "оно што видите, оно што добијате", још увек можете користити Дреамвеавер јер је то и сјајан текст едитор. Међутим, постоји пуно функција које се склањају на путањи унутар Дреамвеаверовог кодног уређаја јер је примарни фокус на "дизајнерском погледу" или ВИСИВИГ уређивачком дијелу производа.

Како доћи до Дреамвеавер кодског приказа

Ако никада нисте користили Дреамвеавер као ХТМЛ едитор пре него што можда нисте ни примјетили три дугмета на врху странице: "Цоде", "Сплит" и "Десигн". Дреамвеавер се подразумевано покреће у "Десигн виев" или ВИСИВИГ моду. Али лако је пребацити на преглед и уређивање ХТМЛ кода. Само кликните на дугме "Код". Или, идите у мени Приказ и изаберите "Код".

Ако само учите како да напишете ХТМЛ или желите да стекнете осећај како ће ваше промене утицати на ваш документ, можете истовремено отворити приказ и изглед дизајна. Љепота ове методе је што можете едитовати у оба прозора. Тако можете да напишете шифру за вашу ознаку слике у ХТМЛ-у, а затим користите приказ дизајна да бисте га преместили на другу локацију на страници са повлачењем и испуштањем.

Да бисте погледали обе одједном, или:

Једном када вам је удобно да користите Дреамвеавер да бисте изменили ХТМЛ код, можете подесити своје преференције да отворите Дреамвеавер у приказу кода по дефаулту. Најлакши начин је да сачувате приказ кода као радног простора. Дреамвеавер ће се отворити у последњем радном простору који сте користили. Ако то није случај, једноставно идите у мени прозора и изаберите радни простор који желите.

Опције приказа кодирања

Дреамвеавер је тако флексибилан јер има толико начина да га прилагодите и учините га начином на који желите. У прозору опција постоје боје кодова, форматирање кода, савети за кодове и опције за преписивање кода које можете подесити. Међутим, можете такође промијенити неке посебне опције у самом приказу кода.

Када сте у приказу кода, на траци са алаткама постоји "Виев Оптионс". Опције можете погледати тако што ћете отићи у мени "Приказ" и изаберите опције "Преглед кода". Опције су:

Уређивање ХТМЛ кода у Дреамвеавер кодном приказу

Лако је изменити ХТМЛ код у Дреамвеаверовом приказу кода. Једноставно почните да куцате свој ХТМЛ. Али Дреамвеавер вам пружа неке додатке који га шире изван основног ХТМЛ уређаја. Када почнете да пишете ХТМЛ ознаку, уносите <. Ако паузирате одмах након тог карактера, Дреамвеавер ће вам показати листу ХТМЛ ознака . Ови се зову кодови. Да бисте сузили избор, почните да уносите слова - Дреамвеавер ће смањити падајућу листу на ознаку која одговара ономе што уносите.

Ако сте нови у ХТМЛ-у, можете се померати кроз листу ХТМЛ ознака и изабрати разне да бисте видели шта раде. Дреамвеавер ће наставити да вас позива на атрибуте након што унесете ознаку. На примјер, ако упишете "<и", Дреамвеавер ће се спустити на <и> ХТМЛ ознаку, уз друге ознаке почевши од сљедећег. Ако наставите тако што ћете унети слово "м", Дреамвеавер ће га смањити на ознаку <имг>.

Али кодови се не завршавају на ознакама. Можете користити упуте кода да бисте уметнули:

Ако савети за код се не појављују, можете да притиснете Цтрл-размак (Виндовс) или Цмд-размак (Мацинтосх) да бисте их приказали. Најчешћи разлог због којег се можда не може појавити код за код је ако сте прешли на други прозор пре него што завршите ознаку. Будући да Дреамвеавер одбија куцање карактера <, ако напустите прозор и вратите се, мораћете поново покренути савете кодова.

Можете да искључите мени за савете кодова притиском на тастер за избјегавање.

Када откуцате отварање ХТМЛ ознаке, морате га затворити. Дреамвеавер то ради на природан начин. Ако упишете опцију "Цлосе Тагс" која најбоље одговара вашим потребама.

Ако нисте сасвим спремни да пређете на уређивање својих страница у ХТМЛ-у, али желите да гледате код пошто је написан, покушајте код инспектора. Ово отвара ХТМЛ код у посебном прозору. Она ради баш као кодни приказ, а заправо је у основи сензор прозора кода за тренутни документ. Да бисте отворили инспектор кода, идите на мени Виндов и одаберите "Цоде Инспецтор" или притисните типку Ф10 на тастатури.

Дреамвеавер ће форматирати ХТМЛ код, али желите да се прикаже. На пример, ако користите 3 размака за задавање, али никада не налазите ознаке ИМГ, можете да наведете информације о формату у опцијама поновног кода. Затим идите на мени "Команде" и изаберите "Примјена форматирања формата." Ово је одличан начин да добијете код који је написао неко други у формату који вам је познат.

Функција коју многи ХТМЛ кодери не познају или не користе је могућност срушавања ХТМЛ кода. Ово не уклања ознаке из документа, али само их уклоните из погледа тако да они не одвраћају пажњу на оно на чему радите. Да бисте срушили свој код:

  1. Изаберите део кода који желите сакрити
  2. У менију Уређивање одаберите "Цоллапсе Селецтион" из подменија Цоде Цоллапсе

Једноставније је да изаберете код, а затим кликните на иконе колапса кодова који се појављују у жлебу. Такође можете кликнути десним тастером на изабрану шифру и одаберите "Цоллапсе Селецтион".

Ако желите да сакријете све осим што је означено, изаберите опцију "Цоллапсе Оутсиде Селецтион" у било којој од горе наведених метода.

Да бисте проширили срушени код, једноставно двапут кликните на њега. Ово отвара код и одабире га. Затим можете да померите тај избор или га избришете или додате додатне ознаке око ње.

Све време можете користити функцију колапса и проширења на страницама на којима не желите уређивати спољни шаблон. Само изаберите област садржаја коју желите уредити и срушити напољу. Затим напишите свој ХТМЛ. Још увек можете погледати страницу у приказу Дизајн или је прегледати у прегледачу. Срушени код се не уклања из документа, једноставно сакривен од погледа. Такође можете да га користите када радите на низу ставки. Када завршите са једном, срушите га. Знаш да си завршио кад нема кода који показује.