Çawa Nivîsara Wê Peldanka Wêne

Li rûpelek her kes binêrin û hûn ê hevpeymaniya naveroka nivîskî û wêneyê bibînin. Her du hêmanên di serkeftina malpera bingehîn de ne. Naveroka nivîsê ye ku kîjan mêvanên malperê wê bixwînin û kîjan pîşesaziyên lêgerîn dê wek beşek ji algorithmên xwe yên rêjeya bikar bînin bikar bînin . Wêneyên dê ji bo malpera vîzyonê zêde bikin û malpera teksta teknolojî alîkarî bike.

Dîrok û wêneyan ji bo malperên ku hêsan e hêsan e. Nivîsara HTML-ê HTML-like, paragrafan, sernav û lîsteyên standard-ê li ser rûpelê bi elementek ve girêdayî ye. Dema ku hûn rûpelek ji malpera xwe re gotiye, lê dibe ku hûn bixwazin bila wêneyê bêtir wêneyê bin, lê ji bilî vê binirxîne (ku bi awayekî veguherînek veguherînek wêneyê bi HTML-ê di browserê de dê pêşkêş dikin). Teknolojî, du awayên ku hûn dikarin vê çavan bigihînin, an jî bi karanîna CSS (pêşniyar kirin) an jî bi riya dîmenên vîdyoyek rasterast bi rasterast HTML zêde bike (ne pêşniyar kirin, ji ber ku hûn dixwazin ku ji bo veguhestina şêweya stenbol û avahiyê ji bona malpera we re biparêze).

Bikaranîna CSS

Riya rast e ku rêberê rêveçûna tekstê pirtûk û wêneyên veguhastinê û çawa çawa şêwazê gerokên di browserê de xuya dike, bi CSS re ye . Tenê bîra xwe, ji ber ku em li ser rûpelê veguherîna vîdyoyî (li ser dorpêçê dûr a wêneyê çêtirîn dike) biaxivin, ew wateya wateya ew e ku navnîşa pirtûka cascading Sheets.

1. Pêşîn, wêneyê xwe ji bo rûpelê malpera xwe bike. Ji bîr bîne ku ji hêla HTML-ê ve nirxên dîtir yên taybet (wekî nirxên dirêjahî û bilindtirîn). Ev girîng e, bi taybetî ji bo malpera berpirsiyariya ku jimareya wêneyê dê dê li ser gerdûnî cuda ye. Hin software, wekî wekî Adobe Dreamweaver, dê agahdariya çarçoveya û bilindtir bi wêneyên ku bi vê toolbarê têne ve girêdayî dibin, da ku hûn agahdariya vê HTML-ê bişînin! Bi rastî, hebin, lê belê, ku ji bo nivîsa alt a hebe . Li vir nimûne ye ku çawa kodê HTMLê dikare bibîne:
2. Ji bo armancên stîl, hûn dikarin kategoriyek bi wêneyek zêde bikin. Ev nirxa çîn e ku em ê di pelê CSS de bikar bînin. Têbînî ku hebûna ku em li vir bikar tîne, bi awayekî xwezayî ye, her çiqas, ji bo vê taybetmendiyê, em nirxên "çep" an "rast" bikar tînin, li ser awayê ku em dixwazin wêneyê xwe binivîsin. Em ê syntaxek hêsantir dibînin ku baş baş dixebite û ji bo kesên ku di pêşerojê de fêm bikin malpera xwe hêsantir be, lê hûn dikarin heqê ku hûn dixwazin dixwazin.
   2. Bi xwe, nirxa vê çûnê dê tiştek tiştek nekin. Wêne dê bixweberê bixweberê çepê ya nivîsê nabe. Ji bo vê yekê, em hewce ne ku pelê CSS-ê veguherînin.

