Dreamweaver менен HTML кодун жазуу

Сиз гана WYSIWYG пайдалануу милдеттүү шарт эмес,

Dreamweaver бир улуу WYSIWYG редактору , бирок сен: "Сага эмне, силер эмнени көргөнү турат" айлана-чөйрөгө болгон желе баракчаларды жазып кызыккан жок болсо, сен дагы эле колдоно аласыз Dreamweaver да көп текст редактору, анткени. Ал эми биринчи орунга "Конструктор" же WYSIWYG редактору буюмдун бөлүгү болуп саналат, анткени Dreamweaver редакторго ичинде боюнда, жосунсуз жоруктарды өзгөчөлүктөрүнүн бир топ бар.

Dreamweaver Code көрүнүшүнө кантип алууга болот?

Сиз болушу мүмкүн чейин Сиз HTML редактору катары Dreamweaver пайдалануу эч качан болсо да, беттин жогору жагында үч топчулары байкаган эмесмин. "Кодекс", "ажырашып" жана "Дизайн" Dreamweaver "Дизайн көрүнүшү" же WYSIWYG режиминде демейки менен башталат. Бирок бул HTML кодун көрүп жана түзөтө өтүү мүмкүн. Жөн гана "Code" баскычын чыкылдатуу. Же болбосо, кароо меню барып, тандоо "кодексин".

Сиз азыр эле HTML жазууга үйрөнүү же сиздин өзгөртүүлөр сиздин Документти кандай таасир тийгизет жөнүндө түшүнүк алуу керек болсо, ошол эле учурда көз карашын коду жана дизайн көрүнүшүн ачуу болот. Бул методдун кооздугу, сиз ошондой эле эки терезелерде өзгөртө алабыз деп айтып турат. Демек, сиз кодду HTML менен Тата, андан кийин сүйрөп барып жайгаштыруу менен беттеги башка жерге жылдыруу үчүн долбоорлоо көз карашын колдонуп, жаза аласыз.

бир жолу да көрүү үчүн, же:

Сиз HTML кодун өзгөртүү үчүн Dreamweaver колдонуп көнүшүп кийин, демейки коду эске Dreamweaver ачуу үчүн өзгөртө аласыз. оъой жолу жумуш катары коду карашын сактап калуу болуп саналат. Dreamweaver колдонуп акыркы жумуш ачылат. Андай болбосо, жөн гана терезе менюга барып, сиз каалаган орунун тандаган.

Code кароо Options

ал аны кандайча өзгөчөлөштүрүү жана сен каалагандай иш үчүн абдан көп ыкмалары бар, анткени Dreamweaver абдан ийкемдүү. параметрлери терезесинде, коду боелгон, коду туюнтма, коду атабыз бар, жана өзгөртүүгө болот бурмалоого параметрлери коду. Бирок, силер да коду көз ичинде кээ бир өзгөчө параметрлерин өзгөртө аласыз.

код көрүнүшүндө кийин, тилкесиндеги бир "кароо Options" баскычы бар. Сиз ошондой эле кароо меню кирип, тандоо менен сынап көрүүгө болот "Code кароо Жолдор." параметрлер бар:

Dreamweaver Code Кароо редакторлоо HTML коду

Бул Dreamweaver коду эске алуу менен HTML кодун өзгөртүү мүмкүн. Жөн эле сиздин HTML жаза баштайт. Бирок Dreamweaver негизги HTML редактору тышкары, аны узартуу айрым кошумчалар менен камсыз кылат. Сиз HTML теги жазып баштаганда, сиз <терүүгө. Туура деп мүнөздөгү кийин бир саамга токтоп, анда Dreamweaver сага тизмесин көрсөтөт HTML Tags . Бул коду пайдалануу деп аталат. тандоо тарытуу, кат жаза баштайт - Dreamweaver сиз терип жаткан эмне келет деп тегине ачылуучу тизме тар болот.

Сиз HTML үчүн жаңы болсо, анда HTML тэг тизмеси бою жылдырып жана алардын эмне болорун көрүш үчүн, ар кандай адамдарды тандай аласыз. Dreamweaver сиз теги терилген кийин өзгөчөлүктөрү үчүн кылуусун улантат. Мисалы, "<мен" деп терип, анда Dreamweaver төмөнкү башка Tags менен баштап, <мен> HTML тег чейин төмөндөйт. Эгер сен "м" кат жазып берсе, Dreamweaver тегинин, аны жасаса болот.

