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 magsulat ng HTML. Pinapatnubayan ka ng tutorial na ito sa proseso.
01 ng 07Ilagay ang iyong mga File sa isang Bagong Folder
Upang lumikha ng isang bagong website sa Notepad, munang 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 na My Documents, ngunit maaari mong iimbak ang mga ito kung saan mo gusto.
- Buksan angAking Mga Dokumento window.
- Mag-click File > Bago > Folder.
- Pangalanan ang folder aking website.
Mahalagang paalaala: 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 tagabigay ng serbisyo sa web-hosting ang hindi, at i-save mo ang iyong sarili ng ilang oras at problema kung wastong pangalan mo ang mga file at mga folder nang maayos.
I-save ang Pahina bilang HTML
Tulad ng pangalan ng direktoryo, kapag na-save mo ang pahina, gamitin ang lahat ng maliliit na titik at walang mga puwang o mga espesyal na character sa filename.
- Sa Notepad, mag-click sa File at pagkatapos I-save bilang.
- Pumunta sa folder kung saan mo i-save ang mga file ng iyong website.
- Baguhin ang I-save Bilang Uri drop-down na menu sa Lahat ng Mga File (*. *).
- Pangalanan ang file. Ang tutorial na ito ay gumagamit ng pangalan pets.htm.
03 ng 07
Simulan ang Pagsusulat sa Web Page
Ang unang bagay na dapat mong i-type sa iyong dokumento ng Notepad HTML5 ay ang DOCTYPE. Sinasabi nito sa mga browser kung anong uri ng HTML ang aasahan.
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 tag ng simula at ang tag ng pagtatapos at mag-iwan ng ilang espasyo para sa mga nilalaman ng iyong katawan sa web page. Ang iyong Notepad na dokumento ay dapat magmukhang ganito:
Gumawa ng Head para sa Iyong Web Page
Ang pinuno ng isang dokumento sa HTML ay kung saan naka-imbak ang pangunahing impormasyon tungkol sa iyong web page - mga bagay na tulad ng pamagat ng pahina at posibleng mga meta tag para sa pag-optimize ng search engine. Upang lumikha ng isang seksyon ng ulo, idagdag ang mga tag ng ulo sa iyong dokumento sa HTML ng Notepad sa pagitan ng mga tag na html.
Tulad ng mga tag na html, mag-iwan ng ilang espasyo sa pagitan ng mga ito upang mayroon kang silid upang idagdag ang impormasyon ng ulo.
05 ng 07Magdagdag 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. I-imbak ang pamagat ng teksto sa pagitan ng mga tag ng pamagat. 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."
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 pinuputol ng ilang mga browser ang mga mahaba sa browser window.
06 ng 07Ang Pangunahing Katawan ng Iyong Web Page
Ang katawan ng iyong web page ay naka-imbak sa loob ng mga tag ng katawan. Dapat itong dumating pagkatapos ng mga tag ng ulo ngunit bago ang pagtatapos html 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.
Mag-iwan ng dagdag na espasyo sa pagitan ng panimula at pangwakas na mga tag ng katawan.
Ang parehong format na ito ay maaaring sundin upang isulat ang iyong web page sa Notepad.
07 ng 07Paglikha 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.
- Buksan ang Aking Mga Dokumento window.
- Baguhin sa aking website folder.
- Mag-click File > Bago > Folder.
- Pangalanan ang folder mga larawan.
Iimbak ang lahat ng 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.
