Kā pievienot un formatēt tekstu programmā Dreamweaver

Daudzi cilvēki ir patīkami pārsteigti par to, cik viegli viņi var izveidot vienkāršu tīmekļa lapu ar tekstu un attēliem programmā Dreamweaver. Varat veikt pamata teksta formatēšanu, izmantojot Dreamweaver HTML formatēšanas opcijas, tostarp virsrakstu un rindkopu tagus. Sāciet ar šiem pamata HTML tagiem, lai sākumā viss būtu vienkārši.

Kā pievienot tekstu tīmekļa lapai programmā Dreamweaver

Lai lapai pievienotu tekstu, varat vienkārši noklikšķināt, lai ievietotu kursoru lapas augšdaļā, un ierakstiet. Ja vēlaties pievienot tekstu, kas jums ir kaut kur citur, piemēram, programmā Microsoft Word izveidotā failā, varat kopēt un ielīmēt tekstu programmā Dreamweaver, nevis to atkārtoti ievadīt.

Dreamweaver piedāvā daudzus veidus, kā saglabāt formatējumu, kopējot un ielīmējot tekstu no citas programmas. Šī funkcija ir īpaši svarīga, kopējot tekstu no Microsoft Word, jo, ielīmējot tekstu tādu, kāds tas ir, jūs riskējat iekļaut daudz papildu koda, kas ir unikāls Microsoft Word un var radīt problēmas jūsu tīmekļa lapā.

Varat mainīt noklusējuma iestatījumus tam, kā Dreamweaver apstrādā formatējumu, izvēloties Rediģēt→Ielīmēt, mainot Preferences kategorijā Kopēt/Ielīmēt. Varat arī izvēlēties Rediģēt → Īpaši ielīmēt, lai parādītu šīs opcijas ikreiz, kad ielīmējat jaunu saturu.

Tālāk ir norādītas četras galvenās teksta ievietošanas opcijas, izvēloties Rediģēt → Īpaši ielīmēt, kā arī trīs veidi, kā precizēt savu izvēli:

• Tikai teksts: Dreamweaver noņem jebkuru formatējumu un ievieto vienkāršu tekstu.

• Teksts ar struktūru: Dreamweaver ietver rindkopas, sarakstus, tabulas un citas strukturālas formatēšanas opcijas.

• Teksts ar Structure Plus pamata formatējumu: Dreamweaver ietver strukturālo formatējumu, kā arī pamata formatējumu, piemēram, treknrakstu un slīprakstu.

• Teksts ar Structure Plus pilno formatējumu: papildus iepriekšējām opcijām Dreamweaver ietver formatējumu, kas izveidots, izmantojot stila lapas tādās programmās kā Microsoft Word.

• Saglabāt rindiņas pārtraukumus: rindiņas pārtraukumi tiek saglabāti pat tad, ja nesaglabājat citas formatēšanas opcijas. Šī opcija nav pieejama, ja izvēlaties Tikai teksts.

• Notīrīt Word rindkopu atstarpi: šī opcija noņem īpašu Microsoft Word formatējuma kodu un nav nepieciešams (un nav ieteicams) tekstam tīmeklī.

• Pārvērtiet viedos citātus par taisniem citātiem : viedās pēdiņas — vispārpieņemtais nosaukums izdomātiem, cirtainiem citātiem, kurus dizaineri labprāt izmanto drukātajos dokumentos —, lai tīmeklī tiktu pareizi parādīta īpaša rakstzīme, un šī īpašā rakstzīme nedarbojas visās tīmekļa pārlūkprogrammās. . Lai izvairītos no šīs iespējamās problēmas, atzīmējiet šo izvēles rūtiņu un pārveidojiet visus viedos citātus par taisniem.

Kā formatēt tekstu ar virsrakstu tagiem programmā Dreamweaver

