ສ້າງຫນ້າເວັບໃຫມ່ໂດຍໃຊ້ Notepad

01 of 07

ວາງໄຟລ໌ຂອງທ່ານໃນໂຟເດີໃຫມ່

Windows Notepad ເປັນໂປລແກລມປະມວນຜົນຂັ້ນພື້ນຖານທີ່ຄຸນສາມາດໃຊ້ໃນການຂຽນຫນ້າເວັບຂອງທ່ານ. ຫນ້າເວັບແມ່ນພຽງແຕ່ຂໍ້ຄວາມແລະທ່ານສາມາດໃຊ້ໂຄງການການປຸງແຕ່ງຄໍາໃດໆທີ່ຈະຂຽນ HTML ຂອງທ່ານ. tutorial ນີ້ຈະນໍາທ່ານຜ່ານຂະບວນການນີ້.

ສິ່ງທໍາອິດທີ່ຕ້ອງເຮັດໃນເວລາສ້າງເວັບໄຊທ໌ໃຫມ່ໃນ Notepad ແມ່ນການສ້າງໂຟເດີແຍກທີ່ຈະຈັດເກັບໄວ້. ໂດຍປົກກະຕິ, ທ່ານເກັບຮັກສາຫນ້າເວັບຕ່າງໆໃນໂຟເດີທີ່ເອີ້ນວ່າ HTML ໃນໂຟເດີ "ເອກະສານຂອງຂ້ອຍ", ແຕ່ວ່າທ່ານສາມາດເກັບໄວ້ບ່ອນທີ່ທ່ານຕ້ອງການ.

1. ເປີດຫນ້າຕ່າງ Documents ຂອງຂ້ອຍ
2. ໃຫ້ຄລິກໃສ່ File > New > Folder
3. ຊື່ໂຟເດີ my_website

ຫມາຍເຫດທີ່ສໍາຄັນ: ຊື່ໂຟນເດີເວັບແລະໄຟລ໌ໂດຍໃຊ້ຕົວອັກສອນຕົວນ້ອຍທຸກແລະໂດຍບໍ່ມີຊ່ອງໃດໆຫຼືການລະເມີດ. ໃນຂະນະທີ່ Windows ອະນຸຍາດໃຫ້ທ່ານໃຊ້ສະຖານທີ່, ຜູ້ໃຫ້ບໍລິການໂຮດເວັບບໍ່ໄດ້, ແລະທ່ານຈະປະຫຍັດເວລາແລະບັນຫາບາງຢ່າງຖ້າທ່ານຕັ້ງຊື່ໄຟລ໌ແລະໂຟນເດີຢ່າງຖືກຕ້ອງຕັ້ງແຕ່ຕົ້ນ.

02 of 07

ບັນທຶກຫນ້າເປັນ HTML

ສິ່ງທໍາອິດທີ່ທ່ານຄວນເຮັດໃນເວລາຂຽນຫນ້າເວັບໃນ Notepad ແມ່ນເພື່ອບັນທຶກຫນ້າເປັນ HTML. ນີ້ຊ່ວຍປະຢັດເວລາແລະບັນຫາຂອງທ່ານຕໍ່ມາ.

ເຊັ່ນດຽວກັນກັບຊື່ຂອງໄຟລ໌, ສະເຫມີໃຊ້ທຸກຕົວອັກສອນຕົວນ້ອຍແລະບໍ່ມີສະຖານທີ່ຫຼືລັກສະນະພິເສດໃນຊື່ແຟ້ມ.

1. ໃນ Notepad, ໃຫ້ຄລິກໃສ່ File ແລ້ວ Save As.
2. ທ່ອງໄປຫາໂຟເດີບ່ອນທີ່ທ່ານປະຢັດໄຟລ໌ຂອງເວັບໄຊທ໌ຂອງທ່ານ.
3. ປ່ຽນເມນູເລື່ອນ ປະເພດ Save As Type ໃຫ້ກັບ All Files (*. *).
4. ຊື່ໄຟລ໌ນີ້. tutorial ນີ້ໃຊ້ pets.htm ຊື່ .

03 of 07

ເລີ່ມຕົ້ນການຂຽນຫນ້າເວັບ

ສິ່ງທໍາອິດທີ່ທ່ານຄວນພິມໃນເອກະສານ HTML Notepad ແມ່ນ DOCTYPE. ນີ້ບອກຕົວທ່ອງເວັບວ່າປະເພດ HTML ໃດທີ່ຄາດຫວັງ. tutorial ນີ້ໃຊ້ HTML5.

ການ ປະກາດສອນສາດສະຫນາ ບໍ່ແມ່ນໂຄດຄໍາສັ່ງ. ມັນບອກຄອມພິວເຕີວ່າເອກະສານ HTML5 ຈະມາຮອດ. ມັນຈະຢູ່ເທິງສຸດຂອງຫນ້າ HTML5 ແລະມັນໃຊ້ແບບຟອມນີ້:

ເມື່ອທ່ານມີ DOCTYPE, ທ່ານສາມາດເລີ່ມຕົ້ນ HTML ຂອງທ່ານ. ພິມທັງການເລີ່ມຕົ້ນ

ແທໍກແລະໂຄ້ດສິ້ນສຸດແລະປ່ອຍໃຫ້ພື້ນທີ່ບາງຢ່າງສໍາຫລັບເນື້ອຫາຮ່າງຫນ້າເວັບຂອງຄຸນ ເອກະສານ Notepad ຂອງທ່ານຄວນຄືແນວນີ້:

