Reklāma

CSS veidnesEs jau kādu laiku strādāju tīmeklī, un man faktiski ir vieglāk rakstīt katru dokumentu HTML formātā, nevis DOC vai TXT. Ja izmantojat Google dokumentus, jūs faktiski darāt to pašu, jo Google dokumenti (par laimi) būtībā ir kļuvis par WYSIWYG HTML redaktoru. Dažu dokumentu veidņu izveide, izmantojot HTML un CSS, ir ļoti vienkārša, to var izdarīt ikviens, un, ja darīsit to pareizi, tas visiem izskatīsies vienādi.

Kāpēc izmantot HTML?

Mans lielākais iemesls, kāpēc es izmantoju tikai HTML un CSS dokumentus, ir tas, ka tas, iespējams, ir visvairāk saderīgs formāts pārlūkprogrammās un operētājsistēmās, izņemot PDF formātu, kas ir ļoti grūti un/vai dārgi izpildāms labi. Microsoft Office lietošana arī nav tā labākā. Es izmantoju Office 2007, kas izmanto daudz papildu līdzekļu, ko neatbalsta iepriekšējās versijas, tāpēc kvalitāte var tikt pazemināta. Kas zina, kā šie dokumenti izskatīsies, piemēram, Open Office? Ja izveidojat HTML dokumentu, kas pārlūkprogrammās Internet Explorer un Firefox izskatās tieši tāds pats dokuments, ko var atvērt Mac, Linux un Windows lietotāji, un tas izskatīsies vienādi 99% no pārlūkprogrammas.

instagram viewer

Kas ir CSS un HTML?

Ja esat iesācējs šajā HTML un CSS kodēšanas jomā, neuztraucieties. Tas ir ļoti vienkārši, un tīmeklī varat atrast daudz resursu, kas jums palīdzēs. HTML un CSS kods veido lielāko daļu no šajā lapā redzamā satura, HTML nosaka saturu, savukārt CSS nosaka stilu vai satura pasniegšanas veidu.

Kā es varu izveidot veidni?

CSS stila piemērs

Nu, jums būs nedaudz jāpapēta kods. Par laimi, HTML un CSS ir ļoti viegli saprotami. Piemēram, lai objektam piešķirtu apmali, vienkārši ierakstiet

apmale: 1 px melna cieta krāsa

. Tas izveidos 1 pikseļu platu melnu viengabalainu apmali. Ir daudz formatēšanas iespēju, kuras varat meklēt un izmantot. Mans ieteikums ir vizualizēt to, ko vēlaties, un pēc tam nedaudz meklēt, lai atrastu, kā to izdarīt. Visvienkāršākā veidne būtu tukšs HTML fails, skatiet tālāk.



<p><em>Šeit tiek ievietots lapas nosaukums</em></p> <p></p>


Jūsu lapas saturs tiek rādīts šeit.


Pēc tam varat to visu aizpildīt ar saturu un stilu, lai izveidotu dokumentu. Paskaties uz 1. piemērs, 2. piemērs un 3. piemērs ES uztaisīju. Paturiet prātā, ka kods pamattekstā, saturs ir tieši tāds pats, es tikai mainu css kodu. Tas parāda, ka varat izmantot stilu, lai ātri izveidotu dažādus izskatus.

Kāpēc tas ir tik lieliski?

Iemesls tam ir tik satriecošs, ka varat izveidot sev pielāgotus stilus, kas var kļūt par jūsu dokumentu “preču zīmi”. Varat izgriezt un ielīmēt CSS kodu un vienkārši domāt par saturu, kad tas ir pabeigts. Varat arī izveidot saiti stila lapā, tāpēc, ja dokumentus glabājat tiešsaistē, jums nav jāiekļauj CSS failā. Tas nozīmē, ka varat saistīt dažādas stila lapas dažādiem gadījumiem, un jums nav visu laiku jāmaina dokuments.

CSS nodrošina arī ātrāku dokumentu rediģēšanu stila ziņā. Es dodu priekšroku tam, lai mani dokumenti izskatītos labi, jo tā es vienkārši jūtos labāk, un, izmantojot CSS, formatēšanas process kļūst daudz mazāks slogs. Kad norādāt virsraksta stilu, tas tiks lietots visiem šī veida virsrakstiem. Tas nozīmē, ka jums nav atsevišķi jāmaina virsraksta fona krāsa, fonta krāsa, treknraksts un pasvītrojums, tas ir jānorāda vienreiz.

Turklāt, tā kā pakalpojumam Google dokumenti tagad ir pilns CSS atbalsts, varat vienkārši kopēt un ielīmēt savu stila kodu dokumentos un mainiet savu dokumentu izskatu, neformatējot katru virsrakstu ar a laiks.

Kur es varu uzzināt vairāk?

Kā jau teicu, CSS ir vienkāršs rīks, taču tam ir nepieciešamas dažas pamatzināšanas. HTML ir līdzīgi loģisks un viegli apgūstams, iesaku W3Cschools viņiem abiem. Es tur uzzināju daudz no tā, ko šodien zinu. Pamatvajadzībām tā ir viena no labākajām vietnēm tīklā. W3C arī izstrādā tīmekļa standartus, lai jūs varētu būt pārliecināti, ka viss, ko viņi raksta savā lapā, darbojas.

Vēl viena lapa, no kuras es mēdzu daudz mācīties, bija Jūsu HTML avots. Šajā lapā ir ietverts HTML un CSS, kā arī daži uzlaboti padomi par kodēšanu, reklamēšanu, pieejamību un vispārēji, kā izveidot labu vietni. Tomēr tam ir lieliska CSS palīdzība, noteikti ir vērts to apmeklēt.

Visbeidzot, varat apskatīt dažus saistītos emuārus un rakstus, piemēram, šo lielisko kopsavilkumu būtiskas CSS metodes un 53 paņēmieni, bez kuriem nevari dzīvot.