Reply to thread

Message: <blockquote data-quote="Jolly_Roger" data-source="post: 9604515" data-attributes="member: 197784">Firefox,Chrome,IE හෝ වෙන ඕන එකක්, කව්රුත් එළකිරි ඇවිල්ල ඉන්නෙ Web Browser එකක් පාවිච්චි කරලනේ. ඒත් දන්නවද ඒක වැඩ කරන හැටි ?පොඩ්ඩක් කියන්න හිතුව Web Browser එකක් වැඩ කරන හැටි. අපි ලේසියෙන්ම url එකක් ටයිප් කරල එන්ටර් එක ගහපු ගමන් හෝ ගාල සයිට් එක ලෝඩ් වෙනව වගේ ලේසි ගේම් එකක් නෙමෙයි මේක.මෙහෙමයි වැඩේ සිද්ධ වෙන්නෙ <img src="/styles/default/xenforo/smilies/default/cool.gif"  class="smilie" loading="lazy" alt=":cool:" title="Cool    :cool:" data-shortname=":cool:" />1. url එක ගහල අපිට ඕන සයිට් එක කියනව. උදාහරණයක් විදියට <a href="http://www.google.com" target="_blank">www.google.com</a><img src="http://i1228.photobucket.com/albums/ee459/blackrubybarb/1.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />2.ඊට පස්සෙ Web Browser එක ඉන්ටනෙට් එක්ක සම්බන්ධ වෙනව. <img src="http://i1228.photobucket.com/albums/ee459/blackrubybarb/2.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />3.කෙලින්ම සම්බන්ධ වෙන්නෙ DNS Server එකට. DNS Server එකෙන් කරන්නෙ address resolution කරන එක. අපි ඉල්ලපු url එකට අදාල IP address එක තියන තැන පෙන්වන එක තමයි DNS Server එක කරන්නෙ. කෙටියෙන් කිව්වොත් බ්‍රව්සර් එකට මග පෙන්වීම.<img src="http://i1228.photobucket.com/albums/ee459/blackrubybarb/3.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />4.දැන් අපේ බ්‍රව්සර් එක සයිට් එක හොයාගෙන එක එක networks හරහා යනව DNS Server එකෙන් කියපු විදියට.<img src="http://i1228.photobucket.com/albums/ee459/blackrubybarb/4.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />5.ඔන්න දැන් DNS Server එකෙන් කියපු පොට් එකට ආව. මේක Hosting Server එකක්. මේ server එකේ තමයි අදාල IP address තියෙන්නෙ.<img src="http://i1228.photobucket.com/albums/ee459/blackrubybarb/5.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />6.දැන් බ්‍රව්සර් එක අදාල සයිට් එක එක්ක communicate කරනව.<img src="http://i1228.photobucket.com/albums/ee459/blackrubybarb/6.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />7. ආයෙත් අපි හොයාගෙන එනව.<img src="http://i1228.photobucket.com/albums/ee459/blackrubybarb/7.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />8.වැඩේ හරි. ඔන්න මම හොයන් ආව කියල අපිට සයිට් එකේ තියන දේ පෙන්නව.<img src="http://i1228.photobucket.com/albums/ee459/blackrubybarb/8.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />හරිම සරලයි නේද ? <img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" />ඒත් ඇත්තටම එහෙම සරල නැහැ. <img src="/styles/default/xenforo/smilies/default/no.gif"  class="smilie" loading="lazy" alt=":no:" title="No    :no:" data-shortname=":no:" /><img src="/styles/default/xenforo/smilies/default/no.gif"  class="smilie" loading="lazy" alt=":no:" title="No    :no:" data-shortname=":no:" />තව ටිකක් ගැඹුරින් කිව්වොත් මෙහෙම දෙයකුත් වෙනව. මෙන්න මේ විදියට තමයි ඇත්තටම Web Browser එකක් වැඩ කරන්නෙ.Web Browser එකක මූළිකම කාර්ය තමයි Web Page එකක් දර්ශනය කරන එක(fetch and display a web-page). Rendering Process කියලත් කියනව.මේක කරන්න ප්‍රධාන පියවර කීපයක් තියනව. Rendering Process<img src="http://i1228.photobucket.com/albums/ee459/blackrubybarb/Elakiri/Gecko_Overview_9.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />    * Load the HTMLවෙබ් අඩවිය ගබඩා කර ඇති තැනින්(Server) දත්ත ලබා ගැනීම. සාමාන්යෙන් HTTP කියන Protocol එක හරහා තමයි දත්ත ලබාගන්නෙ. මේ ක්‍රමයට කියන්නෙ client-server architecture එක කියල. මෙතනදි client විදියට අපි වෙනුවෙන් ක්‍රියාකරන්නෙ Web Browser එක.<img src="http://www.leisurenight.com/wp-content/uploads/client-server-model-architecture-design-diagram.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />client-server architecture    * Parse itparse කරනව කියන්නෙ ලබාගත්ත HTML elements ටික හරි පිලිවෙලකට හදාගන්න එකට.    * Apply stylesඕනම වෙබ් පිටුවක තියනවනේ ඒක ඩිසයින් කරද්දි පාවිච්චි කරපු ස්ටයිල් එකක්. ඒ ස්ටයිල් එක වෙබ් පිටුවල අවශ්‍ය තැන් වලට යොදන එක තමයි මෙතනදි වෙන්නෙ. අමතර style sheets(CSS files) එහෙම තියනම් ඒවත් මේ සඳහා යොදාගන්නව.    * Build framesදැන් තමයි නියමාකාරයෙන් වෙබ් පිටුව ගොඩනංවන්නෙ. height, width, border, spacing, padding, margin, position වගේ ඒව ඔක්කොම apply කරනව මේ පියවරේදි.    * Layout the frames (flow)මෙතනදි තමයි වෙබ් පිටුවෙ flow එක හදාගන්නෙ. ඒ කියන්නෙ  elements නියමිත තැන්වලට place කරනව.    * Paint the framesඅවසානයේ අපිට වෙබ් පිටුව ලස්සනට පෙන්නන එක. <img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" /><img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" />(තේරුනාද මන්ද <img src="/styles/default/xenforo/smilies/default/dull.gif"  class="smilie" loading="lazy" alt=":dull:" title="Dull    :dull:" data-shortname=":dull:" />)කොහොමද වැඩේ....... ආතල් එකේ වාඩිවෙලා එලකිරි ආවට ලේසි නෑ නේ බ්‍රව්සර් එක දෙන ගේම <img src="/styles/default/xenforo/smilies/default/P.gif"  class="smilie" loading="lazy" alt=":P" title=":P    :P" data-shortname=":P" /></blockquote>

Verification: Hata thunen beduwama keeyada? (60 bedeema thuna)

Top Bottom