Ինչպես ստեղծել պարզ վեբ էջ Notepad- ով ՝ 15 քայլ

Բովանդակություն:

Ինչպես ստեղծել պարզ վեբ էջ Notepad- ով ՝ 15 քայլ
Ինչպես ստեղծել պարզ վեբ էջ Notepad- ով ՝ 15 քայլ

Video: Ինչպես ստեղծել պարզ վեբ էջ Notepad- ով ՝ 15 քայլ

Video: Ինչպես ստեղծել պարզ վեբ էջ Notepad- ով ՝ 15 քայլ
Video: Ցույց եմ տալիս 3 subscription box / Ինչ են դրանք? Ինչ կա մեջը ու ինչպես պատվիրել? 2024, Նոյեմբեր
Anonim

Ամեն օր մենք մուտք ենք գործում տարբեր կայքեր: Այնուամենայնիվ, երբեմն մեզ հետաքրքրում է ՝ դժվար է սեփական վեբ կայք ստեղծելը: Այս հոդվածում ձեզ կառաջնորդվի ստեղծել Notepad- ով պարզ HTML վեբ էջ:

Քայլ

Մեթոդ 1 -ը ՝ 1 -ից. Ստեղծեք ձեր սեփական կայքը

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 1
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 1

Քայլ 1. Բացեք Գրառման գրքույկը:

Այս տեքստային խմբագրիչը ներկառուցված ծրագիր է, որը հասանելի է յուրաքանչյուր Windows համակարգչի վրա և կարելի է գտնել Start ընտրացանկից: Գրառման գրքույկի բացումից հետո կտտացրեք Ֆայլ> Պահել որպես, այնուհետև Ֆայլի տեսակը սյունակում ընտրեք Բոլոր ֆայլերը: Պահպանեք ստեղծված ֆայլը HTML ձևաչափով: Ընդհանրապես, կայքի հիմնական էջն ունի «index.html» ֆայլի անունը և պարունակում է հղումներ կայքի բոլոր էջերին:

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 2
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 2

Քայլ 2. Հասկացեք HTML- ը:

HTML- ում նշումը (պիտակը) (Hypertext Markup Language) գտնվում է.

Այս նշանները ծառայում են ձեր վեբ կայքի ստեղծմանը: HTML կոդը ավարտելու համար օգտագործեք վերջնական պիտակը, օրինակ.. Փակման նշանը օգտակար է տարբեր նշաններ փակելու համար, օրինակ ՝ համարձակ կամ պարբերության նշաններ:

Ստեղծեք պարզ վեբ էջ `օգտագործելով Գրառման գրքույկ Քայլ 3
Ստեղծեք պարզ վեբ էջ `օգտագործելով Գրառման գրքույկ Քայլ 3

Քայլ 3. Սկսեք ձեր վեբ էջը ՝ ֆայլի վերևում պիտակ տեղադրելով:

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 4
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 4

Քայլ 4. Տարբեր տեղեկություններ մուտքագրելու համար օգտագործեք պիտակներ:

Նշանները օգտակար են էջի վերնագիրը սահմանելու համար, մինչդեռ (ըստ ցանկության) պիտակներ օգտագործվում են վեբ էջի բովանդակության բացատրությունը մուտքագրելու համար: Հետո նշանը կկարդան որոնման համակարգերը, օրինակ ՝ Google- ը:

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 5
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 5

Քայլ 5. Պիտակը մուտքագրելուց հետո վերնագրեք էջը պիտակով, օրինակ ՝ wikiHow HTML

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 6
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 6

