Kung bago ka sa web design at front-end development (HTML, CSS, Javascript), maaari kang pumili upang makapagsimula sa isang editor ng WYSIWYG. Ang acronym na ito ay kumakatawan sa "kung ano ang nakikita mo ay kung ano ang nakukuha mo" at ito ay karaniwang tumutukoy sa software na nagbibigay-daan sa iyo upang lumikha ng isang webpage gamit ang visual na tool habang ang software ay nagsusulat ng ilang code sa likod ng mga eksena batay sa kung ano ang iyong ginagawa. Ang pinaka-popular na tool na WYSIWYG na magagamit ay arguably Adobe's Dreamweaver .
Ang Dreamweaver ay isang Magandang Pagpipilian para sa mga Nagsisimula lamang
Habang ang maraming mga napapanahong mga propesyonal sa web na may mas pinong mga kasanayan ay tumitingin sa Dreamweaver at ang pagkahilig nito upang makagawa ng namamaga na markup ng HTML at mga estilo ng CSS, ang simpleng katotohanan ay ang platform ay nananatiling isang mahusay na pagpipilian para sa mga nagsisimula lamang sa disenyo ng website. Sa pagsisimula mong gamitin ang pagpipiliang "disenyo ng pagtingin sa Dreamweaver" upang bumuo ng isang webpage, ang isa sa mga tanong na malamang na mayroon ka ay kung paano lumikha ng isang solong line break para sa nilalaman sa view na iyon.
Kapag nagdadagdag ka ng tekstong HTML sa isang web page, ipapakita ng web browser ang tekstong iyon bilang isang mahabang linya hanggang umabot sa gilid ng window ng browser o sa elemento ng lalagyan nito. Sa puntong iyon, ang teksto ay bubuuin sa susunod na linya. Ito ay katulad ng kung ano ang mangyayari sa anumang software processing word, tulad ng Microsoft Word o Google Docs. Kapag ang isang linya ng teksto ay wala nang silid sa isang pahalang na linya, ito ay bubuo upang magsimula ng isa pang linya. Kaya kung ano ang mangyayari kung gusto mong magdikta kung saan ang isang linya break?
Kapag pinindot ninyo ang [ENTER] key sa view ng disenyo ng Dreamweaver, ang kasalukuyang parapo ay sarado at nagsisimula ang isang bagong talata. Sa pangmalas, ito ay nangangahulugan na ang dalawang linya ay pinaghiwalay na may kaunting vertical spacing. Ito ay dahil, sa pamamagitan ng default, ang mga parapo ng HTML ay may padding o margin (na kung saan ay depende sa browser mismo) na inilapat sa ilalim ng talata na nagdadagdag ng espasyo.
Ito ay maaring iakma sa CSS, ngunit ang katotohanan ay ang gusto mo doon upang maging spacing sa pagitan ng mga talata upang payagan ang pagiging madaling mabasa ng website . Kung gusto mo ng isang linya at walang malawak na vertical spacing sa pagitan ng mga linya, ayaw mong gamitin ang [ENTER] susi dahil hindi mo gusto ang mga linyang iyon ay indibidwal na mga talata.
Para sa mga panahong ito kung ayaw mong magsimula ang isang bagong talata, idaragdag mo ang tag na tag sa HTML. Ito ay minsan ay isinulat bilang
. partikular para sa mga bersyon ng XHTML na nangangailangan ng lahat ng mga elemento na sarado. Ang trailing / sa na syntax self-isinasara ang sangkap dahil ang tag ng tag ay walang sariling tag ng pagsasara. Lahat ng ito ay mabuti at mabuti, ngunit nagtatrabaho ka sa Design View sa Dreamweaver. Maaaring hindi mo gustong tumalon sa code at idagdag ang mga break na ito. Iyon ay pagmultahin, dahil maaari mong, sa katunayan, magdagdag ng linya ng break sa Dreamweaver nang walang resorting sa code view.
Magdagdag ng Line Break sa View ng Disenyo ng Dreamweaver:
- Ilagay ang iyong cursor kung saan mo gustong simulan ang bagong linya.
- Pindutin nang matagal ang shift key at pindutin ang [ENTER].
Ayan yun! Ang simpleng pagdaragdag ng "shift" key kasama ang [ENTER] ay magdaragdag ng isang halip na isang bagong talata. Kaya ngayon na alam mo kung paano ito ay, dapat mong isaalang-alang kung saan gamitin ito at kung saan upang maiwasan ito. Tandaan, ang HTML ay nilayon upang lumikha ng istraktura ng isang site, hindi ang visual na hitsura. Hindi ka dapat gumamit ng maramihang tag ng tag upang lumikha ng vertical spacing sa ilalim ng mga elemento sa iyong disenyo.
Iyan ay kung ano ang para sa CSS properties para sa padding at margins. Kung saan mo nais gamitin ang isang tag ng tag ay kapag kailangan mo lamang ang isang solong linya break. Halimbawa, kung naka-coding ka ng isang mailing address at nagpasya kang gumamit ng isang talata, maaari mong idagdag ang mga tag tulad nito:
Pangalan ng Kumpanya
Address Line
Lungsod, Estado, ZIP
Ang code na ito para sa address ay isang solong talata, ngunit biswal na ipapakita nito ang tatlong linya sa mga indibidwal na linya na may maliit na puwang sa pagitan nila.