Gumawa ng Bagong Web Page Paggamit ng Notepad

01 ng 07

Ilagay ang iyong mga File sa isang Bagong Folder

Ang Windows Notepad ay isang pangunahing word processing program na maaari mong gamitin upang isulat ang iyong mga web page. Ang mga pahina ng web ay teksto lamang at maaari mong gamitin ang anumang programa sa pagpoproseso ng salita upang isulat ang iyong HTML. Pinapatnubayan ka ng tutorial na ito sa proseso.

Ang unang bagay na dapat gawin kapag lumilikha ng isang bagong website sa Notepad ay upang lumikha ng isang hiwalay na folder upang iimbak ito. Kadalasan, iniimbak mo ang iyong mga web page sa isang folder na tinatawag na HTML sa folder ng "Aking Mga Dokumento", ngunit maaari mong iimbak ang mga ito kung saan mo gusto.

1. Buksan ang window ng My Documents
2. I-click ang File > Bago > Folder
3. Pangalanan ang folder my_website

Mahalagang tala: Pangalanan ang mga folder at file ng web gamit ang lahat ng maliliit na titik at walang anumang mga puwang o bantas. Habang pinahihintulutan ka ng Windows na gumamit ka ng mga puwang, maraming mga web hosting provider ang hindi, at mai-save mo ang iyong sarili ng ilang oras at problema kung maayos mong pangalanan ang mga file at mga folder mula sa simula.

02 ng 07

I-save ang Pahina bilang HTML

Ang unang bagay na dapat mong gawin kapag nagsusulat ng isang web page sa Notepad ay i-save ang pahina bilang HTML. Ito ay nakakatipid sa iyo ng oras at problema sa ibang pagkakataon.

Tulad ng pangalan ng direktoryo, palaging gamitin ang lahat ng maliliit na titik at walang mga puwang o mga espesyal na character sa filename.

1. Sa Notepad, mag-click sa File at pagkatapos ay I- save Bilang.
2. Mag-navigate sa folder kung saan ikaw ay nagse-save ng mga file ng iyong website.
3. Baguhin ang drop-down na menu ng Save As Type sa Lahat ng Mga File (*. *).
4. Pangalanan ang file. Ang tutorial na ito ay gumagamit ng mga pets.htm.

03 ng 07

Simulan ang Pagsusulat sa Web Page

Ang unang bagay na dapat mong i-type sa iyong dokumento sa Notepad HTML ay ang DOCTYPE. Sinasabi nito sa mga browser kung anong uri ng HTML ang aasahan. Ang tutorial na ito ay gumagamit ng HTML5.

Ang dokumentong deklarasyon ay hindi tag. Sinasabi nito sa computer na dumarating ang isang dokumentong HTML5. Pumunta ito sa tuktok ng bawat pahina ng HTML5 at aabutin ang form na ito:

Sa sandaling mayroon ka ng DOCTYPE, maaari mong simulan ang iyong HTML. I-type ang parehong simula

tag at tag ng pagtatapos at mag-iwan ng ilang puwang para sa nilalaman ng iyong web page. Ang iyong Notepad na dokumento ay dapat magmukhang ganito:

04 ng 07

Gumawa ng Head para sa Iyong Web Page

Ang pinuno ng isang dokumento ng HTML ay kung saan naka-imbak ang pangunahing impormasyon tungkol sa iyong web page-mga bagay tulad ng pamagat ng pahina at posibleng mga meta tag para sa pag-optimize ng search engine. Upang lumikha ng seksyon ng ulo, idagdag ang

mga tag sa iyong dokumento sa HTML ng Notepad sa pagitan ng mga tag.

Gg

Tulad ng

mga tag, mag-iwan ng ilang puwang sa pagitan ng mga ito upang mayroon kang silid upang idagdag ang impormasyon ng ulo.

05 ng 07

Magdagdag ng Pamagat ng Pahina sa Seksyon ng Head

Ang pamagat ng iyong web page ay ang teksto na nagpapakita sa window ng browser. Ito rin ay kung ano ang nakasulat sa mga bookmark at mga paborito kapag may isang nagse-save sa iyong site. Itabi ang teksto ng pamagat sa pagitan ng

mga tag gamit ang mga tag. Hindi ito lilitaw sa web page mismo, lamang sa tuktok ng browser.

Ang pahina ng halimbawang ito ay pinamagatang "McKinley, Shasta, at Iba Pang Mga Alagang Hayop."

Gg

Gg

McKinley, Shasta, at iba pang mga alagang hayop

Hindi mahalaga kung gaano katagal ang iyong pamagat o kung ito ay sumasaklaw ng maramihang mga linya sa iyong HTML, ngunit mas maikli ang mga pamagat ay mas madaling basahin, at ang ilang mga browser ay humihiwalay sa mga window ng browser.

06 ng 07

Ang Pangunahing Katawan ng Iyong Web Page

Ang katawan ng iyong web page ay naka-imbak sa loob ng

mga tag. Ito ay kung saan mo inilalagay ang teksto, mga ulo ng balita, mga subheading, mga imahe at graphics, mga link at lahat ng iba pang nilalaman. Maaari itong maging hangga't gusto mo.

Ang parehong format na ito ay maaaring sundin upang isulat ang iyong web page sa Notepad.

Ang iyong pamagat ng ulo ay napupunta ditoAng lahat sa pahina ng web ay napupunta dito

07 ng 07

Paglikha ng isang Larawan Folder

Bago ka magdagdag ng nilalaman sa katawan ng iyong HTML na dokumento, kailangan mong i-set up ang iyong mga direktoryo upang mayroon kang isang folder para sa mga larawan.

1. Buksan ang window ng My Documents .
2. Baguhin sa my_website na folder.
3. I-click ang File > Bago > Folder.
4. Pangalanan ang mga imahe ng folder.

Iimbak ang lahat ng iyong mga imahe para sa iyong website sa mga folder ng mga imahe upang maaari mong makita ang mga ito sa ibang pagkakataon. Ginagawa nitong madaling i-upload ang mga ito kapag kailangan mo.