Ahoana ny fametrahana ny lahatsoratra amin'ny sary

Jereo ny pejin-tranonkala iray ary ho hitanao ny votoatiny sy ny sary mifangaro. Ireo singa roa ireo dia singa ilaina amin'ny fahombiazan'ny tranonkala iray. Ny votoaty an-tsoratra dia ny hoe inona no hamakian'ny mpitsidika ary inona ny motera fikarohana dia hampiasaina amin'ny ampahany amin'ny algorithm. Ny sary dia hanampy ny tombotsoan'ny vohikala amin'ny vohikala ary manampy amin'ny fanamafisana ny votoatin'ny lahatsoratra.

Ny fampidirana lahatsoratra sy sary amin'ny tranokala dia mora. Ny lahatsoratra dia nampiana tamin'ny marika HTML ho an'ny paragrafy, lohateny, ary lisitra, fa ny sary dia napetraka eo amin'ny pejy miaraka amin'ny singa . Raha vao nampidirinao sary ao amin'ny pejin'ny tranonkala ianao, dia azonao atao ihany koa ny te-hanana ny lahatsoratra mifanaraka amin'ilay sary, fa tsy mampifanaraka azy io (izay endri-dàlana iray dia ny sary iray ampiasaina amin'ny code HTML dia hivoaka ao anaty navigateur). Amin'ny lafiny ara-teknika, misy fomba roa ahafahanao manatratra izany fijery izany, amin'ny alalan'ny fampiasana CSS (recommended) na amin'ny fampidirana ireo torolàlana amin'ny sary mivantana ao amin'ny HTML (tsy voatery, satria tianao ny hitazona ny fisoratana sy ny rafitra ho an'ny tranonkalanao).

Mampiasa CSS

Ny fomba tsara hanovana ny fomba amam-pandinihan'ny lahatsoratra sy ny sary ary ny fomba fijerin'ny sary amin'ny tranokala dia miaraka amin'ny CSS . Tsarovy fotsiny, satria miresaka momba ny fanovana hita ao amin'ny pejinao (manamboatra sary eo amin'ny sary iray), midika izany fa ny sehatry ny Cascading Style Sheets.

1. Voalohany, ampio ny sarinao amin'ny pejin-tranonkalanao. Tsarovy ny hanaisotra ireo toetra hita maso (toy ny habe sy ny haavony avo indrindra) avy amin'io HTML io. Zava-dehibe izany, indrindra ho an'ny tranonkala mitaky ny habetsahan'ny sary mifototra amin'ny browser. Ny rindrambaiko sasany, toy ny Adobe Dreamweaver, dia hampiditra malalaka ny haavony sy ny fampahalalana momba ny haavon'ny sary izay ampidirina amin'io fitaovana io, noho izany, aoka ho azo antoka ny fanesorana an'ity vaovao ity ao amin'ny code HTML! Aza hadinoina anefa ny hampiditra lahatsoratra amin'ny alàta . Ity misy ohatra iray momba ny fomba fijery HTML anao:
2. Ho an'ny tanjon'ny styliste, azonao atao ihany koa ny manampy ny kilasy amin'ny sary iray. Ity hasina ity dia ny hampiasaintsika ao amin'ny rakitra CSS. Mariho fa ny sandany ampiasaintsika eto dia tsy ara-dalàna, na izany aza, noho io fomba manokana io, dia mampiasa ny soatoavin'ny "havia" na "marina" isika, miankina amin'ny fomba tiantsika hampifanaraka ny saintsika. Tsapanay io sento tsotra io mba hiasa tsara ary ho mora ho an'ny hafa izay mety hitantana tranokala amin'ny ho avy mba hahatakatra, saingy azonao omena izany lanjany izany ny sarany asaina tianao.
   2. Amin'ny tenany, tsy misy na inona na inona ny lanjany. Ny sary dia tsy hipoitra miankavia miankavia. Noho izany dia mila miverina amin'ny rakitra CSS isika izao.

1. Ao amin'ny stylestyle, azonao atao izao ny manampy ity fomba manaraka ity:
   1. .left {
   2. float: havia;
   3. padding: 0 20px 20px 0;
   4. }
   5. Ny zavatra nataonao teto dia ny fampiasana ny "float" CSS , izay hampiakatra ny sary avy amin'ny fizotry ny horonan-tsarimihetsika (ny fomba itondran'ity sary ity amin'ny ankapobeny, miaraka amin'ny fehintsoratra mifanaraka aminy) ary hampifanaraka izany eo amin'ny ilany havia . Ny endri-tsoratra manaraka aorian'izany ao amin'ny marika HTML dia mihodina manodidina azy izao. Nanampy sanda maromaro ihany koa izahay mba tsy hanakaiky an'ilay sary fotsiny ity lahatsoratra ity. Ho solon'izany dia hanana toerana tsara tsara izy io izay ho tsara tarehy amin'ny endriky ny pejy. Ao amin'ny tsanganana CSS ho an'ny fametahana, dia nampiditra sanda 0 ho eo amin'ny tampony sy ny ilany havia ny sary, ary 20 pixels eo ankaviany sy ambany. Tadidio fa mila ampidirinao ny lafiny havanana amin'ny sary havia havia ianao. Ny sary mifangaro ankavanana (izay hojerentsika ao anatin'ny fotoana fohy) dia mety misy pentina ampiasaina eo amin'ny ilany havia.
2. Raha mijery ny tranonkalanao amin'ny tranokala iray ianao dia tokony ho hitanao fa mifanitsy amin'ny pejy ankavia ny sary ary ny lahatsoratra dia mihodina manodidina azy. Fomba iray hafa hilazana fa ity sary ity dia "nidina haingana".

1. Raha te-hanova ity sary ity ianao mba hialana amin'ny ankavanana (toy ny ohatra amin'ny sary miaraka amin'ity lahatsoratra ity) dia tsotra. Voalohany, tokony ho azonao antoka fa, ankoatra ny fomba nampidirintsika ho an'ny CSS ho an'ny lanjan'ny kilasin'ny "havia", dia manana iray ihany koa isika ho an'ny fanilikilihana havanana. Toy izao izany:
   1. .right {
   2. float: right;
   3. padding: 0 0 20px 20px;
   4. }
   5. Hitanao fa mitovy amin'ny CSS voalohany nosoratantsika izany. Ny fahasamihafana ihany dia ny lanja ampiasaintsika amin'ny fananana "float" ary ny soatoavina padova ampiasaintsika (ampidiro eo amin'ny ilany havia amin'ny sary raha tokony ho ny zo).
2. Farany, afaka manova ny sandan'ny sarin'ny sarin'ny "havia" ho "marina" ianao ao amin'ny HTML anao:
3. Jereo ny pejin-tranonao amin'izao fotoana izao ary ny sarinao dia tokony havaozina eo ankavanana miaraka amin'ny lahatsoratra mifamatotra manodidina azy. Miezaka ny mampiaraka ireo fomba roa ireo isika, "havia" ary "marina" amin'ny endri-piraketana rehetra mba hahafahantsika mampiasa ireo endrika sary ireo araka izay ilaina rehefa mamorona pejy Internet. Ireo fomba roa ireo dia lasa tsara tarehy, azo ampiasaina amin'ny fomba hafa izay ahafahantsika mitodika any amin'ny fotoana rehetra ilaintsika hanamboarana sary misy lahatsoratra mifamadika manodidina azy ireo.

Mampiasa HTML Ankoatry ny CSS (ary nahoana ianao no tsy tokony hanao izany)

Na dia azo atao aza ny mamadika ny lahatsoratra manodidina ny sary miaraka amin'ny HTML, ny fitsipi-tranonkala dia milaza fa ny CSS (sy ireo dingana voalaza etsy ambony) dia fomba handehanana mba hahafahantsika misoroka ny rafitra (HTML) sy ny fomba (CSS). Tena zava-dehibe tokoa izany rehefa heverinao fa tsy mila mikoriana manodidina ilay sary, amin'ny fitaovana sy layout sasany. Ho an'ny rindrankajy kely kokoa, ny fametrahana ny tranonkalan'ny valiny dia mety mitaky fa ny andininy dia mampifanaraka marina ny sary ary ny sary dia mamelatra ny haben'ny efijery. Ity dia mora atao amin'ny fangatahan'ireo media raha toa ka tsy misaraka amin'ny marika HTML anao ny styles. Ao amin'ny tontolon'ny tontolon'ny andro ankehitriny, izay hiseho amin'ny endrika samihafa ny sary sy ny lahatsoratra ho an'ny mpitsidika isan-karazany, ny fisarahana dia ilaina amin'ny fahombiazan'ny fahombiazana sy ny fitantanana ny tranonkala iray.