Ja esat jauns tīmekļa dizaina un priekšgala izstrādes (HTML, CSS, Javascript) dizains, varat izvēlēties sākt darbu ar WYSIWYG redaktors. Šis saīsinājums nozīmē "tas, ko jūs redzat, ir tas, ko jūs saņemat", un tas būtībā attiecas uz programmatūru, kas jums to ļauj izveidojiet vietni, izmantojot vizuālos rīkus, kamēr programmatūra aiz ainas raksta kodu, pamatojoties uz to, kas jūs esat radot. Vispopulārākais pieejamais WYSIWYG rīks ir neapšaubāmi Adobe Dreamweaver.
Laba iespēja tiem, kas tikai sāk darbu
Kaut arī daudzi pieredzējuši tīmekļa profesionāļi ar vairāk izsmalcinātas prasmes no augšas skatīties uz Dreamweaver un tā tendenci veidot uzpūstus HTML marķējumus un CSS stili, vienkāršā patiesība ir tāda, ka platforma joprojām ir laba iespēja tiem, kas tikko sākuši darbu ar vietnes dizainu. Sākot izmantot Dreamweaver opciju "noformējuma skats", lai izveidotu vietni, viens no jautājumiem, kas jums varētu rasties, ir tas, kā šajā skatā izveidot vienas rindiņas pārtraukumu saturam.
Pievienojot HTML tekstu tīmekļa lapai, tīmekļa pārlūkprogramma šo tekstu parādīs kā garu rindu, līdz tas sasniedz pārlūkprogrammas loga malu vai tā konteinera elementu. Tajā brīdī teksts ietīsies nākamajā rindā. Tas ir līdzīgs tam, kas notiek jebkurā tekstapstrādes programmatūrā, piemēram, Microsoft Word vai Google dokumentos. Kad teksta rindiņai vairs nav vietas uz horizontālas līnijas, tā ietīsies, lai sāktu citu rindu. Tātad, kas notiek, ja vēlaties noteikt, kur pārtrūkst līnija?
Kad jūs nospiedīsit ENTER Dreamweaver dizaina skatā
Kad iesit IEVADIET Dreamweaver dizaina skatījumā pašreizējā rindkopa ir aizvērta un sākas jauna rindkopa. Vizuāli tas nozīmēs, ka šīs divas līnijas ir atdalītas ar nelielu vertikālu atstarpi. Tas ir tāpēc, ka pēc noklusējuma HTML rindkopām ir pildījums vai piemales (kurš ir atkarīgs no paša pārlūka), kas tiek lietots rindkopas apakšdaļā, kurā tiek pievienoti šie atstarpes.
To var pielāgot, izmantojot CSS, taču patiesība ir tāda, ka vēlaties, lai starp rindkopām būtu atstarpe, kas ļautu lasīt vietni. Ja vēlaties vienu līniju un bez platām vertikālām atstarpēm starp līnijām, nevēlaties izmantot taustiņu ENTER, jo nevēlaties, lai šīs rindas būtu atsevišķas rindkopas.
Kad nevēlaties sākt jaunu rindkopu
Šajos gadījumos, kad nevēlaties sākt jaunu rindkopu, pievienojiet
tagu HTML. Dažreiz to raksta arī kā
. īpaši XHTML versijām, kurās vajadzēja aizvērt visus elementus. Aiz sintakses aiz / aiz sevis tiek aizvērts elements kopš
tagam nav sava noslēguma taga. Tas viss ir labi, bet jūs strādājat Dizaina skatā Dreamweaver. Iespējams, nevēlaties ielēkt kodā un pievienot šos pārtraukumus. Tas ir labi, jo jūs patiešām varat pievienot rindas pārtraukumu Dreamweaver, neizmantojot koda skatu.
Pievienojiet līnijas pārtraukumu Dreamweaver dizaina skatā:
- Novietojiet kursoru vietā, kur vēlaties sākt jauno līniju.
- Turiet nospiestu Shift taustiņš un nospiediet Enter.
Tieši tā! Vienkārši pievienojot taustiņu "Shift" kopā ar [ENTER], tiks pievienots a
jaunas rindkopas vietā. Tāpēc tagad, kad zināt, kā tas notiek, jums vajadzētu apsvērt, kur to izmantot un kur izvairīties. Atcerieties, HTML ir domāts, lai izveidotu vietnes struktūru, nevis vizuālo izskatu. Jums nevajadzētu izmantot vairākus
tagus, lai izveidotu vertikālu atstarpi zem dizaina elementiem.
Tam ir domātas polsterējuma un piemales CSS īpašības. Kur jūs izmantotu a
tag ir tad, kad jums ir nepieciešams tikai vienas rindiņas pārtraukums. Piemēram, ja kodējat pasta adresi un esat nolēmis izmantot rindkopu, varat to pievienot
šādas atzīmes:
Kompānijas nosaukums
Adreses līnija
Pilsēta, štats, ZIP.
Šis adreses kods ir viena rindkopa, taču vizuāli tas parādīs trīs līnijas atsevišķās rindās ar nelielu atstarpi starp tām.