Notepad ашиглан Шинэ Вэб хуудас үүсгэ

01 - 07

Өөрийн файлуудыг Шинэ хавтаст байрлуул

Өөрийн файлуудыг Шинэ хавтаст байрлуул. Женнифер Кирнин

Windows Notepad нь вэб хуудсаа бичихэд ашиглах үндсэн программ юм. Вэб хуудсууд нь зөвхөн текст бөгөөд та HTML бичихийн тулд ямар ч үгийг боловсруулах програм ашиглаж болно. Энэ гарын авлага нь танд процессийг дамжуулдаг.

Notepad-д шинэ вэбсайт үүсгэх эхний зүйл бол үүнийг хадгалах тусдаа хавтас үүсгэх явдал юм. Ерөнхийдөө та вэб хуудсаа "My Documents" фолдерт HTML нэртэй хавтаст хадгалдаг боловч та хүссэн газраа хадгалах боломжтой.

  1. My Documents цонхыг нээнэ үү
  2. Файл > Шинэ > Фолдер дээр дарна уу
  3. My_website фолдерыг нэрлэнэ үү

Чухал тэмдэглэл: Вэб хавтас болон файлуудыг бүх жижиг үсэг, ямар ч зай, цэг таслалгүйгээр ашиглаарай. Windows танд зай ашиглах боломжийг олгодог бол олон вэб хостинг үйлчилгээ үзүүлэгчид байхгүй бөгөөд хэрэв та файлууд болон фолдеруудыг эхнээс нь зөвөөр нэрлэвэл та заримдаа цаг хугацаа, бэрхшээлийг хэмнэх болно.

07

Хуудасыг HTML хэлбэрээр хадгалах

Хуудасаа HTML болгон хадгалах. Женнифер Кирнин

Тэмдэглэлд Notepad-д вэб хуудас бичихэд хамгийн эхний зүйл бол хуудасыг HTML хэлбэрээр хадгалах явдал юм. Энэ нь танд цаг завыг хэмнэж, дараа нь асуудал үүсгэдэг.

Сангийн нэртэй адил бүх жижиг үсэг, файлын нэрэнд зай, тусгай тэмдэгт хэрэглэхгүй.

  1. Notepad-д Файл дээр дараад Save As гэж бичнэ.
  2. Вэбсайт файлаа хадгалж буй фолдер руу залуурдах.
  3. All Files (*. *) Руу Save As Type цэсийг цэсийг өөрчил .
  4. Файлыг нэрлэнэ үү. Энэ заавар нь pets.htm гэсэн нэрийг ашигладаг.

03 - 07

Вэб хуудсыг бичих

Вэб хуудасаа эхлүүлэх. Женнифер Кирнин

Таны Notepad HTML документ бичих ёстой хамгийн эхний зүйл бол DOCTYPE юм. Энэ нь браузеруудад ямар төрлийн HTML хүлээхийг хэлж өгдөг. Энэ зааварт HTML5 ашигладаг.

Doctype-ийн тунхаглал нь хаяг биш юм. Энэ нь HTML5 баримт бичиг ирсэн гэж компьютерт хэлдэг. Энэ нь HTML5 хуудасны дээд талд байрлах бөгөөд энэ нь дараах хэлбэртэй болно:

Та DOCTYPE-г хийсний дараа HTML-г эхлүүлж болно. Эхлээд хоёуланг нь бичнэ үү

шошго, төгсгөлийн шошго, вэб хуудсын биеийн агуулгад зориулж зай ав. Таны Notepad баримт бичиг иймэрхүү харагдах ёстой:

04 - 07

Вэб хуудасныхаа толгойг үүсгэх

Вэб хуудасныхаа толгойг үүсгэх. Женнифер Кирнин

HTML баримт бичгийн тэргүүн нь таны вэб хуудасны тухай үндсэн мэдээллийг хаанаас авдаг вэ гэхээр хуудасны гарчиг, магадгүй хайлтын системийг оновчтой болгоход зориулсан мета тэмдэглэгээ юм. Толгой хэсгийг үүсгэхийн тулд

Эдгээрийг хооронд нь Notepad HTML текстийн баримтад тэмдэглээрэй.

Gg

нэгэн адил

тэмдэглэгээ, тэдгээрийн хоорондох зайг үлдээгээрэй. Ингэснээр та толгойны мэдээллийг нэмж оруулах боломжтой.

05 - 07

Толгой хуудас дахь хуудасны гарчиг нэмэх

Хуудасны гарчиг нэмнэ. Женнифер Кирнин

Таны вэб хуудасны гарчиг нь хөтчийн цонхонд харагдах текст юм. Энэ нь хэн нэгэн таны сайтыг хадгалах үед хавчуурга, дуртай зүйл дээр бичигдсэн болно. Хоорондох гарчигийг хадгалах

шошгуудыг ашигладаг. Энэ нь вэб хөтөч дээрээс зөвхөн вэб хуудсанд харагдахгүй.

Энэ жишээ хуудас нь "McKinley, Shasta, болон бусад Pets."

Gg

Gg

McKinley, Shasta болон бусад Pets

Хэдий хэр удаан таны гарчиг эсвэл хэр олон HTML тэмдэгтүүдтэй бол тэдгээрийг уншихад хялбар байдаг бөгөөд зарим хөтөч нь браузер цонхны уртыг таслах болно.

06 - 07

Таны Вэб хуудасны гол байгууллага

Таны Вэб хуудасны гол байгууллага. Женнифер Кирнин

Таны веб хуудасны бие нь

шошго. Энд текст, гарчиг, дэд гарчиг, зураг, график, холбоос болон бусад бүх агуулгыг тавьдаг газар юм. Энэ нь таны хүссэн хэмжээнд байж болно.

Notepad-д вэб хуудсаа бичихийн тулд энэ форматыг дагаж мөрдөж болно.

Таны нэрний толгой энд байна. Вэб хуудасны бүх зүйл энд явна

07-ийн 07

Зургийн хавтас үүсгэх

Зургийн хавтас үүсгэх. Женнифер Кирнин

Та өөрийн HTML документын агуулгыг нэмэхээсээ өмнө, та фолдертой фолдер байгаа тул өөрийн сангуудыг тохируулах хэрэгтэй.

  1. My Documents цонхыг нээнэ үү.
  2. My_website фолдерруу өөрчил .
  3. Файл > Шинэ > Фолдер дээр дарна уу .
  4. Фолдерын зургийг нэрлэнэ үү .

Өөрийнхөө бүх зургийг вэбсайтдаа зургийн фолдер дээр хадгалахын тулд тэдгээрийг дараа нь олж болно. Энэ нь танд хэрэгтэй үед үүнийг байршуулахад хялбар болгодог.