1. Di çarçoveya we de, hûn dikarin niha şêwazê jêrîn zêde bikin:
   1. .left {
   2. float: çep;
   3. padding: 0 20px 20px 0;
   4. }
   5. Çi we li vir çêbûye, ew xaniyê "float" tê bikaranîn , ku dê pelê ji belgeya normal ya veguherî bike (bi awayekî ku wêneyê bi normal ve tê nîşandan, bi bi binê nivîsê ve girêdayî ye) û ew ê li milê çepê ya wê . Nivîsa ku piştî wê di nav HTML-markupê de pêk tê, li dora wê dorpêç kir. Me jî nirxên hûrgelan zêde kir da ku ev gotar ne tenê li hemberî wêneyê. Di şûna wê de, wê hebek hûrgelek baş heye ku dê di designa pirtûkê de dê balkêş e. Di çarçoveya pirtûkê de ji hêla CSS-ê ve girêdayî ye, em nirxên 0 heta top û çepê wêneyê wêneyê, û 20 pixel wê çep û jêrîn. Ya bîr bînin, hûn hewce ne ku ji aliyekî alîgirên rastê yê çepgir a çepê zêde bikin. Mafê rastê ya wêneyê ((ku em ê di demekê de binêrin) dê pêdiviya wê li milê çepê bisekine.
2. Heke hûn malpera xwe li geroktê bibînin, hûn niha bibînin ku wêneyê ala çepê ya rûpelê û nivîsê bi dora wê ve girêdayî ye. Riyeke din jî ev bêjin ku ew wêneyê "çepê çepê" ye.

1. Heke hûn dixwest ku ev wêneyê biguherînin ku bi rastê re (wek mînak di wêneyê wêneyê de bi vê gotarê re peyda bikin) be, ew ê hêsan e. Ya yekem, divê hûn bisekinin ku, li gorî şêweyê em tenê ji bo nirxa çandî ya "çepgir" ya CSS-ê zêde kirine, em jî yek ji bo rast-alignê heye. Ew dixwaze vê yekê bibînin:
   1. .right {
   2. float: right;
   3. padding: 0 0 20px 20px;
   4. }
   5. Hûn dikarin bibînin ku ev nêzîkî cesara yekemîn e ku we nivîsî ye. Tenê ferq e ku ew e ku em ji bo malpera "float" tê bikaranîn û nirxên giran ên ku em bikar tînin bikar bîne (hin ji hêla çepê yê ya wêneyê rastê ve digotin).
2. Di dawiyê de, hûn ê ji hêla HTML-ê ve ji "çep" re "rast"
3. Di rûpelê gerokê de niha va ye û wêneyê te divê bi riya bi nivîskî neatly li ser dorpêçê ve girêdayî ye. Em hemî van şêwazan, "çepê" û "rast" ji bo hemî şêweyên me ya ku ji me re pêdivî ye ku em hewceyên van vîdyoyan bikar bînin bikar bînin. Ev du şêweyên xweş çêbibin, taybetmendiyên reşeker ên ku em hewceyê ku em hewceyê wêneyên şêwirdariyê bi dorpêçê wan re li dora wan veguherînin.

Bikaranîna HTML-ê ya CSS (û Çawa Tu Çima Daxistin)

Tevî ku ev gengaz e ku li ser HTML-ê wêneyê bixwîne, HTML-standardên îdeolojî dike ku CSS (û gavên jorîn pêşniyaz kirin) rêyek e ku rêve dibe ku em dikarin ji hev veguhertina avahiyê (HTML) û şêwazê (CSS). Vê girîng e ku gava ku hûn vê yekê bifikirin, ji bo hin amûr û xiftan, ku nivîskî ne hewce ne hewce dike ku li dora wêneyê dor bikin. Ji bo klavyoyên piçûk, çêkirina malpera berpirsiyariya ku dibe ku bi awayekî wêneyê jêrîn li ser wêneyê binivîse û wêneyê tevahiya çarçoveya screeneyê dûr dike. Ev bi hêsanî bi pirsên medyayê re çêbûye heger hûn şêweyên ji hêla HTML-ê ve cuda ne. Di cîhana piraniya cîhanî de, ku wêneyan û nivîsê ji bo mêvanên cuda û li ser vîdyayên cûda cuda dibe, ev dabeşbûn ji bo serkeftina serkeftî û rêveberiya malpera girîng a girîng e.