Web Building Techniques

KPZ

Well-known member
  • Apr 15, 2011
    17,812
    1,633
    113
    where I wanna be
    මුලින්ම මේ ටික කියවලා ඉන්න !!!

    මේ thread එක මම තනියම කරන එකක් නෙවෙයි.
    HTML, CSS, JavaScript, PHP, MySQL වගේ subject දන්න අය මෙතන පාඩම් කියලා දෙනවා.
    ඔයගොල්ලන්ගේ ප්‍රශ්නත් මෙතන post කරන්න.
    ඔයාල ගාව තියෙන eBooks, Videos මෙතන බෙදා ගමු.

    මුලින්ම HTML වලින් මම පටන් ගන්නවා.
    ඒත් CSS පුළුවන් කෙනෙක් මේ එක්කම CSS පටන් ගත්තට ප්‍රශ්නයක් නැහැ. JavaScript, PHP, MySQL පස්සේ පටන් ගනිමු.

    Lessons post කරද්දී HTML පාටිනුත්, CSS පාටිනුත්, JavaScript පාටිනුත්, PHP පාටිනුත්, MySQL පාටිනුත් post කරන්න.
    එතකොට බලන අයට හොයා ගන්න ලේසි වෙයි.
    ප්‍රශ්නයක් අහනවනම් Question කියන පාට යොදා ගන්න.
    තමන් post කරන්නෙ වෙනත් දෙයක්නම් ex :- Blogspot design, Wordpress design වගේ දෙයක්නම් Title එකක් දෙන්න මත ඇතුව.
    (Blog ගැන නම් Title එක Blogs වගේ.)

    Rep දෙනකොට thread එක පටන් ගත්ත post එකට Rep දෙන්න එපා!
    ඒ ඒ subject lessons post කරන කෙනාගේ post වලට දෙන්න.

    ඉගෙන ගන්න අයත් සහය ලබාදෙයි කියලා හිතනවා.
    මොනවා හරි දෙයක් ඉගෙන ගත්තනම් ඒක post කරන්න.
    එතකොට අපිට පුළුවන් ඉගෙන ගන්න අයට ප්‍රශ්න දෙන්න.
    එතකොට ඉගෙන ගන්න අයට තියෙන්නේ ඒක කරලා තමන්ගේ පිළිතුර මෙතන post කරන්න.
    :cool::cool:
    එහෙනම් වැඩේ පටන් ගමුද??;);)
     

    KPZ

    Well-known member
  • Apr 15, 2011
    17,812
    1,633
    113
    where I wanna be
    HTML5_Logo_256.png


    Contents


    HTML Fundamentals
    HTML Elements
    HTML Symbols
    HTML5 Information
     

    KPZ

    Well-known member
  • Apr 15, 2011
    17,812
    1,633
    113
    where I wanna be
    HTML Fundamentals

    HTML Introduction - හැඳින්වීම

    Web Designing Master කෙනෙක් වීමේ පළවෙනි පියවර තමයි HTML ඉගෙන ගැනීම. HTML කියන්නේ HyperText Markup Language කියන එකට. HTML වලින් කරන්නෙ අපේ Web page එකේ Structure එක හදාගන්න එක. අපේ Page එකේ Headings එන තැන්, Paragraphs, Lists, Images, Videos පිහිටීම හදා ගන්නේ වල පිහිටෙන් තමයි.

    HTML standards පාලනය කරන්නෙ W3C එකෙන්.

    අපි ලියන HTML file එක කියවලා ඒක Web page එකක් විදිහට හරවලා දෙන්නෙ Web Browser software එක. එක එක web browser වලදී එකම HTML document වෙනස් වෙනස් විදිහට පේන්න පුළුවන්.හැබැයි ඒ ඉතාම කලාතුරකින්.

    අපිට ඕනෑම text editor එකක් අපේ HTML Document code එක ලියාගන්න පාවිච්චි කරන්න පුළුවන්. අන්තිමට ඒක save කරද්දී .html කියන extension එකෙන් save කරගන්න විතරයි තියෙන්නේ.
     
    • Like
    Reactions: smother

    KPZ

    Well-known member
  • Apr 15, 2011
    17,812
    1,633
    113
    where I wanna be
    Web Page එකක් හදාගැනීම

    මුලින්ම Notepad එක open කරලා මේ code එක type කරගන්න මේ තියෙන විදිහටම. HTML වල < > දෙක මැද ලියන ඒවට කියන්නේ Tags කියලා. tags හැමතිස්සෙම simple වලින් ලියන්න පුරුදු වෙන්න. Capital වලින් ලිව්වත් ප්‍රශ්නයක් නැහැ. ඒත් simple වලින් ලියල පුරුදු වෙන්න.

    අපේ html file එක html tags වලින් තමයි නිර්මාණය වෙන්නේ.

    HTML:
    <html>
    
    <head>
      <title>My First Page</title>
    </head>
    
    <body>
     this is my web page.
    </body>
    
    </html>

    <> ආරම්භක tag එක
    </> අවසන් tag එක

    code ලියද්දි මේ ආරම්භක tag එක සහ අවසන් tag එක කියන දෙකම දාන්න මතක තියාගන්න.

    <html></html> කියන tab එකෙන් තමයි browser software එක අදුර ගන්නේ මේ file එකේ html coding ආරම්භ වෙන තැන සහ ඉවර වෙන තැන. මේ tag 2 ඇතුලේ තමයි සියලුම coding ටික ලියවෙන්නේ.

    <head></head> ඇතුලේ තමයි අපේ අනිකුත් file ජාති (CSS , JavaScript) වගේ දේවල් include කරන්නෙ, ඒ වගේම <title></title> tag , <meta></meta> tag include වෙන්නෙත් මෙතනට තමයි.

    <title></title> මේ tag 2 අතර ලියන දේවල් අපේ page එකේ title එක විදිහට වැඩ කරනවා.

    <body></body> මේ tag 2 අතර ලියන දේවල් තමයි web page එකේදී අපිට display වෙන්නේ.


    1.jpg


    ඊට පස්සේ save කරගන්න මේ විදිහට.

    2-1.jpg


    රුපයේ 1 කියලා පෙන්නලා තියෙනවා වගේ file name එකේ අගට .html extension එක දෙන්න.
    2 කියලා තියෙන තැනට All Files කියන එක දීල save කරගන්න.
    තමන්ගේ ඔක්කොම HTML file ටික එකම තැනකට save කරගත්තනම් තමයි හොද.

    3.jpg


    මේ තියෙන්නේ අපේ file එක save කරගත්තම ලැබෙන file එක.

    ff.jpg


    chrome-1.jpg


    opera.jpg


    උඩින් තියෙන්නේ අපේ file එක, එක එක browser වලින් open කලාම පෙනෙන විදිහ.
     
    • Like
    Reactions: Anjulayr

    FreeMash

    Junior member
  • Sep 26, 2012
    119
    15
    18
    ඉතා අගයන්න ඕන වැඩක්. දිගටම කරගෙන යමු. :)