Хэрэв та вэб дизайн болон урд талын хөгжүүлэлт (HTML, CSS, Javascript) шинэ болсон бол WYSIWYG засварлагчийг эхлүүлэхийг сонгож болно. Энэ товчлол нь "юу олж харах нь юу вэ" гэсэн утгатай бөгөөд үндсэндээ вэбсайтыг визуал хэрэгслээр ашиглан вэбсайт үүсгэх програм хангамжийг хэлдэг бөгөөд програм нь таны үүсгэсэн зүйл дээр тулгуурлан дүрсэлсэн цаана код бичдэг. Хамгийн алдартай WYSIWYG хэрэгсэл нь Adobe Dreamweaver юм.
Dreamweaver бол зүгээр л хүмүүсийн төлөөх сайн сонголт юм
Хэдийгээр илүү боловсронгуй ур чадвартай олон мэргэжилтнүүд Dreamweaver дээр төвлөрч, HTML-ийн хоосон тэмдэгт болон CSS загварыг бий болгох хандлагатай байдаг бол энгийн үнэн бол платформын дизайныг эхлүүлсэн хүмүүст зориулсан платформ хэвээр үлдэх явдал юм. Та Dreamweaver-ийн "дизайн харах" сонголтыг ашиглаж эхлэхдээ вэб хуудсыг бүтээхээс эхлээд таны асуух асуултуудын нэг нь тухайн үзэгдлийн хувьд нэг мөрийг хэрхэн эвдэх вэ?
Вэб хөтөч HTML текстийг нэмэх үед вэб хөтөч нь хөтлөх цонх эсвэл контейнерын элементийн ирмэг хүртэл тэр текстийг урт мөрөнд харуулах болно. Энэ үед текст дараагийн мөрөнд орно. Энэ нь Microsoft Word эсвэл Google Докс гэх мэт ямар нэгэн үг боловсруулах програмд тохиолддогтой төстэй юм. Текстийн мөр нь хэвтээ шугаман дээр зайгүй байх үед өөр мөрөнд шилжих болно. Хэрэв та мөрийг хаана таслахыг хүсч байвал яах вэ?
Dreamweaver-ийн дизайны үзэл [ENTER] түлхүүрийг цохих үед, одоогийн догол мөрийг хааж, шинэ догол мөр эхэлнэ. Visually, энэ хоёр мөр нь босоо зайгаар бүрдсэн гэсэн үг юм. Энэ нь анхдагчаар HTML параграфууд нь хоосон зайг нэмэх догол мөрний доод хэсэгт байрлах (вэбсайт өөрөө хамаарна) хамаарна.
Энэ нь CSS - тэй нийцтэй байж болох ч үнэн хэрэгтээ энэ нь вэбсайтын уншигдах боломжтой болгохын тулд догол мөр хоорондын зай байхыг хүсч байгаа юм .Хэрэв та нэг мөр болон шугам хооронд өргөн босоо зай авахыг хүсэхгүй байгаа бол [ENTER] Учир нь эдгээр мөрүүд нь хувьсагчийн догол мөр байхыг хүсэхгүй байна.
Та шинэ догол мөр эхлэхийг хүсэхгүй байгаа эдгээр үеүүдэд HTML дэх шошго нэмж болно. Үүнийг заримдаа
гэж бичдэг. ялангуяа XHTML-ийн хувилбаруудад бүх элементийг хаах шаардлагатай. Үржүүлгийн / энэ синтакс нь элементийг хаахын тулд элементийг хаах болно. Энэ бүхэн сайн, сайн байна, гэхдээ та Dreamweaver-д Design View-д ажиллаж байна. Та код руу орохыг хүсэхгүй байж болох бөгөөд эдгээр эвдэрлийг нэмээрэй. Dreamweaver-д шугамын горимд шилжихийн тулд мөртөө нэмж болно.
Dreamweaver-ийн мөрийн завсар нэмэх Дизайн харах:
- Шинэ мөрийг эхлүүлэхийг хүссэн курсороо байрлуул.
- Шилжүүлэлтийн товчлуурыг дараад [ENTER] дар.
Тиймээ! "Ээлжийн" түлхүүрийн энгийн нэмэлт [ENTER] -тэй хамт шинэ догол мөрийг оруулах болно. Тэгэхээр одоо та яаж үүнийг мэдэж байгаа юм бол хаана хэрэглэхээ, хаанаас зайлсхийх талаар бодож үзэх хэрэгтэй. HTML бол вэбсайтын бүтцийг бүтээхэд зориулагдсан бөгөөд харин харагдах байдал биш юм. Та өөрийн дизайн дахь элементүүдийн босоо зайд үүсгэхийн тулд олон тооны тэмдэглэгээг ашиглах хэрэггүй.
Энэ бол зөөллөөгч ба захын CSS шинж чанарууд юм. Хэрвээ та нэг үсгийг ашиглавал танд нэг мөр завсарлах шаардлага гардаг. Жишээлбэл, хэрэв та захидал бичих код бичиж байгаа бол догол мөрийг ашиглахаар шийдсэн бол та иймэрхүү хаягуудыг нэмж болно:
Компаний нэр
Хаяг шугам
Хот, Улс, ZIP
Хаягийн энэ код нь нэг догол мөр боловч харагдахаар нь гурван мөрийг тус тусад нь мөрний зайд байрлуулах болно.