Та зөвхөн WYSIWYG-г ашиглах хэрэггүй
Dreamweaver бол гайхамшигтай WYSIWYG редактор бөгөөд хэрэв та вэб хуудас бичихийг хүсэхгүй байвал " Dreamweaver " -ийг ашиглах нь зүйтэй юм. Гэхдээ Dreamweaver кодын засварлагчид замын хажуугаар гулсах олон боломжууд байдаг тул гол анхаарал нь "дизайн харах" эсвэл WYSIWYG редактор хэсэг дээр байдаг.
Dreamweaver Code View хэрхэн авах вэ
Хэрвээ та Dreamweaver хэзээ ч HTML засварлагч хэрэглэж байгаагүй бол хуудасны дээд талд байгаа гурван товчлуурыг "Код," "Split," болон "Design" гэж хэзээ ч анзаарч байгаагүй. Dreamweaver нь "Дизайны харагдац" эсвэл WYSIWYG горимд анхдагчаар эхэлдэг. Гэхдээ HTML кодыг үзэж, засварлахад хялбар байдаг. "Код" товчийг дарна уу. Эсвэл View цэс рүү ороод "Код" -ыг сонгоно уу.
Хэрвээ та HTML хэлбэрээр хэрхэн бичих талаар суралцаж байгаа эсвэл таны өөрчлөлтүүд таны баримтанд хэрхэн нөлөөлөх талаар ойлголт авахыг хүсч байгаа бол та кодыг харах, дүрсийг нэг зэрэг нээх боломжтой болно. Энэ аргын гайхамшиг бол та хоёуланд нь адилхан засварлаж болно гэсэн үг юм. Тиймээс та өөрийн дүрсийг HTML дээр бичих кодыг бичиж, дараа нь хуудасны өөр байршил руу зөөж, унагаахаар дизайныг ашиглана.
Хоёрыг зэрэг дараалан харахын тулд дараах байдлаар:
- "Split" товчийг дарна уу ("Код" ба "Дизайн" хооронд)
- View цэснээс "Код ба дизайн"
Dreamweaver-ыг ашиглан HTML кодоо засаж тохижуулаад дараа нь Dreamweaver-г өөрийн үндсэн тохиргоонд нээнэ. Хамгийн хялбар арга бол кодыг ажлын талбар байдлаар хадгалах явдал юм. Dreamweaver таны ашиглаж байсан сүүлийн ажлын байранд нээгдэх болно. Хэрэв үгүй бол зүгээр л Цонхны цэс рүү очоод өөрийн хүссэн ажлын байраа сонгоорой.
Кодыг харах сонголтууд
Dreamweaver маш уян хатан бөгөөд түүнийг хүссэнээр ажиллахад маш олон янзаар ашигладаг. Опционы цонхонд кодыг будах, код хэлбэржүүлэх, код оруулах, тохируулах код бичих тохируулгууд байдаг. Гэхдээ та өөртөө тусгай кодыг өөрчлөх боломжтой.
Та кодыг харахад, самбар дээрх "Харах Сонголт" товч байна. Та мөн View цэс рүү орж "Code View Options" гэсэн сонголтыг сонгож болно. Тохируулга нь:
- Word Wrap - HTML кодыг оруулаад хэвтээ байдлаар гүйлгэхгүйгээр харах боломжтой. Энэ тохируулга нь таны кодод ямар ч ачаа буцааж оруулахгүй гэдгийг санаарай. Энэ нь уншихад хялбар болгохын тулд кодыг харуулна.
- Шугамын тоо - кодын талбарын дагуу мөрийн дугаарыг харуулна. Энэ нь дэлгэцийн цонхноос урт ороосон мөрүүдэд зориулсан мөрийн бэлгэ тэмдэгийг харуулж байна.
- Нууцлаг тэмдэгтүүд - Веб хуудсанд харагдах цагаан зайны оронд тусгай тэмдэгтүүдийг харуулдаг. Хоосон зай орлуулах цэгийн оронд давхар chevron нь табуудыг орлож, пикчер эсвэл догол маркийн мөр бүрт эвдэрч орлодог.
- Хүчин төгөлдөр бус кодыг тодруулаарай - HTML-ыг шараар буруу оруулсан байна. Хэрэв та шар шошгыг сонговол, Хөрөнгө оруулагч нь танд хэрхэн засах тухай зааварчилгаа өгөх болно.
- Синтакс будах - таны кодын өнгөний кодыг асаах эсвэл унтраах. Та өнгөний кодын өнгөийг тохируулгийн кодын өнгөт хэсэгт өөрчлөх болно.
- Auto Indent - нь кодын догол мөрийг өгөгдлөө буцааж өгнө. Та тохиргоог кодын хэсэг дээр tab tab хэмжээг өөрчлөх замаар indent-ийн хэмжээг өөрчилж болно.
Dreamweaver Code View дэх HTML кодыг засах
Dreamweaver-ийн кодоор HTML кодыг хялбархан засах боломжтой. Зүгээр л HTML бичиж эхлэх хэрэгтэй. Харин Dreamweaver нь үндсэн HTML засварлагчаас гадна өргөтгөл хийх боломжийг танд олгодог. Та HTML текстийг бичиж эхлэхэд та <. Хэрэв та тэр тэмдэгтийг түр зогсоовол Dreamweaver танд HTML тагуудын жагсаалтыг харуулна. Эдгээрийг кодын сан гэж нэрлэдэг. Сонголтыг багасгахын тулд үсгүүдийг бичиж эхэлнэ - Dreamweaver доошоо уншуулах жагсаалтыг таны бичиж буй зүйлд тохирсон шошгонд хязгаарлана.
Хэрвээ та HTML-т шинээр орсон бол, та HTML шошгоны жагсаалтыг гүйлгэж, хийж буй зүйлээ харахын тулд янз бүрийн хүмүүсийг сонгож болно. Dreamweaver нь шошго бичсэний дараа шинж чанаруудын талаар танаас асуух болно. Жишээлбэл, хэрэв та " таг руу багасгаж өгнө.
Гэхдээ кодын тайлбарууд нь шошгон дээр төгсгөлгүй байна. Та кодын сануулгуудыг ашиглан оруулж болно:
Хэрэв кодын сануулгууд гарч ирэхгүй бол та Ctrl-spacebar (Windows) эсвэл Cmd-spacebar (Macintosh) дээр дарж харуулах болно. Кодыг үзүүлэхгүй байх хамгийн түгээмэл шалтгаан бол та шошгон дээрээ дуусахаас өмнө өөр цонх руу шилжих явдал юм. Dreamweaver нь
Та зугтах түлхүүрийг цохих замаар кодын зааврын цэсийг унтрааж болно.
Та нээлтийн HTML тагийг бичсэнийхээ дараа үүнийг хаах хэрэгтэй болно. Dreamweaver үүнийг байгалийн аргаар хийдэг. Хэрвээ та "Хаах Сэдвийн тохиргоо" гэж бичвэл таны хэрэгцээнд хамгийн сайн тохирно.
Хэрвээ та HTML хуудсандаа засвар хийхэд бэлэн болоогүй байгаа ч кодыг нь бичсэнээр үзэхийг хүсэж байгаа бол та кодын байцаагчаа туршиж үзээрэй. Энэ нь HTML кодыг тусдаа цонхонд нээнэ. Энэ нь кодын харагдацтай адилхан бөгөөд яг үнэндээ одоогийн баримтын салгаж кодыг харах цонх юм. Кодын байцаагчийг нээхдээ Цонхны цэс рүү ороод "Кодын байцаагч" эсвэл F10 товчийг дарах хэрэгтэй.
Dreamweaver HTML кодыг форматлах боловч та үүнийг хүсч байна. Жишээлбэл, та гурван орон зайг индикатор болгон ашигладаг бол IMG-ийн шошгыг хэзээ ч индексжүүлээгүй бол кодыг дахин бичсэн хувилбаруудын хэлбэршүүлэлтийг зааж өгч болно. Дараа нь та Commands цэс рүү очиж "Эх сурвалжийн форматыг хэрэглэх" сонголтыг сонгоно уу. Энэ бол өөр хэн нэгний бичсэн кодыг авахад тань маш сайн арга юм.
Олон HTML кодлогч нь HTML кодыг буулгах чадваргүй эсвэл ашигладаггүй шинж чанар юм. Энэ нь баримтыг шошгонуудаас хасахгүй, харин харахын тулд тэдгээрийг харахаас сэргийлж, таны ажиллаж байгаа зүйлд саад болдоггүй. Кодоо задлахын тулд:
- Нуух гэж байгаа кодын хэсгийг сонгоно уу
- Засах цэсний "Класс Тагла" дэд цэсээс "Таслалтын сонголт" -ыг сонгоно уу
Илүү хялбархан арга бол кодоо сонгох, дараа нь кодын мөрөнд гарч ирэх кодын сүйрлийн дүрс дээр дарах явдал юм. Та сонгосон код дээрээ зөв дарж "Collapse Selection" сонгоно уу.
Хэрэв та онцлон тэмдэглэсэн зүйлээс бусад зүйлийг нуухыг хүсвэл дээрх аргуудын аль нэгээр "Outside Selection Selection" сонголтыг сонгоно уу.
Үл задарсан кодыг өргөжүүлэхийн тулд ердөө хоёр дахин дарна уу. Энэ нь кодыг нээж, түүнийгээ сонгоно. Дараа нь та тэр сонголтыг нүүлгэж эсвэл устгах эсвэл тойрсон нэмэлт тэмдэглэгээг нэмж болно.
Та гадны загварыг засварлахыг хүсэхгүй байгаа хуудсан дээр үргэлжлүүлэн ашиглах боломжтой. Та засварлахыг хүссэн контентын талбарыг сонгож, гадуур унах болно. Дараа нь таны HTML бичих. Та энэ хуудсыг Загварын харцагаас үзэх буюу вэбсайтад үзээрэй. Эвдэрсэн кодыг харахаас нуугдсан баримтаас хасагдаагүй. Та хэд хэдэн зүйл дээр ажиллаж байхдаа үүнийг ашиглаж болно. Та нэгийг дуусгаад үүнийг нураа. Та кодыг харуулахгүй байх үед хийгдсэн гэдгийг мэднэ.