Si të shtoni dhe formatoni tekst në Dreamweaver

Shumë njerëz janë të befasuar këndshëm nga sa lehtë mund të krijojnë një faqe interneti bazë me tekst dhe imazhe në Dreamweaver. Ju mund të bëni formatimin bazë të tekstit duke përdorur opsionet e formatimit HTML të Dreamweaver, duke përfshirë etiketat e titullit dhe të paragrafit. Filloni me këto etiketa bazë HTML për t'i mbajtur gjërat të thjeshta në fillim.

Si të shtoni tekst në një faqe interneti në Dreamweaver

Për të shtuar tekst në një faqe, thjesht mund të klikoni për të futur kursorin në krye të faqes dhe shkruani. Nëse dëshironi të shtoni tekst që keni diku tjetër, si për shembull në një skedar të krijuar në Microsoft Word, mund ta kopjoni dhe ngjisni tekstin në Dreamweaver në vend që ta rishkruani.

Dreamweaver ofron shumë mënyra për të ruajtur formatimin kur kopjoni dhe ngjisni tekst nga një program tjetër. Kjo veçori është veçanërisht e rëndësishme kur kopjoni tekst nga Microsoft Word sepse nëse thjesht ngjisni tekstin siç është, rrezikoni të përfshini shumë kode shtesë që janë unik për Microsoft Word dhe mund të shkaktojnë probleme në faqen tuaj të internetit.

Ju mund të ndryshoni parazgjedhjen për mënyrën se si Dreamweaver trajton formatimin kur zgjidhni Edit→ Paste duke ndryshuar Preferencat në kategorinë Copy/Paste. Ju gjithashtu mund të zgjidhni Edit → Paste Special për të shfaqur këto opsione sa herë që ngjitni përmbajtje të re.

Më poshtë janë katër opsionet tuaja kryesore për futjen e tekstit kur zgjidhni Edit→ Paste Special, si dhe tre mënyra për të përmirësuar zgjedhjen tuaj:

• Vetëm tekst: Dreamweaver heq çdo formatim dhe fut tekst të thjeshtë.

• Teksti me strukturë: Dreamweaver përfshin paragrafë, lista, tabela dhe opsione të tjera të formatimit strukturor.

• Teksti me formatimin bazë të Structure Plus: Dreamweaver përfshin formatimin strukturor si dhe formatimin bazë, të tilla si të theksuara dhe të pjerrëta.

• Tekst me Formatim të plotë Structure Plus: Përveç opsioneve të mëparshme, Dreamweaver përfshin formatimin e krijuar nga fletët e stileve në programe të tilla si Microsoft Word.

• Ruajtja e ndërprerjeve të linjës : Ndërprerjet e rreshtave ruhen, edhe nëse nuk mbani opsione të tjera formatimi. Ky opsion nuk është i disponueshëm nëse zgjidhni "Vetëm tekst".

• Clean Up Word Paragraph Spacing: Ky opsion heq kodin e veçantë të formatimit unik për Microsoft Word dhe është i panevojshëm (dhe nuk rekomandohet) për tekstin në ueb.

• Konvertoni citimet inteligjente në citate të drejta: Thomat inteligjente - emri i zakonshëm për ato citate të zbukuruara kaçurrela që dizajnerët pëlqejnë t'i përdorin në dokumentet e printuara - kërkojnë që një karakter i veçantë të shfaqet siç duhet në ueb dhe ai karakter i veçantë nuk funksionon në të gjithë shfletuesit e uebit . Për të shmangur këtë problem të mundshëm, zgjidhni këtë kuti dhe konvertoni të gjitha kuotat tuaja inteligjente në ato të drejta.

Si të formatoni tekstin me etiketat e titullit në Dreamweaver

Një nga opsionet më të mira të formatimit për titujt është mbledhja e etiketave të titullit. Në HTML, duke përdorur etiketat e titullit (

,

, e kështu me radhë) për të formatuar tekstin që shërben si titull ose titull ofron shumë përparësi. Etiketat e titujve janë krijuar për t'u shfaqur në madhësi relative, me