Бирок коду пайдалануу Tags бүтүшү эмес. Сиз киргизүүгө коду кыйытып колдоно аласыз:

коду пайдалануу пайда жок болсо, сиз аларды көрсөтө алуу үчүн Ctrl-Боштук (Windows) же Cmd-Боштук (Macintosh) болот. код кыйытма пайда эмес, эмне үчүн көбүнчө себеби сен теги аягына чейин ар кандай терезеден которулду болсо болот. Dreamweaver мүнөздөгү Терип жок обонду Анткени <, сиз терезеден жана кайтып кетип, анда коду кыйытып кайра ишке киргизүү керек болот.

Сиз качып баскычын уруп коду кыйытма меню өчүрө аласыз.

Эгер ачылышы HTML теги терилген кийин, аны жабуу үчүн керек. Dreamweaver табигый жол менен кылат. Эгер силердин муктаждыктарына жооп берген, "Жабуу Tags жолду терип болсо.

Сиз HTML менен беттерин түзөтүп берүүгө такыр даяр эмес болсо, бирок сиз жазылган эле кодун көрүү үчүн келет, код инспектору аракет кылышыбыз керек. Бул өзүнчө терезеде HTML кодун ачат. Бул жөн гана коду көрүнүшү сыяктуу иштейт, ал, чынында эле, негизинен азыркы документ үчүн ажыратылма коду мазмунун терезе болуп саналат. коду инспектору ачуу үчүн, терезе менюсунан барып, "Code инспектор" тандоо же тергичтен F10 баскычын бас.

Dreamweaver аны көрсөткөн келет, бирок HTML кодун түзүүнү болот. Мисалы, бирөө 3 жайлар колдонгон болсо, ал эми IMG эч качан кемтиги теги, сиз кодду жасалгалоо маалымат параметрлерин кайра да көрсөтүүгө болот. Ошондо буйруктары менюга барып, тандап алган "Source түзүү колдон." Бул силер үчүн жакшы бир түрдө кирип бирөөнүн жазган кодун алуу үчүн бир жолу болуп саналат.

көп HTML тийиши жөнүндө же пайдаланууга көрбө өзгөчөлүгү HTML кодун жыйнап коюу жөндөмү. Бул документ алып сала албайт, бирок, алар иштеп жаткан нерселерге алагды эмес, ошол эле көз салабыз. кодду кыйроого:

  1. сен муну жашыныш үчүн каалаган кодексинин бөлүмүн тандоо
  2. Edit менюсунда "Code Collapse" суб-менюсунан "Collapse тандап", тандап алган

An жөнөкөй жолу кодун жана момпосуй пайда коду кыйрашы сүрөтчөлөрүнүндөгү басуу керек. Ошондой эле, туура тандалган кодексинин белгисине "Collapse тандоо" тандай аласыз.

Сиз баса башка нерсени жашыруу үчүн керек болсо, анда жогоруда аталган ыкмалардын кайсы бири "тышкы тандоо Collapse" тандап алган.

кулаган кодду кеңейтүү үчүн, жөн гана аны басып эки эсе көп. Бул код ачат, аны тандайт. Андан кийин бул тандоо же аны жок кылуу же айланасында кошумча тег кошуп алат.

Сиз тышкы шаблон түзөтүү үчүн келген эмес, тескерисинче, кыйрашы жана кеңейтүү баракчалардын ичиндеги баарын убакыт көрсөтүлгөн колдоно аласыз. Сиз жөн гана түзөтө жана сыртта чөгүп каалаган мазмун аймакты тандоо. Ошондо HTML жаз. Сиз дагы эле Дизайн эске алуу менен баракты көрүүгө же браузерде, аны алдын ала көрө аласыз. кулаган коду жөн гана көз жашына, документтин алыс эмес. Силер да заттар бир катар иштеп жаткан убакта, аны колдоно аласыз. бири-бүткөндөн кийин, ал кулайт. Сиз эч кандай коду көрсөткөн жок болсо эмне жатасыз билебиз.