04 of 07

ສ້າງຫົວຫນ້າຫນ້າເວັບຂອງທ່ານ

ຫົວຫນ້າເອກະສານ HTML ແມ່ນບ່ອນທີ່ຂໍ້ມູນພື້ນຖານກ່ຽວກັບຫນ້າເວັບຂອງທ່ານຖືກເກັບຮັກສາໄວ້ - ສິ່ງຕ່າງໆເຊັ່ນຊື່ຫນ້າແລະແທັບ meta ສໍາລັບການເພີ່ມປະສິດທິພາບຂອງເຄື່ອງຈັກຊອກຫາ. ເພື່ອສ້າງພາກສ່ວນຫົວ, ໃຫ້ຕື່ມ

tags ໃນເອກະສານຂໍ້ຄວາມ HTML Notepad ຂອງທ່ານລະຫວ່າງ thetags.

ເຊັ່ນດຽວກັນກັບ

tags, ປ່ອຍຊ່ອງຫວ່າງລະຫວ່າງເຂົາເຈົ້າເພື່ອໃຫ້ທ່ານມີຫ້ອງທີ່ຈະເພີ່ມຂໍ້ມູນກ່ຽວກັບຫົວ.

05 of 07

ເພີ່ມຫົວຂໍ້ຫນ້າໃນສ່ວນຫົວ

ຊື່ຂອງຫນ້າເວັບຂອງທ່ານແມ່ນຂໍ້ຄວາມທີ່ສະແດງຢູ່ໃນປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບ. ມັນກໍ່ແມ່ນສິ່ງທີ່ຂຽນໃນ bookmarks ແລະ favorite ໃນເວລາທີ່ຜູ້ໃດຜູ້ຫນຶ່ງ saves ເວັບໄຊທ໌ຂອງທ່ານ. ເກັບຂໍ້ຄວາມຫົວຂໍ້ລະຫວ່າງຫົວຂໍ້

tags usingtags. ມັນຈະບໍ່ປາກົດຢູ່ຫນ້າເວັບມັນເອງ, ແຕ່ຢູ່ເທິງສຸດຂອງຕົວທ່ອງເວັບ.

ຫນ້າຕົວຢ່າງນີ້ມີຊື່ວ່າ "McKinley, Shasta, ແລະສັດລ້ຽງອື່ນໆ".

McKinley, Shasta, ແລະສັດລ້ຽງອື່ນໆ

ມັນບໍ່ສໍາຄັນວ່າໄລຍະເວລາຂອງທ່ານແມ່ນຫຼືຖ້າມັນກວມເອົາຫລາຍເສັ້ນໃນ HTML ຂອງທ່ານ, ແຕ່ວ່າຫົວຂໍ້ສັ້ນຈະງ່າຍຕໍ່ການອ່ານ, ແລະບາງຕົວທ່ອງເວັບທີ່ຕັດຕົວຍາວໆໃນປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບ.

06 of 07

ຮ່າງກາຍຫລັກຂອງຫນ້າເວັບຂອງທ່ານ

ຮ່າງກາຍຂອງຫນ້າເວັບຂອງທ່ານຖືກເກັບຮັກສາພາຍໃນ

tags ນີ້ແມ່ນບ່ອນທີ່ທ່ານເອົາຂໍ້ຄວາມ, ຫົວຂໍ້, ຫົວຍ່ອຍ, ຮູບພາບແລະກາຟິກ, ການເຊື່ອມໂຍງແລະເນື້ອຫາອື່ນຫມົດ. ມັນສາມາດເປັນສິ່ງທີ່ທ່ານຕ້ອງການ.

ຮູບແບບດຽວກັນນີ້ສາມາດຖືກຕິດຕາມເພື່ອຂຽນຫນ້າເວັບຂອງທ່ານໃນ Notepad.

ຫົວຂໍ້ຫົວຂອງທ່ານໄປທີ່ນີ້ທຸກສິ່ງທຸກຢ່າງຢູ່ຫນ້າເວັບໄຊ້ໄປທີ່ນີ້

07 of 07

ການສ້າງໂຟນເດີຮູບພາບ

ກ່ອນທີ່ທ່ານຈະເພີ່ມເນື້ອຫາໄປຫາຮ່າງກາຍຂອງເອກະສານ HTML ຂອງທ່ານ, ທ່ານຈໍາເປັນຕ້ອງຕັ້ງຊື່ຂອງທ່ານເພື່ອໃຫ້ທ່ານມີໂຟນເດີສໍາລັບຮູບພາບ.

1. ເປີດຫນ້າຕ່າງ Documents ຂອງຂ້ອຍ .
2. ປ່ຽນໄປທີ່ໂຟເດີ my_website .
3. ໃຫ້ຄລິກໃສ່ File > New > Folder.
4. ຊື່ໂຟນເດີ ຮູບພາບ .

ເກັບຮັກສາຮູບພາບຕ່າງໆຂອງທ່ານສໍາລັບເວັບໄຊທ໌ຂອງທ່ານໃນໂຟນເດີຮູບພາບເພື່ອໃຫ້ທ່ານສາມາດຊອກຫາພວກເຂົາໄດ້ໃນພາຍຫລັງ. ນີ້ເຮັດໃຫ້ມັນງ່າຍທີ່ຈະອັບໂຫລດພວກມັນເມື່ອທ່ານຕ້ອງການ.