A basic web page building tutorial for beginners in Punjabi

Ki tussi web page banana sikhna chahunde ho?

Eh tutorial nausikhian layee hai .. je tuhanu web page banan baare thoda bahut gian hai tan shayad eh tuhanu kujh ziada hi sidha lage.

Vaise tuhanu eh jaan ke khushi hovegi ki Web page banana kaafi asaan hai.

Web page bas ik kism di file hai. Is nu HTML file kiha janda hai. Is da kaaran eh hai ki is de naam de pichhe .htm jaan .html laga hunda hai. HTML da poora Hyper Text Markup Language hunda hai.

Sabak 1 (HTML file)

Web page banan vaaste tuhanu bas notepad di zaroorat hai. Web page nu vekhan ate test karan vaaste browser di zaroorat hai. Main Internet Explorer browser varat riha haan. Tussi jehde vi browser naal is web page nu padh rahe ho, us naal hi aapna web page vekh sakde ho.

Aao pehla web page banayi-e

  1. Notepad Kholo
  2. Us vich eh akhar type karo - Hello World

  3. Hun file nu save karna hai .. us layi pehlan File menu te jaao ate us vich Save as nu select karo.

    File name wich bharo "hello.htm"

    Note: " " pane zaroori han, nahin tan notepad file de naam naal ".txt" jod ke us nu hello.htm.txt bana dayega jo ki galat hai .

  4. Save button nu click kar ke file nu save kar lavo.
  5. Je hun tak sabh theek ho gia hove taan tuhade kol hello.htm file ban gayi hovegi jis nu double click kar ke tussi apna pehla web page dekh sakde ho.

    Eh kujh is taran da nazar ana chahida hai


    Je tussi es taran da web page bana liya hai tan tuhanu kamyabi di bahut bahut vadhai. Tussi sab ton important sabak samajh liya hai. Agge asin is de adhar te bahut kuchh kar sakde haan.

Sabak 2 (HTML tag)

Sabak 1 wich tussi bilkul simple web page banaya. Hun aseen thoda stylish web page bana ke dekhde haan.
  1. Notepad Kholo
  2. Us vich eh akhar type karo - <H1>Hello World</H1>
  3. Save button nu click kar ke file nu save kar lavo.
  4. Ek vaari fir hello.htm nu double click kar ke kholo.

    Internet explorer wich eh is taran da nazar ana chahida hai




    <H1> </H1> HTML tags hun.

Sabak 3 (Hor HTML tag)

Sabak 2 wich tussi <H1> </H1> HTML tags baare jaan kari hasal kiti. Hun tuhanu kujh hor tags baare jaankari dena chahunda haan.
  1. Notepad Kholo
  2. Us vich eh akhar type karo -

    <H1>Hello World</H1>

    <H2>Hello India</H2>

    <p>Hello every one in India</p>

    <H2>Hello Canada</H2>

    <p>Hello every one in Canada</p>

  3. Save button nu click kar ke file nu save kar lavo.
  4. Ek vaari fir hello.htm nu double click kar ke kholo.

    Internet explorer wich eh is taran da nazar ana chahida hai




    Asin is sabak wich <H1> , <H2> ate <p> tags di varton kiti hai. H1 ate H2 header tags hun. ehna di varton sirlekh (headings) at up-sirlekh (sub-headings) den layi kiti jaandi hai. P tag navan para banan layi vartia janda hai.

Sabak 4 (Rangdar likhai)

Je tussi apne web page wich rangdar likhai karna chahunde ho, tan us layi <font> tag di varton kiti jaandi hai.
  1. Notepad Kholo
  2. Us vich eh akhar type karo -

    <H1><font color=red> Hello World</font> </H1>

    <font color=blue>

    <H2>Hello India</H2>

    <p>Hello every one in India</p>

    <H2>Hello Canada</H2>

    <p>Hello every one in Canada</p>

    </font>

  3. Save button nu click kar ke file nu save kar lavo.
  4. Ek vaari fir hello.htm nu double click kar ke kholo.

    Internet explorer wich eh is taran da nazar ana chahida hai




    Asin is sabak wich <font> tag di varton kiti hai. Is naal asin aapni likhai da rang, akaar ate shakal badal sakde haan.

    color=red naal rang lal ho janda hai.

    color=blue naal rang neela ho janda hai.

    size=+1 naal likhai da akaar 1 ank vada ho janda hai.

    size=+2 naal likhai da akaar 2 ank vada ho janda hai.

    face=verdana naal shakal verdana font vaali ho jandi hai.

    Is taran hor bahut saare font hun jo tussi varton wich liya sakde ho.

    eg. <font color=red size=+2 face=verdana>Aj kaafi thand hai</font>

Sabak 5 (Tasveeran)

Web page bina tasveeran de kujh fika jiha lagda hai. Je tussi aapne web page wich tasveeran pana chahunde ho, tan us layi <img> tag di varton kiti jaandi hai.

Tasveer nu web page wich paan layi pehlan tuhade kol tasveer di .jpg ya .gif file honi chahidi hai. Mere kol billi di tasveer di ik file hai, is file da naam billi.jpg hai. Is nu web page wich paan layi <img> tag di varton karni pavegi

<img src=billi.jpg>

Is naal web page wich is billi di tasveer aa jaavegi

Sabak 6 (Link)

Web page wich ik khas gal hai jo kagaz de page wich nahin. Oh eh ki asin ek web page ton kise hor web page nu link de naal jod sakde haan. Link paan layi <a> tag di varton kiti jaandi hai.

Man lao tussi aapne web page ton yahoo.com nu link karna chahunde ho. Yahoo da web address hai http://www.yahoo.com. Is nu aapne web page ton link karan layi <a> tag di varton karni pavegi

<a href=http://www.yahoo.com>Eh link yahoo di site te janda hai</a>

Is naal tuhade web page ton yahoo.com da link ban javega, jo is taran dikhayi devega.

Eh link yahoo di site te janda hai

Eh link remote control di site te janda hai.

Eh link megamart di shopping site te janda hai.

Is tutorial baare aapne vichar bhejan layi jaskirat ((at)) javaden.com nu email bhejo.

Please send your comments or suggestions to jaskirat ((at)) javaden.com nu email bhejo.