01 sa 07
Ibutang ang Imong mga File sa Bag-ong Folder
Ang Windows Notepad usa ka sukaranang programa sa pagproseso sa pulong nga imong magamit aron isulat ang imong mga panid sa web. Ang mga panid sa web mao lang ang teksto ug mahimo nimong gamiton ang bisan unsang pulong sa pagproseso sa pagsulat sa imong HTML. Kini nga panudlo nagsubay kanimo sa proseso.
Ang unang butang nga buhaton sa paghimo sa usa ka bag-ong website sa Notepad mao ang paghimo sa usa ka lain nga folder aron sa pagtipig niini. Kasagaran, imong gitipigan ang imong mga web page sa usa ka folder nga gitawag HTML sa folder nga "My Documents", apan mahimo nimo kini tipigan kung asa nimo gusto.
- Ablihi ang bintana sa My Documents
- I-klik ang File > New > Folder
- Ngalan ang panid my_website
Importante nga pahibalo: Ngalan ang mga folder sa web ug mga file gamit ang tanang mga letra nga mga letra ug walay bisan unsang mga espasyo o bantas. Samtang ang Windows nagtugot kanimo sa paggamit sa mga luna, daghang mga web hosting providers ang dili, ug imong maluwas ang imong kaugalingon sa pipila ka panahon ug kagul-anan kon imong ginganlan ang mga file ug mga folder sa tukmang paagi gikan sa sinugdanan.
02 sa 07
Tipigi ang Panid ingon nga HTML
Ang unang butang nga imong buhaton sa dihang nagsulat sa usa ka web page sa Notepad mao ang pagluwas sa panid ingon HTML. Kini makaluwas kanimo sa panahon ug kagubot sa ulahi.
Sama sa pangalan sa direktoryo, kanunay gamiton ang tanan nga mga letra nga mga letra ug walay mga espasyo o espesyal nga mga karakter sa filename.
- Sa Notepad, i-klik ang File ug dayon Save As.
- Pagdala ngadto sa polder diin imong gitipigan ang imong mga file sa website.
- Usba ang drop-down menu sa Save As Type sa All Files (*. *).
- Ngalan ang file. Gigamit niini nga tutorial ang mga pets.htm.
03 of 07
Pagsugod Pagsulat sa Web Page
Ang unang butang nga kinahanglan imong isulat sa imong Notepad HTML document mao ang DOCTYPE. Kini nagsulti sa mga browsers kon unsang klase nga HTML ang madahom. Kini nga panudlo naggamit sa HTML5.
Ang deklarasyon sa dokyumento dili usa ka tag. Kini nagsulti sa computer nga usa ka dokumento sa HTML5 ang nagaabot. Kini moadto sa ibabaw sa matag pahina sa HTML5 ug kini nagkinahanglan niini nga porma:
Sa higayon nga ikaw adunay DOCTYPE, mahimo ka magsugod sa imong HTML. Isulat ang sinugdanan
tag ug tag sa tag ug ibilin ang pipila ka luna alang sa sulod sa lawas sa imong web page. Ang imong notepad nga dokumento kinahanglan nga ingon niini:
04 sa 07
Paghimo og Ulo sa Imong Web Page
Ang ulo sa usa ka HTML nga dokumento mao ang diin ang mga basahon nga impormasyon mahitungod sa imong web page gitipigan-mga butang sama sa titulo sa pahina ug posibleng meta tag alang sa pag-optimize sa search engine. Sa paghimo sa usa ka seksiyon sa ulo, idugang ang
mga tag sa imong Notepad HTML text nga dokumento tali sa mga tagsa.
GgSama sa
tag, ibilin ang pipila ka luna sa tunga nila aron ikaw adunay kwarto aron idugang ang impormasyon sa ulo.
05 sa 07
Pagdugang og Title sa Pahina sa Ulo sa Seksyon
Ang titulo sa imong web page mao ang teksto nga nagpakita sa bintana sa browser. Kini usab ang nasulat sa mga bookmark ug paborito kung adunay usa nga makaluwas sa imong site. Tipigi ang titulo nga ulohan tali sa
mga tag gamit. Dili kini makita sa web page mismo, lamang sa ibabaw sa browser.
Kining pananglitan nga pahina giulohan og "McKinley, Shasta, ug ubang mga Pets."
GgGg
McKinley, Shasta, ug ubang mga Pets
Dili igsapayan kung unsa ka dugay ang imong titulo o kung kini adunay daghang mga linya sa imong HTML, apan ang mas mubo nga mga titulo mas sayon nga basahon, ug ang pipila ka mga browser nagputol-putol sa mga window sa browser.
06 sa 07
Ang Main nga Lawas sa Imong Web Page
Ang lawas sa imong web page gitipigan sulod sa
tag. Dinhi imong gibutang ang teksto, mga ulohan, mga subheads, mga hulagway ug mga hulagway, mga link ug tanang uban pang mga sulod. Mahimo kini kutob sa imong gusto.
Ang sama nga format mahimo sundon aron isulat ang imong web page sa Notepad.
Ang imong ulo sa titulo moadto dinhi Ang tanan nga anaa sa web page moadto dinhi
07 of 07
Paghimo og usa ka Folder sa Imahe
Sa dili pa ikaw makadugang sa sulod sa imong lawas sa imong HTML nga dokumento, kinahanglan nimo nga ipahimutang ang imong mga direktoryo aron ikaw adunay usa ka folder alang sa mga larawan.
- Ablihi ang bintana sa My Documents .
- Usba sa my_website folder.
- I-klik ang File > New > Folder.
- Ngalan ang mga larawan sa folder.
Tipigi ang tanan nga imong mga larawan alang sa imong website sa mga hulagway sa mga larawan aron imong makita kini sa ulahi. Kini naghimo nga sayon nga i-upload kini kung kinahanglan nimo.