Ստեղծեք նոր վեբ էջ Notepad- ի միջոցով

01-ը 07-ը

Տեղադրել ձեր ֆայլերը նոր թղթապանակում

Windows Notepad- ը հիմնական բառերի մշակման ծրագիր է, որը կարող եք օգտագործել ձեր վեբ էջերը գրելու համար: Վեբ էջերը պարզապես տեքստ են եւ կարող եք օգտագործել ցանկացած բառի մշակման ծրագիր `ձեր HTML- ին գրելու համար: Այս ձեռնարկը ձեզ քայլում է գործընթացում:

Առաջին բանը, որ պետք է անել Գրառման գրքում նոր կայք ստեղծելու համար, այն պահելու համար առանձին թղթապանակ է ստեղծում: Սովորաբար, ձեր վեբ էջերը պահում եք «Իմ փաստաթղթերը» թղթապանակում HTML անունով մի թղթապանակում, բայց կարող եք դրանք պահել այնտեղ, որտեղ ցանկանում եք:

1. Բացեք իմ փաստաթղթերի պատուհանը
2. Սեղմեք Ֆայլի > Նոր > Թղթապանակ
3. Անվանեք my_website պանակը

Կարեւոր նշում. Անվանեք վեբ թղթապանակները եւ ֆայլերը, օգտագործելով բոլոր փոքրատառ տառերը եւ առանց բացերի կամ կետադրության: Թեեւ Windows- ը թույլ է տալիս օգտագործել տարածությունները, շատ վեբ հոսթինգի պրովայդերներ չեն, եւ դուք կպահպանեք որոշ ժամանակ եւ դժվարություններ, եթե սկզբից ֆայլերը եւ թղթապանակները ճիշտ անվանեք:

02-ից 07-ը

Պահել էջը որպես HTML

Առաջին բանը, որ դուք պետք է անեք, Գրեք Գրառման էջում գրելիս, էջը որպես HTML պահելը: Սա ձեզ խնայում է ժամանակն ու խնդիրը:

Ինչպես գրացուցակի անվանումով, միշտ օգտագործեք բոլոր փոքրատառ տառերը եւ ֆայլի անվանումներում ոչ մի տեղ կամ հատուկ նիշ:

1. Գրառման գրքույկում կտտացրեք Ֆայլի եւ ապա Պահպանեք As:
2. Նավարկեք այն պանակը, որտեղ դուք պահում եք ձեր կայքի ֆայլերը:
3. Փոխել Պահպանման տեսակը տեսակը բացվող ընտրացանկը Բոլոր ֆայլերը (*. *):
4. Անվանեք ֆայլը: Այս ձեռնարկը օգտագործում է pets.htm անունը :

03-ից 07-ը

Սկսել Վեբ էջը

Առաջին բանը, որ դուք պետք է գրեք ձեր Գրառման գրքույկ HTML փաստաթղթում, DOCTYPE- ն է: Սա բրաուզերներին պատմում է, թե ինչ տեսակի HTML ակնկալում: Այս ձեռնարկը օգտագործում է HTML5- ը:

Doctype հայտարարությունը տեգեր չէ: Այն պատմում է համակարգչին, որ HTML5 փաստաթուղթ է ժամանում: Այն անցնում է յուրաքանչյուր HTML5 էջի վերեւում եւ այն ստանում է այս ձեւը.

Երբ դուք ունեք DOCTYPE, կարող եք սկսել ձեր HTML- ը: Տեսեք երկու սկիզբը

պիտակը եւ վերջի տեքստը եւ թողեք որոշ տեղ `ձեր վեբ էջի մարմնի բովանդակության համար: Ձեր Գրառման գրքույկը պետք է նման լինի:

04-ից 07-ը

Ստեղծեք ղեկավար Ձեր վեբ էջի համար

HTML- ի փաստաթղթի ղեկավարն այն է, որտեղ հիմնական էջը պահվում է ձեր վեբ էջի մասին, ինչպես էջի անվանումը եւ հնարավոր է, որոնման համակարգի օպտիմալացման համար մետատվյալներ: Գլխի բաժին ստեղծելու համար ավելացրեք

տեքստեր ձեր Notepad HTML տեքստի փաստաթղթի միջեւ thetags.

Ինչպես եւ

տեգեր, նրանց միջեւ մի տարածություն թողեք, որպեսզի տեղ ունեք, որպեսզի ավելացնեք գլխի տվյալները:

05-ից 07-ը

Ավելացրեք էջի վերնագիր գլխավոր բաժնում

Ձեր վեբ էջի վերնագիրն այն բովանդակությունն է, որը ցուցադրվում է զննարկչի պատուհանում: Այն նաեւ այն է, ինչ գրված է էջանիշերում եւ ֆավորիտներում, երբ ինչ-որ մեկը փրկում է ձեր կայքը: Պահեք վերնագրի տեքստը միջեւ

Tags օգտագործելով tag. Այն չի հայտնվի ինտերնետային էջում, միայն բրաուզերի վերեւում:

Այս օրինակ էջը վերնագրված է «McKinley, Shasta եւ այլ կենդանիներ»:

مور

McKinley, Shasta եւ այլ կենդանիներ

Կարեւոր չէ, թե որքանով է ձեր անվանումը, կամ եթե այն HTML- ի մի քանի տող է տարածում, բայց ավելի կարճ տիտղոսներ ավելի հեշտ է ընթերցել, եւ որոշ զննարկիչներ զննարկիչի պատուհանում ավելի երկար են կտրել:

06-ից 07-ը

Ձեր վեբ էջի հիմնական մարմինը

Ձեր վեբ էջի մարմինը պահվում է

պիտակներ: Սա այն է, որտեղ դուք տեղադրեցիք տեքստը, վերնագրերը, ենթավերնագրերը, պատկերները եւ գրաֆիկաները, հղումները եւ այլ բոլոր բովանդակությունը: Դա կարող է լինել այնքան ժամանակ, որքան ցանկանում եք:

Այս նույն ձեւաչափը կարելի է հետեւել Գրառման գրքում ձեր վեբ էջը գրելու համար:

Ձեր տիտղոսը գնում է այստեղ Այստեղ ամեն ինչ ընթանում է այստեղ

07-ից 07-ը

Պատկերների պատկերների ստեղծում

Նախքան HTML- ի փաստաթղթի բովանդակություն ավելացնելը, դուք պետք է ստեղծեք ձեր դիրեկտորիաներ այնպես, որ դուք ունեք պատկերների համար:

1. Բացեք իմ փաստաթղթերի պատուհանը:
2. Փոխել my_website պանակը:
3. Սեղմեք Ֆայլի > Նոր > Թղթապանակ:
4. Անվանեք թղթապանակի պատկերները :

Պահեք ձեր բոլոր պատկերները ձեր կայքի համար պատկերների թղթապանակում, որպեսզի հետագայում դրանք գտնեք: Սա հեշտացնում է նրանց, երբ ձեզ հարկավոր է: