Faʻapefea ona Faʻasolo le Ata i se Ata

Vaavaai i soʻo se 'upega tafaʻilagi ma o le a e vaʻavaʻai i se tuufaatasiga o tusiga o tusitusiga ma faʻataʻitaʻiga O elemene nei uma e lua e taua i le manuia o se upega tafaʻilagi. O le anotusi o mea o le a faitau e tagata asiasi i le 'eleʻele ma oa mea e faʻaaogaina e avea o se vaega o le latou algorithms. O ata o le a faʻaopopo ai le fiafia i luga o le 'upega tafaʻilagi ma fesoasoani e faʻamaonia le anotusi o mea.

Faʻaopoopoina faʻamatalaga ma ata i luga o uepisaite e faigofie. E faaopoopo faʻauʻu i luga o faʻataʻitaʻiga HTML faʻamaonia e pei o parakalafa, ulutala, ma lisi, ae o ata o loʻo tuʻuina i luga o le itulau ma le elemene. I le taimi lava e te faaopoopoina ai se ata i lau itulau web, peitaʻi, atonu e te manao e tafe le gaioiga i tafatafa o le ata, nai lo le fetaui i lalo (o le auala le faʻaaogaina o se ata ua faaopoopo i le numera HTML o le a faia i le masini). I le tulaga faʻapitoa, e lua auala e mafai ona e ausia ai lenei foliga, e ala i le faʻaaogaina o le CSS (fautuaina) poʻo le faʻaopoopoina o faʻamatalaga ata i totonu o le HTML (e le fautuaina, talu ai e te manaʻo e tausia le vavae ese o le sitaili ma le fausaga mo lau 'upega tafaʻilagi).

Faʻaaoga CSS

O le auala sao e sui ai le auala o le itulau o le itulau ma ata faʻatusa ma pe oa foliga o latou foliga vaaia i totonu o le masini ma CSS . Faʻamanatu, talu ai o loʻo matou talanoa e uiga i se suiga vaaia i luga o le itulau (faia o tusitusiga e taamilo i se ata), o lona uiga o le vaega lea o Faʻasalalauga Faʻataʻavale.

1. Muamua, faaopoopo lau ata i lau itulau webpage. Manatua e vavae ese soʻo se vaaiga vaaia (e pei o le lautele ma maualuga maualuga) mai lena HTML. E taua lenei mea, aemaise lava mo se upega tafaʻilagi e tali mai ai le tele o le ata o le a eseese e faʻavae i luga ole masini. O nisi polokalama faʻapitoa, e pei o Adobe Dreamweaver, o le a faʻaopopoina le lautele ma le maualuga o faʻamatalaga i ata o loʻo tuʻuina atu i lena mea faigaluega, ia mautinoa ia aveese lenei faʻamatalaga mai le code HTML! Ae ia mautinoa, e ui i lea, ia aofia ai le fetalaiga talafeagai . O se faʻataʻitaʻiga lenei o le auala e ono foliga ai lau code HTML:
2. Mo le fuafuaina o fuafuaga, e mafai foi ona e faaopoopoina se vasega i se ata. O lenei vasega taua o le a tatou faʻaaogaina i la tatou faila CSS. Manatua o le tau aoga tatou te faʻaaogaina iinei e faʻatulagaina, e ui lava, mo lenei lava tulaga patino, tatou te taumafai e faʻaaoga le taua o le "tauagavale" poʻo le "saʻo", e fuafua i le auala tatou te mananao ai ia faʻatusa la tatou ata. Matou te iloa o lena faigofie faigofie e galue lelei ma faigofie mo isi oe atonu e puleaina se nofoaga i le lumanaʻi ia malamalama, ae e mafai ona e tuʻuina atu i ai soʻo se vasega e te manaʻo ai.
   2. O le mea lava ia, o lenei vasega aoga o le a le faia se mea. O le ata o le a le otometi ona fetaui i le itu tauagavale o le tusitusiga. Mo lenei mea, ua tatau nei ona tatou liliu atu i la tatou faila CSS.

1. I lau sitaili, e mafai ona e faʻaopopo i ai le auala lenei:
   1. .taumatau {
   2. fetolofi: tauagavale;
   3. taʻavale: 0 20px 20px 0;
   4. }
   5. O le mea na e faia iinei o loʻo faʻaaoga ai le CSS "float" meatotino , lea o le a tosoina ai le ata mai le masani o le lolomiina o pepa (o le auala o le a faaalia ai le ata, faatasi ai ma le tusiga o loʻo faapipii i lalo) ma o le a faʻaogaina i le itu tauagavale o lona fagu . O le faʻamatalaga e mulimuli mai i le faʻamalama HTML ma o lea ua afifi ai. Na matou faaopoopoina foi nisi o mea e teu ai ina ia le mafai ai e lenei tusitusiga ona tuusao saʻo i le ata. Nai lo lena, o le ai ai se avanoa vaʻai matagofie o le a matagofie i le mamanu o le itulau. I le CSS shorthand mo le taʻavale, matou te faaopoopoina 0 tau i le pito i luga ma le itu tauagavale o le ata, ma 20 pika i lona agavale ma lalo. Manatua, e tatau ona e faʻaopopo nisi mea e puipui ai le itu taumatau o le ata agavale agavale. O se ata talafeagai saʻo (lea o le a tatou tilotilo i ai i sina taimi) o le a faʻaaogaina le paʻu i lona itu tauagavale.
2. Afai e te vaʻai i lau 'upega tafaʻilagi i totonu o se masini komepiuta, e tatau ona e vaʻaia nei o lau ata e ogatasi i le itu tauagavale o le itulau ma o le tusiga o loʻo afifi lelei ai. O le isi auala e fai atu ai o lenei ata o le "felelei i le tauagavale".

1. Afai e te manaʻo e suia lenei ata ina ia fetaui ma le mea sao (pei o le ata faʻataʻitaʻiga eo mai ma lenei tusiga), o le a faigofie. Muamua, e tatau ona e mautinoa, e faaopoopo atu i le faiga na matou faatoa faaopoopo i la matou CSS mo le taua o le vasega o le "tauagavale", e iai foi le tasi mo le saʻo. E foliga faapenei:
   1. .tauagavale {
   2. fetolofi: saʻo;
   3. taʻavale: 0 0 20px 20px;
   4. }
   5. E mafai ona e vaʻaia e toetoe a tutusa ma le CSS muamua na matou tusiaina. Pau lava le eseesega o le tau aoga tatou te faʻaaogaina mo le "float" meatotino ma le maualuga o le tau e faʻaaogaina (faʻaopoopo nisi i le itu tauagavale o la tatou ata nai lo le saʻo).
2. Ma le mea mulimuli, oe suia le taua o le vasega o le ata mai le "agavale" i le "saʻo" i lau HTML:
3. Vaavaai i lau itulau i le browser i le taimi nei ma o lau ata e tatau ona fetaui i le taumatau ma le tusiga faʻataʻatia lelei. Matou te taumafai e faʻaopoopo uma nei sitaili nei, "tauagavale" ma le "saʻo" io matou sitaili uma ina ia mafai ai ona matou faʻaogaina nei ata vaaia e pei ona manaʻomia aʻo matou fatuina itulau o laupepa. O nei sitaili e lua e avea ma mea manaia, o mea faʻaaogaina e mafai ona tatou liliu atu i soo se taimi tatou te manaʻomia ai le faʻatinoina o ata ma le faʻataʻatiaina o ni mea.

Faʻaaogaina o le HTML Nai lo le CSS (ma pe aisea e tatau ai ona e faia lenei mea)

E ui lava e mafai ona afifiina ni tusitusiga i luga o se ata ma le HTML, o faʻamaumauga a le 'upega tafaʻilagi o le CSS (ma laasaga o loʻo faʻaalia i luga) o le auala e alu ai ina ia mafai ai ona tatou vavaeeseina le fausaga (HTML) ma le style (CSS). E taua tele lenei mea pe a e mafaufau i lena mea, mo nisi masini ma faʻatulagaga, atonu e le manaʻomia ona taʻavale le tusitusiga i le ata. Mo tamai laititi, o se laupepa a le upega tafaʻilagi o loʻo tali mai e ono manaʻomia ai le fetaui tonu o le tusitusiga i lalo ifo o le ata ma o le ata e oʻo atu i le lautele o le lau. E faigofie lava ona faia i fesili o le aufaasālalau pe afai o ese ou sitaili mai lau laupepa HTML. I le lalolagi tele-telefoni i le taimi nei, o ata ma tusitusiga e ese le eseesega mo tagata asiasi eseese ma luga o ese ese, o lenei vavaeesega e taua mo le manuia ma le umi o le pulega o se itulau.