Viena no labākajām virsrakstu formatēšanas opcijām ir virsrakstu tagu kolekcija. HTML, izmantojot virsrakstu tagus (

,

un tā tālāk), lai formatētu tekstu, kas kalpo kā virsraksts vai virsraksts, piedāvā daudzas priekšrocības. Virsrakstu atzīmes ir paredzētas attēlošanai relatīvos izmēros, ar

lielākais,

mazāks,

vēl mazāks un tā tālāk

.

Neatkarīgi no tā, kāds ir tīmekļa lapas noklusējuma teksta lielums (un teksta izmēri var atšķirties atkarībā no pārlūkprogrammas iestatījumiem un datora platformas), jebkurš teksts, kas formatēts ar

tags vienmēr ir lielāks nekā teksts, kas formatēts ar

.

Populārs uzskats ir, ka daudzas meklētājprogrammas piešķir prioritāti atslēgvārdiem tekstā, kas formatēts ar

tagu, jo vissvarīgākais teksts lapā parasti ir iekļauts lielākā izmēra virsrakstā. Tāpat meklētājprogrammu eksperti jums pateiks, ka jums vajadzētu izmantot

tagu tikai vienu reizi lapā.

Lai formatētu tekstu ar virsraksta tagu, veiciet šīs darbības:

Iezīmējiet tekstu, kuru vēlaties formatēt.

Īpašuma inspektorā darbvietas apakšdaļā pārbaudiet, vai ir atlasīta poga HTML inspektora kreisajā pusē.

Izmantojiet nolaižamo sarakstu Formatēt, lai atlasītu virsraksta opciju.

Lietojot virsrakstu tagus, noformējuma skatā teksts automātiski mainās, lai kļūtu liels un trekns.

Autors: Keisijas Stolas fotoattēls

Parasti Rekvizītu inspektors ir vienkāršākais veids, kā lietot pamata formatējumu, taču šīs HTML formatēšanas opcijas varat atrast arī izvēloties Formāts→Paragrāfa formāts un pēc tam parādītajā apakšizvēlnē atlasot virsraksta opciju.

Kā pievienot rindkopas un rindiņu pārtraukumus programmā Dreamweaver

Veidojot lapu dizainu tīmeklim, jums ir jāstrādā, ievērojot daudzus ierobežojumus, kas sākotnēji var šķist mulsinoši. Tīmekļa dizains un drukas dizains būtiski atšķiras, un tas var padarīt pat šķietami vienkāršus uzdevumus sarežģītākus, nekā jūs varētu gaidīt. Labs piemērs ir rindkopu un rindiņu pārtraukumu izveide.

Ja strādājat noformējuma skatā programmā Dreamweaver un nospiediet taustiņu Enter (Windows) vai taustiņu Return (Mac), Dreamweaver ievieto rindkopas tagu vai

, kodā, kas izveido rindiņas pārtraukumu, kam seko tukša rindiņa.

Ja vēlaties rindiņas pārtraukumu bez papildu tukšas rindiņas, turiet nospiestu taustiņu Shift, vienlaikus nospiežot taustiņu Enter (vai Return), lai liktu Dreamweaver ievietot
tagu kodā, izveidojot vienas rindiņas pārtraukumu.

Labākā prakse ir izvairīties no vairāku rindkopu vai pārtraukumu tagu izmantošanas, lai tīmekļa lapā izveidotu papildu vietu (un ne visas pārlūkprogrammas saglabās tukšo vietu, ja to izveidosit šādā veidā). Ja vēlaties pievienot daudz vietas starp rindkopām vai citiem lapas elementiem, vislabākais risinājums ir izmantot CSS.

Ja strādājat koda skatā un pievienojat atstarpi, izmantojot taustiņu Enter vai Return, kodā tiek pievienota tukša vieta. Papildu vieta HTML kodā var būt noderīga, jo papildu vieta var padarīt kodu vieglāk lasāmu, taču kopumā tas neietekmē veidu, kā lapa tiek parādīta noformējuma skatā vai tīmekļa pārlūkprogrammā.