Քայլ 6. Ավարտեք կայքի վերնագիրը `օգտագործելով նշանը

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 7
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 7

Քայլ 7. Էջի բովանդակություն մուտքագրելու համար օգտագործեք պիտակներ:

Հիշեք, որ ոչ բոլոր գույներն են ապահովվում բրաուզերների կողմից: Օրինակ, մուգ մոխրագույնը կարող է չաջակցվել:

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 8
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 8

Քայլ 8. Գրեք վեբ էջի բովանդակությունը:

Օրինակ, սկսեք կայքի վերնագիր ստեղծելով: Կայքի վերնագիրը կայքի մեծ տառերով հատվածն է և նշվում է նշանով

մինչեւ

. Նշան

կարող եք օգտագործել ՝ ստեղծելու համար ամենամեծ տառատեսակի չափ կայքի վերնագիրը: Փորձեք օգտագործել նշանը նշանի ներքևում, ինչպես օրինակ

Բարի գալուստ իմ կայք:

. Համոզվեք, որ փակել եք նշանը

նախադասության վերջում:

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 9
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 9

Քայլ 9. Ստեղծեք էջով նշան ունեցող պարբերություն

Օրինակ ՝ գրել

Պարբերության թեստ!

Նոր տող ստեղծելու համար օգտագործեք նշանը, կամ ընդմիջումներ:

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 10
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 10

Քայլ 10. Դուք, անշուշտ, չեք ցանկանում, որ ձեր ստեղծած վեբ էջը պարունակի միայն պարզ տեքստ:

Վեբ էջերում տեքստը ձևակերպելու համար օգտագործեք հետևյալ դրոշները. համարձակ տեքստ, շեղագիր տեքստ և ընդգծել այն: Վերևի նշանը օգտագործելուց հետո մի մոռացեք փակել այն:

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 11
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 11

Քայլ 11. Ավելացրեք նշանով պատկեր

Image
Image

կայքը գեղեցկացնելու և տեղեկատվություն ավելացնելու համար, որը հնարավոր չէ բացատրել տեքստային տեսքով:

Նշան

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 13
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 13

գործելու համար անհրաժեշտ է որոշակի տեղեկատվություն: Նշանի ամբողջական շարահյուսությունը

կարող է ձևավորվել այսպես.

Նշանի src պարամետրը ծառայում է պատկերի ֆայլի անունը գրելու համար, իսկ լայնության և բարձրության գործառույթը `երկարությունը և լայնությունը նկարագրելու համար:

Քայլ 12. Ստեղծեք հղում, որը տանում է դեպի մեկ այլ էջ, օրինակ ՝ Այլ էջ:

Նշանի մեջտեղում գտնվող տեքստը այն տեքստն է, որը կհայտնվի էջում, մինչդեռ href պարամետրը պարունակում է նպատակակետ էջ: Հղումներով այցելուները կարող են հեշտությամբ տեղափոխվել ձեր կայքի տարբեր էջեր:

Քայլ 13. Երբ ավարտեք կայքի լրացումը, ավարտեք էջը ՝ փակելով այն:

Վերջապես, փակեք HTML կոդը հետևյալով

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 14
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 14

Քայլ 14. Պահպանեք ձեր ստեղծած վեբ էջը.html ընդլայնմամբ և բացեք այն ձեր նախընտրած դիտարկիչում `այն փորձարկելու համար:

Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 15
Ստեղծեք պարզ վեբ էջ ՝ օգտագործելով Գրառման գրքույկ Քայլ 15

Քայլ 15. Կայքը ինտերնետում վերբեռնելու համար կարդացեք հետևյալ ուղեցույցը:

Խորհուրդներ

  • Ինտերնետում կան տարբեր կայքեր, որոնք պարունակում են վեբ կայք ստեղծելու ուղեցույցներ: W3school- ը լավ կայքով մեկ կայք է:
  • Համոզվեք, որ փակում եք HTML ֆայլի յուրաքանչյուր պիտակ:
  • Նշում տեղադրեք ֆայլի առաջին տողում ՝ նախքան: Այս դրոշը ցույց է տալիս, որ ձեր ստեղծած ֆայլը HTML5 ֆայլ է:
  • Փոխեք տառատեսակը `առաջ և հետո նշաններով: «N» - ն փոխարինեք ձեր ուզած տառատեսակով, օրինակ ՝ «Verdana»:
  • Եթե Ձեզ անհրաժեշտ է օգտագործել անկյունային փակագծեր, ապա օգտագործեք ծածկագիրը: Մինչդեռ & նշանը օգտագործելու համար օգտագործեք կոդը &:
  • Ըստ HTML ձեռնարկների ՝ միշտ պետք է վեբ ֆայլերն ու թղթապանակները փոքրատառ անվանել ՝ առանց բացատների և կետադրական նշանների: Մինչ Windows- ը թույլ է տալիս բացատներ տեղադրել ֆայլի անունների մեջ, հոստինգի շատ մատակարարներ դա չեն անում: Բացի այդ, կոկիկ ֆայլի անունը ձեզ համար ավելի հեշտ կդարձնի ձեր կայքի կառավարումը:

Խորհուրդ ենք տալիս: