Вы не павінны выкарыстоўваць толькі WYSIWYG
Dreamweaver з'яўляецца выдатным рэдактарам WYSIWYG , але калі вы не зацікаўленыя ў пісьмовым выглядзе вэб - старонак у асяроддзі «што вы бачыце, што вы атрымаеце", вы можаце выкарыстоўваць Dreamweaver , таму што гэта таксама выдатны тэкставы рэдактар. Але ёсць шмат асаблівасцяў, якія праслізгваюць нерэальная ў рэдактары кода Dreamweaver, так як асноўны акцэнт робіцца на «выглядзе дызайну» або рэдактар часткі WYSIWYG прадукту.
Як патрапіць у Dreamweaver прагляду кода
Калі вы ніколі не выкарыстоўвалі Dreamweaver ў якасці HTML-рэдактара, перш чым вы, магчыма, нават не заўважыў, тры кнопкі ў верхняй частцы старонкі: «Код», «Split» і «Дызайн». Dreamweaver запускаецца па змаўчанні ў «рэжыме канструктара», або ў рэжыме WYSIWYG. Але гэта лёгка пераключыцца на прагляд і рэдагаванне HTML-кода. Проста націсніце на кнопку «Код». Або перайдзіце ў меню Выгляд і выберыце «Код».
Калі вы толькі навучыцца пісаць HTML або вы хочаце, каб атрымаць уяўленне аб тым, як змены паўплываюць на ваш дакумент, вы можаце адкрыць ўяўленне кода і выгляд канструкцыі адначасова. Хараство гэтага метаду з'яўляецца тое, што вы можаце рэдагаваць ў абодвух вокнах, а таксама. Такім чынам, вы можаце напісаць код для тэга малюнкаў у HTML, а затым выкарыстоўваць рэжым канструктара, каб перамясціць яго ў іншае месца на старонцы з перацягваннем.
Каб паказаць або абодва адразу, альбо:
- Націсніце на кнопку «Split» (паміж «Код» і «Дызайн»)
- У меню Выгляд выберыце «Код і Дызайн»
Пасля таго як вы зручна выкарыстоўваць Dreamweaver для рэдагавання HTML-кода, вы можаце змяніць свае перавагі, каб адкрыць Dreamweaver ў прадстаўленні кода па змаўчанні. Самы просты спосаб, каб захаваць ўяўленне кода ў якасці працоўнай прасторы. Dreamweaver адкрыецца ў апошнім працоўным прасторы вы выкарыстоўвалі. Калі гэтага не адбудзецца, проста перайдзіце ў меню Window і абярыце працоўная прастора, якое патрабуецца.
Код Опцыя адлюстравання
Dreamweaver з'яўляецца настолькі гнуткім, паколькі ён мае так шмат спосабаў, каб наладзіць яго і прымусіць яе працаваць так, як вы хочаце. У акне налад, ёсць код афарбоўка, фарматаванне кода, падказкі коды, і код перапісвання параметраў, якія можна наладзіць. Але вы можаце таксама змяніць спецыфічных параметраў у межах самага прадстаўлення кода.
Пасля таго, як вы ў прадстаўленні кода, ёсць кнопка «View Options» на панэлі інструментаў. Вы можаце таксама праглядзець параметры, перайшоўшы ў меню Выгляд і выберыце «Code View Options.» варыянты:
- Word Wrap - абгортка HTML - код , так што вы можаце ўбачыць яго без пракруткі па гарызанталі. Звярніце ўвагу, што гэты варыянт не змяшчайце ніякіх зваротаў карэткі ў кодзе, ён проста адлюстроўвае код такім чынам, што гэта лягчэй чытаць.
- Нумары радкоў - адлюстроўвае нумары радкоў ўздоўж боку кода. Гэта паказвае сімвал абкручванні радка для радкоў, якія абгортваюць больш, чым у акне прагляду.
- Схаваная сімвалы - адлюстроўвае спецыяльныя сімвалы замест прабелаў , якія адлюстроўваюць б на вэб - старонцы. Такія, як кропка замяняе прастору, двайны шаўрон замяняе кожную ўкладку, і знак абзац або пункт маркер замяняе кожны разрыў радка.
- Вылучыце Няправільны код - падкрэслівае HTML , што з'яўляецца некарэктным у жоўтым колеры. Калі абраны жоўты тэг, Маёмасці інспектар дасць вам парады аб тым, як гэта выправіць.
- Сінтаксіс Афарбоўванне - уключае ці выключае каляровага кадавання кода. Вы можаце змяніць колеру вашага каляровага кадавання ў раздзеле коды размалёўкі пераваг.
- Аўто Водступ - робіць ваш код водступ аўтаматычна пасля вяртання карэткі , калі код над ім водступам. Вы можаце змяніць памер водступу шляхам змены памеру ўкладак у раздзеле коды фарматавання пераваг.
Рэдагаванне HTML кода ў Dreamweaver прагляду кода
Гэта лёгка рэдагаваць HTML-код у прадстаўленні кода Dreamweaver ст. Проста пачніце ўводзіць HTML. Але Dreamweaver дае вам некаторыя дадатковыя паслугі, якія выходзяць за рамкі яго асноўнага HTML рэдактара. Калі вы пачынаеце пісаць HTML-тэг, увядзіце <. Калі паўза адразу пасля гэтага сімвала, Dreamweaver пакажа вам спіс HTML тэгаў . Яны называюцца падказкі кода. Каб звузіць выбар, пачніце ўводзіць літары - Dreamweaver павузіць выпадальны спіс з тэгам, які падыходзіць, што вы друкуеце.
Калі вы пачатковец у HTML, вы можаце прагартаць спіс HTML тэгаў і выбраць розныя іх, каб убачыць, што яны робяць. Dreamweaver будзе працягваць запытваць у вас атрыбуты, як толькі вы набралі тэг. Напрыклад, калі ўвесці «.
Але падказкі кода не заканчваюцца на тэгах. Вы можаце выкарыстоўваць падказкі коды для ўстаўкі:
Калі падказкі кода не з'яўляюцца, вы можаце націснуць Ctrl-прабел (Windows) або Cmd-ПРАБЕЛ (Macintosh), каб атрымаць іх, каб адлюстраваць. Найбольш распаўсюджаная прычына, чаму падказка кода не можа з'явіцца, калі вы перайшлі ў іншае акно, перш чым скончыць тэг. Паколькі Dreamweaver з'яўляецца маніпуляцыяй ад друкавання сімвала <, калі пакінуць акно і вярнуцца, вам давядзецца паўторна запусціць падказкі коды.
Вы можаце адключыць меню падказак кода, націснуўшы клавішу выхаду.
Пасля таго, як вы набралі ваша адкрыццё HTML-тэг, вам трэба, каб закрыць яго. Dreamweaver робіць гэта натуральным чынам. Калі ўвесці «Зачыніць Тэгі варыянт, які найлепшым чынам адпавядае вашым патрэбам.
Калі вы не зусім гатовыя перайсці да рэдагавання старонкі ў HTML, але вы хочаце, каб паглядзець код, як гэта напісана, вы павінны паспрабаваць код інспектар. Гэта адкрывае HTML-код у асобным акне. Ён працуе гэтак жа, як рэжым прагляд кода, і, па сутнасці, з'яўляецца ў асноўным здымным акном прагляду кода для бягучага дакумента. Каб адкрыць код інспектараў, перайдзіце ў меню Window і выберыце «Code Inspector» або націснуць клавішу F10 на клавіятуры.
Dreamweaver будзе фармат HTML код, аднак вы хацелі б адлюстроўвацца на дысплеі. Напрыклад, калі вы карыстаецеся 3 прастору для водступу, але ніколі не водступ тэгі IMG, вы можаце паказаць, што фарматаванне інфармацыі ў кодзе перазапісу параметраў. Затым перайдзіце ў меню Каманды і выберыце «Ужыць зыходнае фарматаванне». Гэта выдатны спосаб, каб атрымаць код, напісаны кімсьці іншым у фармат знаёмага вам.
Прыкмета, што многія HTML кодэры не ведаюць ці не выкарыстоўваць гэта здольнасць разбурацца HTML кода. Гэта не выдаляе тэг з дакумента, але проста выдаліць іх з поля зроку, так што яны не адцягваючыся на тое, што вы працуеце. Каб згарнуць код:
- Пазначце падзел кода, які вы хочаце схаваць
- У меню Праўка абярыце «Collapse Selection» з «Code Collapse» падменю
Больш просты спосаб гэта выбраць код, а затым націсніце на згортванне кода значкі, якія з'яўляюцца ў канаве. Вы таксама можаце пстрыкнуць правай кнопкай на выдзеленым фрагменце кода і выберыце «Collapse Selection».
Калі вы хочаце , каб схаваць усе , за выключэннем таго , што вылучана, выберыце «Collapse па-за выбаркі» у любым з названых вышэй спосабаў.
Для пашырэння згорнутага кода, проста двойчы пстрыкніце на ім. Гэта адкрывае код уверх і выбірае яго. Затым вы можаце перамясціць гэты выбар або выдаліць яго ці дадаць дадатковыя тэгі вакол яго.
Вы можаце выкарыстоўваць калапс і пашырэння маюць ўвесь час на старонках, дзе вы не хочаце, каб змяніць знешні шаблон. Вы проста выбіраеце вобласць кантэнту, які вы хочаце рэдагаваць і згарнуць на вуліцу. Затым напісаць HTML. Вы ўсё яшчэ можаце прагледзець старонку ў рэжыме канструктара або праглядзець яго ў браўзэры. Згорнуты код не выдаляецца з дакумента, проста схаваныя ад вачэй. Вы таксама можаце выкарыстоўваць яго, калі вы працуеце над серыяй прадметаў. Калі вы скончылі адзін, згарнуць яго. Вы ведаеце, што рабіць, калі няма ніякага кода паказваць.