Դաս 3: Ստեղծեք Ձեր առաջին վեբ կայքը

0

Հաշվի առնելով այն ամենը ինչ սովորել եք նախորդ դասերում, այժմ դուք ընդամենը մի քանի քայլով հեռու եք Ձեր առաջին վեբ կայքը ստեղծելուց։

Ինչպես?

Առաջին դասում մենք խոսեցինք, թե ինչ է անհրաժեշտ կայք պատրաստելու համար՝ Բրաուզեր և Notepad (կամ նման այլ տեքստային խմբագիր): Ամենայն հավանականությամբ, Ձեր բրաուզերը արդեն իսկ բաց է։  Միակ բանը, որ անհրաժեշտ է անել դա ևս մեկ լրացուցիչ պատուհան բացելն է։ Բացեք բրաուզերը ևս մեկ անգամ, այնպես որ կարողանաք կարդալ այս դասընթացը և միառժամանակ տեսնել Ձեր նոր կայքը։

Բացի այդ, բացեք նաև Notepad++-ը

Այժմ առաջ ․․․

Ինչի՞ց սկսել։

Եկեք սկսեք պարզից։ Օրինակ ստեղծենք մի էջ, որտեղ ասվում է. «Ուռա! Սա իմ առաջին կայքն է։»

HTML-ը պարզ է և տրամաբանական: Բրաուզերը կարդում է HTML-ը, այնպես ինչպես դուք հայերնը կամ անգլերենը՝ վերևից դեպի ներքև և ձախից աջ: Այսպիսով, պարզ HTML ֆայլ ստեղծելու համար նախ պետք է հասկանալ, թե ինչը պետք է լինի առաջին հատվածում և ինչ վերջում։

Առաջին բանը, որ անհրաժեշտ է անել դա ասելն է բրաուզերին, որ «խոսում եք» HTML լեզվով: Սա արվում է թեգով <html> (Ոչ մի անակնկալ): Այնպես որ, ամենից առաջ Notepad-ի առաջին տողում գրեք “<html>” ։

Ինչպես հիշում եք նախորդ դասերից <html>-ը բացման թեգն է, և պետք է փակվի փակման թեգով, երբ ավարտվեք: Այնպես որ, չմոռանալու համար այժմ մուտքագրեք “</ html>» մի քանի տող ներքև, իսկ մնացած տեքստըգրեք <html> և </ html>-ի միջև ընկած հատվածում:

Հաջորդ բանը, որ անհրաժեշտ է դա “head”-ն է, որը տրամադրում է տեղեկություն Ձեր փաստաթղթի մասին, և “body”-ն, որը հանդիսանում է բովանդակությունը։ Քանի որ HTML-ը տրամաբանական է գլուխը (<head> և</ head>) գտնվում է մարմնի վերևում (<body> և</ body>):

Այն կունենա այս տեսքը:

        <html>

               <head>

               </head>

                <body>

               </body>

        </html>

Ուշադրություն դարձրեք թե ինչպես են կառուցված թեգերը (օգտագործելով Enter կոճակը), ինչպես նաև indents-ը (օգտագործելով Tab-ը): Սկզբունքորեն, կարևոր չէ, թե ինչպես եք կառուցել HTML փաստաթուղթը: Սակայն Ձեր կոդավորումը կարդացողներին օգնելու համար պետք է լինել ուշադիր։ Խստորեն խորհուրդ է տրվում, կառուցել HTML-ը կոկիկ և կանոնիկ՝ ընդմիջումներով։ Վերը նշված օրինակի պես:

Եթե ձեր փաստաթուղթը նման է մեր օրինակին, ապա դուք ստեղծել եքՁեր առաջին վեբ կայքը։ Իհարկե ձանձրալիէ և, հավանաբար, ոչ այն ինչ երազել եք, բայց այնուամենայնիվդա վեբ կայք է: Այն ինչ կստեղծեք սկզբումկհանդիսանաՁեր հիմնական օրինակըբոլոր հետագա HTML փաստաթղթերի համար։

Դաս 3: Ինչպե՞ս ավելացնել բովանդակությունը

Ինչպես սովերցինք ավելի վաղ, Ձեր HTML փաստաթուղթը կազմված է երկու մասից՝  head (գլխից) և body (մարմնից)։ Head բաժնում անհրաժեշտ է տալ տեղեկություն էջի մասին, իսկ body-ին պարունակում է տեղեկություններ այն մասին, թե ինչից է կազմված էջը:

Օրինակ, եթե ցանկանում եք էջին տալ վերնագիր, որը կհայտնվի բրաուզերի վերևում, ապա այն պետք է գրվի <head> բաժնում: Էլեմենտը, որն օգտագործվում է որպես տիտղոս title է: Այսինքն, պետք է գրել title բառը բացման թեգի <title> և փակման թեգի միջև</ title>:

<title>Իմ առաջին կայքը</title>

Նշենք, որ այս տիտղոսը չի հայտնվի բուն էջում։ Եթե ցանկանում եք, որ որևէ բան հայտնվի էջում այն պետք ավելացվի « body » թեգերի միջև։

Ինչպեսորոշել էինք, էջը պետք է ասեր «Ուռա! Սա իմ առաջին կայքն է։»Այս տեքստը պատկանում է body բաժնին: Այսպիսով, body բաժնում մուտքագրեք հետևյալը՝

<p>Ուռա! Սա իմ առաջին կայքն է։</p>

P-ի տառը<p>, որը paragraph-ի կարճ տարբերակն է։ Այժմ HTML-ը պետք է ունենա այս տեսքը։

        <html>

             <head>

                      <title>My first website </title>

              </head>

              <body>

                     <p>Hurrah! This is my website.</p>

              </body>

        </html>

Վերջ! Դուք ստեղծեցիք Ձեր առաջին իրական վեբ կայքը!

Հաջորդիվ պետք է պարզապես save անել այն կոշտ սկավառակի վրա, ապա բացել բրաուզերում:

  • Notepad++-ից ընտրեք «Save As …” վերևի menu-ից “file”-ի տակ
  • Ընտրեք ” All Files” “Save as type” վանդակից։ Սա շատ կարևոր է, հակառակ դեպքում, դուք save կանեք այն որպես տեքստային փաստաթուղթ, այլ ոչ թե որպես HTML
  • Այժմ save արեք որպես «page1.htm» («.htm» վերջավորությունը ցույց է տալիս, որ դա HTML փաստաթուղթ է. «.html» նույնպես տալիս է նույն արդյունքը։ Մենք միշտ օգտագործում ենք «.htm», բայց դուք կարող եք ընտրել ինքներդ)։ Կարևոր չէ, թե որտեղ եք save արել։ Կարևոր է հիշել և չկորցնել այն։

saveas

Այժմ բացեք բրաուզերը

  • Վերին մենյուից ընտրեք Open “File”–ի տակ (կամ սեղմեք Ctrl + O):
  • Սեղմեք “Browse” վանդակից, որը կհայտնվի։
  • Այժմ գտնեք ձեր HTML փաստաթուղթը և սեղմեք “Open”

open

Այժմ բրաուզերում կտեսնեք «Ուռա! Սա իմ առաջին կայքն է»։

Շնորհավորում ենք:

Հարգելի ընթերցող, խնդրում ենք չմոռանալ like տալ մեր ֆեյսբուքյան էջին, քանի որ նորությունների մեծ մասը առաջինը տեղադրվում է հենց այնտեղ։ Ինչպես նաև հետևեք մեզ այլ սոցիալական ցանցերում և, իհարկե, գրանցվեք մեր բլոգում։

Share.