Web Building Techniques

KPZ

Well-known member
  • Apr 15, 2011
    17,331
    1,622
    113
    where I wanna be

    මචෝ මෙන්න මේ ලින්ක් ඒකට ගිහින් බලන්න

    Link Test Page 3

    උඹ හින්දම host කරලා site එකක් හැදුව.
    ඒ page එකේ link click කරලා බලන්න page එකේ තැනින් තැනට jump කරන හැටි.

    මෙන්න ඒ page එකේ code එක


    HTML:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Link Test Page 3</title>
    </head>
    
    
    <body>
    <a name="top"><h4>Here is the Top</h4></a>
    <h3>This page shows how this type of links work</h3>
    
    <a href="#sec1">Look at Section 1</a><br/>
    <a href="#sec2">Look at Section 2</a><br/>
    <a href="#sec3">Look at Section 3</a><br/>
    <a href="#sec4">Look at Section 4</a><br/>
    
    <a name="sec1"><h3>Test Section 1</h3></a>
    <p>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/> </p>
    <p>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/></p>
    <a href="#top">Back to Top</a><br/><br/>
    
    <a name="sec2"><h3>Test Section 2</h3></a>
    <p>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/></p>
    <p>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/></p>
    <a href="#top">Back to Top</a><br/><br/>
    
    <a name="sec3"><h3>Test Section 3</h3></a>
    <p>This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br /></p>
    <p>This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br /></p>
    <a href="#top">Back to Top</a><br/><br/>
    
    <a name="sec4"><h3>Test Section 4</h3></a>
    <p>This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br /></p>
    <p>This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br /></p>
    <a href="#top">Back to Top</a><br/><br/>
    
    <a href="#sec1">Look at Section 1</a><br/>
    <a href="#sec2">Look at Section 2</a><br/>
    <a href="#sec3">Look at Section 3</a><br/>
    <a href="#sec4">Look at Section 4</a><br/>
    
    <a href="#top">Back to Top</a><br/><br/>
    
    </body>
    </html>
     

    randitha chathumal

    Well-known member
  • Jul 16, 2011
    5,699
    1,070
    113
    මචෝ මෙන්න මේ ලින්ක් ඒකට ගිහින් බලන්න

    Link Test Page 3

    උඹ හින්දම host කරලා site එකක් හැදුව.
    ඒ page එකේ link click කරලා බලන්න page එකේ තැනින් තැනට jump කරන හැටි.

    මෙන්න ඒ page එකේ code එක


    HTML:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Link Test Page 3</title>
    </head>
    
    
    <body>
    <a name="top"><h4>Here is the Top</h4></a>
    <h3>This page shows how this type of links work</h3>
    
    <a href="#sec1">Look at Section 1</a><br/>
    <a href="#sec2">Look at Section 2</a><br/>
    <a href="#sec3">Look at Section 3</a><br/>
    <a href="#sec4">Look at Section 4</a><br/>
    
    <a name="sec1"><h3>Test Section 1</h3></a>
    <p>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/> </p>
    <p>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/>This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1. This is the test section 1.<br/></p>
    <a href="#top">Back to Top</a><br/><br/>
    
    <a name="sec2"><h3>Test Section 2</h3></a>
    <p>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/></p>
    <p>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/>This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2. This is the test section 2.<br/></p>
    <a href="#top">Back to Top</a><br/><br/>
    
    <a name="sec3"><h3>Test Section 3</h3></a>
    <p>This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br /></p>
    <p>This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br />This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3. This is the test section 3.<br /></p>
    <a href="#top">Back to Top</a><br/><br/>
    
    <a name="sec4"><h3>Test Section 4</h3></a>
    <p>This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br /></p>
    <p>This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br />This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. This is the test section 4. <br /></p>
    <a href="#top">Back to Top</a><br/><br/>
    
    <a href="#sec1">Look at Section 1</a><br/>
    <a href="#sec2">Look at Section 2</a><br/>
    <a href="#sec3">Look at Section 3</a><br/>
    <a href="#sec4">Look at Section 4</a><br/>
    
    <a href="#top">Back to Top</a><br/><br/>
    
    </body>
    </html>
    :)
     

    KPZ

    Well-known member
  • Apr 15, 2011
    17,331
    1,622
    113
    where I wanna be
    මට දැන ගන්න ඕනි browser compatibility errors කොහොමද හදන්නේ කියල..:sorry::sorry::sorry:

    ඒ ගැන ලොකු දෙයක්නම් දන්නේ නැහැ මම. :sorry:
    මේ ටික කොහොමද කියලා බලන්නකෝ

    1. Firebug – “[This tool] helps bring to the surface any issues that the browser may not explain, as well those that are not obvious when reviewing HTML before the browser renders the document into its Document Object Model,” says Khrysti Nazzaro, Director of Optimized Services, MoreVisibility

    2. Firefox Developer Tools – “We do use a number of external tools as well, including the wonderful suite of developer tools available as FireFox plugins. These are an invaluable resource for trying to get to the bottom of a particular bug or error, ” George Evanko, owner of George Evanko Communications

    3. W3C HTML Validator – “One of the most important tools we offer developers is our Mark up Validation Service. This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.” Vera Newhouse, PR Agent for the W3C, Edelman

    4. W3C CSS Validator

    5. MeasureIt & Colorzilla – These are great for finding out how far off a color or location of an object rendered in the browser. This stops the guess work and tweaking, save, upload, test process.
     

    san1020

    Well-known member
  • Jun 8, 2011
    3,496
    506
    113
    ලැප ඉදිරියේ
    SQL

    SQL කියන්නේ මොකක්ද ?
    • SQL අකුරු තුනෙන් අදහස් වෙන්නේ Structured Query Language
    • SQL වලින් database access හා manage කිරීමේ පහසුකම් ලබා දෙනවා
    • SQL language එකේ extension ගොඩක් තියෙනවා මේවගේ syntax බොහෝදුරට සමානයි .(MySQL,postgreSQL,MS SQL,SQLite)
    SQL web site එකක use කරන්න පහත සදහන් දේවල් ඕන වෙනවා


    • RDBMS (ralational database management system) එකක් SQL sever , MySql wage
    • Server side scripting language ( PHP / ASP)
    • SQL
    • HTML/CSS
    SQL වෙනම install කරනවට වඩා wamp or xampp පාවිච්චි කරන එක පහසුයි .
    එත් SQL syntax ඉගෙන ගන්න නම් MySQL වෙනමම දා ගන්න එක හොදයි .

    MySQL



    ඊලගට මම tools use කරන්නේ නැතුව database සහ Tables හදලා data ඇතුලත් කරන විදිය දාන්නම් ..

    install කිරීම ගැන හරි වෙන දෙයක් ගැන හරි ප්‍රශ්නයක් තියෙනවා නම් අහන්න


     

    KPZ

    Well-known member
  • Apr 15, 2011
    17,331
    1,622
    113
    where I wanna be
    SQL

    SQL කියන්නේ මොකක්ද ?
    • SQL අකුරු තුනෙන් අදහස් වෙන්නේ Structured Query Language
    • SQL වලින් database access හා manage කිරීමේ පහසුකම් ලබා දෙනවා
    • SQL language එකේ extension ගොඩක් තියෙනවා මේවගේ syntax බොහෝදුරට සමානයි .(MySQL,postgreSQL,MS SQL,SQLite)
    SQL web site එකක use කරන්න පහත සදහන් දේවල් ඕන වෙනවා


    • RDBMS (ralational database management system) එකක් SQL sever , MySql wage
    • Server side scripting language ( PHP / ASP)
    • SQL
    • HTML/CSS
    SQL වෙනම install කරනවට වඩා wamp or xampp පාවිච්චි කරන එක පහසුයි .
    එත් SQL syntax ඉගෙන ගන්න නම් MySQL වෙනමම දා ගන්න එක හොදයි .

    MySQL



    ඊලගට මම tools use කරන්නේ නැතුව database සහ Tables හදලා data ඇතුලත් කරන විදිය දාන්නම් ..

    install කිරීම ගැන හරි වෙන දෙයක් ගැන හරි ප්‍රශ්නයක් තියෙනවා නම් අහන්න



    good tute machan
    nice work !!
    +4