Ja esat jauns web dizains un front-end attīstība (HTML, CSS, Javascript), tad jūs varat izvēlēties sākt darbu ar WYSIWYG redaktoru. Šis saīsinājums nozīmē "to, ko jūs redzat, tas, ko jūs saņemat", un tas galvenokārt attiecas uz programmatūru, kas ļauj izveidot vietni, izmantojot vizuālos rīkus, kamēr programmatūra raksta kādu kodu aiz ainas, pamatojoties uz to, ko jūs izveidojat. Vispopulārākais WYSIWYG rīks pieejams, iespējams, Adobe Dreamweaver .
Dreamweaver ir labs risinājums tiem, kas tikai sāk darboties
Kaut arī daudzi pieredzējuši tīmekļa speciālisti ar izsmalcinātākām prasmēm domā par Dreamweaver un tā tendenci ražot uzpūsties HTML markup un CSS stilus, vienkārša patiesība ir tāda, ka platforma joprojām ir laba izvēle tiem, kas tikai sāk veidot mājas lapas dizainu. Kad jūs sākat izmantot Dreamweaver "dizaina skatu" opciju, lai izveidotu tīmekļa lapu, viens no jautājumiem, kas jums varētu būt, ir veids, kā izveidot šajā rindiņā viena rindiņa pārtraukumu saturam.
Kad tīmekļa lapu pievienojat HTML tekstu, tīmekļa pārlūkprogramma šo tekstu parādīs kā garu rindiņu, līdz tā sasniedz pārlūka loga vai tā konteinera elementa malu. Tajā brīdī teksts ietin uz nākamo rindu. Tas ir līdzīgs tam, kas notiek jebkurā tekstapstrādes programmatūrā, piemēram, Microsoft Word vai Google Docs. Ja teksta rindiņā horizontālajai līnijai nav vairāk vietas, tā tiks iesaiņota, lai sāktu vēl vienu rindu. Tātad, kas notiek, ja vēlaties diktēt, kur līnija pārtraukta?
Kad nospiežat [ENTER] taustiņu Dreamweaver dizaina skatā, pašreizējais punkts ir aizvērts un sākas jauns punkts. Vizuāli tas nozīmē, ka šīs divas līnijas ir atdalītas ar mazliet vertikālu atstarpi. Tas ir tāpēc, ka pēc noklusējuma HTML rindkopām ir papildinājums vai maliņas (kas atkarīgs no pārlūkprogrammas), kas tiek piemērots rindkopas apakšdaļai, kas papildina šo atstarpi.
To var noregulēt ar CSS, taču patiesība ir tāda, ka vēlaties atstarpi starp punktiem, lai nodrošinātu vietnes lasāmību. Ja vēlaties vienu rindiņu un platjoslas vertikālo atstarpi starp līnijām, jūs nevēlaties izmantot [ENTER] atslēgu, jo jūs nevēlaties, lai šīs līnijas būtu atsevišķas rindkopas.
Šiem laikiem, kad nevēlaties sākt jaunu punktu, jūs pievienotu HTML tagu
tagam. To dažreiz raksta kā
. īpaši XHTML versijām, kas prasīja, lai visi elementi tiktu slēgti. Šī sintakses aizmugurē / šajā seansā slēdz elementu, jo tagam nav sava aizvēršanas taga. Tas viss ir labi un labi, bet jūs strādājat ar Dreamweaver Design View. Jūs, iespējams, nevēlaties iekļūt kodā un pievienot šos pārtraukumus. Tas ir labi, jo jūs tiešām varat pievienot līnijas pārtraukumu Dreamweaver, neizmantojot koda skatu.
Dreamweaver dizaina skatā pievienojiet līnijas pārtraukumu:
- Novietojiet kursoru, kur vēlaties, lai sāktu jauno rindu.
- Turiet nospiestu Shift taustiņu un nospiediet [ENTER].
Tieši tā! Vienkāršs "maiņas" taustiņa pievienošana kopā ar [ENTER] pievienos jaunu, nevis jaunu punktu. Tagad, kad jūs zināt, kā tas ir, jums vajadzētu apsvērt, kur to izmantot un kur to izvairīties. Atcerieties, ka HTML ir domāts, lai izveidotu vietnes struktūru, nevis vizuālo izskatu. Nevajadzētu izmantot vairākus tagus, lai izveidotu vertikālu atstarpi zem elementu jūsu dizainā.
Tas ir CSS īpašības polsterēšanai un rezervēm. Kur jūs varētu izmantot tagu, ir tas, kad jums ir nepieciešams tikai viena līnija pārtraukums. Piemēram, ja jūs kodējat pasta adresi un esat nolēmis izmantot rindkopu, varat pievienot šādus # tagus:
Uzņēmuma nosaukums
Adrese līnija
City, State, ZIP
Šis adreses kods ir viens punkts, bet vizuāli tas parāda trīs līnijas atsevišķās līnijās ar nelielu atstarpi starp tām.