me e madhja,

më i vogël,

akoma më të vogla, e kështu me radhë

.

Pra, pavarësisht se cila është madhësia e tekstit të paracaktuar të një faqeje interneti (dhe madhësitë e tekstit mund të ndryshojnë për shkak të cilësimeve të shfletuesit dhe platformës kompjuterike), çdo tekst i formatuar me një

etiketa është gjithmonë më e madhe se teksti i formatuar me

.

Besimi popullor është se shumë motorë kërkimi u japin përparësi fjalëve kyçe në tekst të formatuar me një

etiketë sepse teksti më i rëndësishëm në një faqe përgjithësisht përfshihet në titullin e madhësisë më të madhe. Në mënyrë të ngjashme, ekspertët e motorëve të kërkimit do t'ju thonë se duhet të përdorni

etiketoni vetëm një herë për faqe.

Për të formatuar tekstin me një etiketë titulli, ndiqni këto hapa:

Theksoni tekstin që dëshironi të formatoni.

Në inspektorin e pronës, në fund të hapësirës së punës, sigurohuni që të jetë zgjedhur butoni HTML në anën e majtë të inspektorit.

Përdorni listën rënëse Format për të zgjedhur një opsion titulli.

Kur aplikohen etiketat e titullit, teksti ndryshon automatikisht për t'u bërë i madh dhe i guximshëm në pamjen "Dizajn".

Kredia: Foto nga Casey Stoll

Në përgjithësi, inspektori i pronës është mënyra më e lehtë për të aplikuar formatimin bazë, por mund t'i gjeni këto opsione të formatimit HTML gjithashtu duke zgjedhur Format→ Formati i Paragrafit dhe më pas duke zgjedhur një opsion titulli nga nënmenyja që shfaqet.

Si të shtoni paragrafë dhe ndërprerje rreshtash në Dreamweaver

Kur krijoni dizajne faqesh për ueb, duhet të punoni brenda shumë kufizimeve që mund të duken konfuze në fillim. Dizajni i uebit dhe dizajni i printimit janë thelbësisht të ndryshëm dhe kjo mund t'i bëjë edhe detyrat në dukje të thjeshta më të komplikuara nga sa mund të prisni. Mënyra se si krijoni ndarjet e paragrafëve dhe rreshtave është një shembull i mirë.

Nëse jeni duke punuar në pamjen Design në Dreamweaver dhe shtypni tastin Enter (Windows) ose tastin Return (Mac), Dreamweaver fut një etiketë paragrafi, ose

, në kodin, i cili krijon një ndërprerje rreshti të ndjekur nga një rresht bosh.

Nëse dëshironi një ndërprerje rreshti pa vijën shtesë bosh, mbani të shtypur tastin Shift ndërsa shtypni Enter (ose Return) për t'i thënë Dreamweaver që të fusë
etiketën në kod, duke krijuar një ndërprerje të vetme rreshti.

Praktika më e mirë është të shmangni përdorimin e etiketave të shumëfishta paragrafësh ose ndërprerjesh për të krijuar hapësirë ​​shtesë në një faqe ueb (dhe jo të gjithë shfletuesit do ta ruajnë hapësirën boshe nëse e krijoni në këtë mënyrë). Nëse dëshironi të shtoni shumë hapësirë ​​midis paragrafëve ose elementëve të tjerë në një faqe, alternativa juaj më e mirë është të përdorni CSS.

Nëse jeni duke punuar në pamjen e kodit dhe shtoni hapësirë ​​duke përdorur tastin Enter ose Return, ju shtoni hapësirë ​​boshe brenda kodit. Hapësira shtesë në kodin HTML mund të jetë e dobishme sepse hapësira shtesë mund ta bëjë kodin më të lehtë për t'u lexuar, por në përgjithësi, kjo nuk ndikon në mënyrën se si shfaqet një faqe në pamjen e dizajnit ose në një shfletues ueb.