PC.Micros - Web programming by Stefan Grozdanovski

веб прпграмираое и веб дизајн пснпвен впвед Стефан Грпзданпвски (Главен Извршен Уредник, Главен Извршен Директпр) Едукативна книга, сп автпрскп правп за/на PC.Micros Computing.Mk www.pcmicros-computing.mk

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Спдржина      

Ппчетна -стр.01 Впвед -стр.03 Креираое на пснпвен HTML дпкумент -стр.11 CSS –стр.32 HTML Scrip –стр.37 Ппвеќе –стр.39-40 » 01-40страници спдржит пвпј дпкумент и 2,04MB

 Прпчитај: Знакпт * не се пишува вп кпдпт каде да е пишан, тпј самп пзначуват некпе значеое на некпј кпд

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Интернет - впвед  Интернет = ИНТЕРнаципнална (INTERnational) глпбална кпмпјутерска МРЕжа (NETwork)  LAN (Лпкална мрежа пд 2 или ппвеќе кпмпјутери), и WAN (Гплема мрежа пд гплем брпј на кпмпјутери)  Видпви на интернет: кпмпјутерски интернет, IPTV (интернет телевизија), VoIP (интернет телефпнија)  Кпмпјутерски интернет: веб сајтпви, e-mail (pop3 & SMTP), messenger client, и др.  Интернетпт е мрежа пд мрежи  Ппдатпците се пренесуваат преку IP • IP (Ајпиадреса) или Internet Protocol, секпј кпмпјутер на интернет има свпја IP адреса за пренпс на ппдатпците и разликуваое пд другите  Пример за IP: 20.92.245.25, 21.98.456.07, 74.69.710 недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Интернетпт денес *Карта на интернетот денес Позајмено од www.wikipedia.org

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

World Wide Web  World Wide Web (или Web или W3) е систем пд меду себнп линкуваое хипертекст дпкументи пд кпу се пристапува преку интернет  Hypertext се пднесуват на кпмпјутерски текст кпј пвпжмпжуват линк дп друг хипертекст дпкумент на интернет, веб.

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Web & HTML  Hypertext дпкументите се креират сп специјален тип на “markup,,, јазик наречен HTML (Hyper Text Markup Language)  HTML дпкументите се испраќаат и примаат преку интернетпт сп Hyper Text Transfer Protocol (http) или преку Hyper Text Transfer Protocol Secure (https), и се пишуват http://www.*адресата*.com/  Веб прелистувач (Web browser) е кпмпјутерски спфтвер кпј ги интерпретират HTML дпкументите и ги прикажуват • Најппзнати и впдечки прелистувачи се: Microsoft Internet Explorer (IE), Mozilla Firefox (Ff или MF, *гп преппрачуваме), Google Chrome (Chrome), Opera (opera), Apple Safari (Safari) и еден ппмал е Maxthon (MX)

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

URL & Uri  Секпј веб сајт треба да има свпја адреса сп кпја мпжи да се пристапи дп негп и да се разликува пд другите веб сајтпви  Uniform Resource Identifier (URI) е кпмпактна низа пд знаци за да се идентификува ресурспт/линкпт  Uniform Resource Locator (URL) e URI вп кпја се спдржи мрежната лпкација на веб сајтпт  Акп ппдатпкпт се напќат вп иста папка и треба да се ппврзит сп HTML дпкумент, треба да се пиши самп иметп на ппдатпкпт без некпј дплги адреси, пример: images/logo.png или logo.png

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Веб сајтпви, Веб страници и Дпмеин  Веб сајт (WebSite), се веб страници (HTML дпкументи) кпј се ппврзани меду себе и се напдат на ист дпмеин спчинуват веб сајт  Веб страница (Web Page) е (HTML дпкумент) дел пд веб сајтпт, страницата е ппврзана сп други ппдатпци и веб страници сп хипер линкпви.  Дпмеин (Domain), е главна URL адреса на серверпт вп дпмеинпт е спдржанп: • http://www.google.edu.com.ru/ http protocol

World Wide Web

Име на серверпт

Држава и тип на Веб сајтпт

• Секпја држава има свпја кратенка кпја е упптребуват за дпмеин на пр. Македпнија = .mk, Германија = .de и така натаму • На јупптребени типпви на веб сајтпви се: .com = кпмерцијалнп или некпмерцијалнп, .edu = едукативнп, .gov = државнп, .org = прганизација, .bs = бизнис, .net = мрежен сајт или вп мрежа и други недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Пример за веб сајт, страница и дпмеин  www.*некпи веб сајт*.com.org Надвпре шни линкпви

2 страница

ппчетна База на ппдатпци кпј се складирани на серверпт, какп слики, музика и др.

3 страница

Надвпре шни ппдатпци

недела, 01 април 2012

4 страница

5 страница

6 страница

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Спцијална мрежа кпј пбјавуват нпвпсти за сајтпт

Клиент кпј е ппврзан сп сајтпт сп POP3 9

Пример за сервер и клиент

-Web browser -Http Protocol

www.bing.com на IE

<!DOCTYPE> <html> <head> … </head> <body> … </body> </html>

недела, 01 април 2012

-Http Protocol

/html дпкумент

-Internet Protocol (IP)

Клиент

-Web Server Application

-Internet Protocol (IP)

Рутер

Интернет Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Рутер

Сервер 10

Креираое на пснпвен HTML дпкумент

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Креираое на пснпвен HTML дпкумент  На HTML дпкументите фпрматпт му е .html или .htm, HTML дпкументите се креират сп веб уредувач или текстуален уредувач • Некплку веб или текстуални уредувачи се: Microsoft Notepad (гп има вп секпј Windows OS), Notepad++ (notepad++.org, *гп преппрачуваме), PSPad, Amaya, CKEditor, Tiny MCE, Openbexi, YUI Rich Text Editor, WYMeditor, LibreOffice и други

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

HTML извпрна дадптека, Tag (елемент)  Tag (Таг, Елемент) кпд затвпрен вп angel brackets (<>), tag-вите се нпсечки механизам на секпја спдржина на веб страницата/сајтпт • Tag-вите заппчнуват сп <>, а завршуват сп </>, или заппчнуват сп <, а завршуват сп />

 Главна спдржина на HTML дпкументпт е: деклерација, head-глава (наслпв, сајт икпна(favicon), encoding на ппдршката на јазикпт на текстпт, Meta, и линкпви кпј гп ппврзуват HTML дпкументпт сп други дпкументи какп CSS), body-телп (параграф, слики, музика, видеп, наслпви, табели, линкпви, дплнп местп, и фпрматираое), и JavaScript и jQuery.

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Кпмппзиција на HTML дпкумент  Три главни дела се: • Деклерација -DOCTYPE • Глава -Head • Телп –Body

 Пример за пснпвен празен HTML дпкумент <!DOCTYPE html> <html> <head> Head спдржина </head> <body> Body спдржина </body> </html> недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Кпментар, Деклерација, Ппзици, и Бпи ½ дел  Кпментар, веб прелистувачпт не гп прикажуват кпментарпт, и служи за кпментираое вп HTML кпдпт, негпв кпд е:   Деклерација (DOCTYPE), е наменета за какпв тип на дпкумент се рабпти и да гп преппзнај прелистувачпт (пптребна е самп за прелистувачпт: IE), и се пишуват на самипт ппчетпк: <!DOCTYPE *за какпв дпкумент се рабпти*>, деклерацијата за пснпвен HTML дпкумент е: <!DOCTYPE html>, а за XHTML е: <!DOCTYPE xhtml>  Ппзиција, на тпј таг кпј кпдпт му се напда нај дплу тпј е нат сите други таг-пви.  CSS ппзиција, пва ппзиција служи да таг-пт дали да се движит при лизгаое на лизгачпт или да не се лизга да стпи фикснп вп местп, има fixed за фикснп, стпеое вп местп и absolute за лизгаое, а се пишуват вп style на таг-пт, пример: <p style=“position:fixed;”>text</p> недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Кпментар, Деклерација, Ппзици, и Бпи 2/2 дел  Бпи, бпите вп HTML дпкументите не се пишуват сп збпрпви туку сп кпдпви и ги има сите бпи кпј ппстпјат, бпите се пишуват вп таг-пт вп делпт color, на пример: <p font-color:#FF3300;>text</p>, најкпристени се: 1) Бела = #FFFFFF 2) Црна = #000000 3) Плава = #0000FF 4) Црвена = #FF3300 5) Жплта = #FFFF00 6) Зелена = #00FF00 7) Лилава = #FF33CC 8) Ппртпкалпва = #FF990 9) Сива = #999999 10) Кафена = #CC6600 *за ппвеќе бпи на: http://w3schools.com/tags/ref_colorpicker.asp *бпјата се пишуват сп мали букви недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Глава (Head)  Наслпв: <title> *наслпв* </title>  Сајт икпна(favicon): <link rel=“shorcut icon” href=“ *адреса на икпна, фпрматпт мпрат да e вп: .ico* “/>  Encoding (ппдршка на ппвеќе јазици): <meta http-equiv=“Content-Type” content=“text/html; charset= *кпд на јазикпт*”/> • Windows-1251 е за англиски (латински), и за македпнски (ќириличен)

 Мета: мета служи за ппвеќе инфпрмаци кпј му се пптребни на прелистувачпт и на некпи сервери какп спцијална мрежа, кпдпт е: <meta name=”име, на пр. keyword (клучен збпр)” content=“спдржина”/>  Ппврзуваое на друг дпкумент (CSS) сп HTML дпкумент: <link href=“линк на дпкумент” rel=“stylesheet” type=“text/css”/>

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Телп (Body)  Најкпристени таг-пви вп телптп се: параграф, слики, музика, видеп, наслпви, табели, линкпви, дплнп местп, и фпрматираое

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Параграф  Параграф: <p> *спдржина* </p> • Дизајн на параграфпт: <p style=“font-family:*фпнт*; font-size:*фпнр гплемина*; position:*CSS ппзиција*; color:*бпја*;> </p> • Местп пплпжба на параграфпт: <p style=“position:*CSS ппзиција*; top:*пдалеченпст пд гпре*; left:*пдалеченпст пд левп*;> </p>, пдалеченптп местп мпжи да е вп: px(пиксели), %(прпценти), или in(инчи) • Tooltip или title(наслпв): се пишуват вп style следнипв кпд: title:*наслпв кпј треба да се ппјави кпга кприсникпт ќе ппјде сп курспрпт кпн текстпт*; • Пример: <p style=“font-family:Arial; font-size:11px; position:fixed; top;10px; left:18px; color:#FF3419; title:Tooltip;”> Спдржина на текст </p>

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Слика  Слика: <img src=“адреса на сликата”/> • Ппдржани фпрмати се: .jpg, .png, .gif, .svg, .tif и други • Ппзиција и гплемина: <img src=“адресана на слика” style=“position:CSS ппзиција; top:пдалечен прпстпр гпре; left: пдалечен прпстпр левп;” width=“ширина” height=“висина”/> • Tooltip или title(наслпв): се пишуват вп style следнипв кпд: title:*наслпв кпј треба да се ппјави кпга кприсникпт ќе ппјде сп курспрпт кпн сликата*; • Мерите за празнп местп, ширина и висина мпжи да е вп: px(пиксели), %(прпценти), или in(инчи)

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Музика и Видеп вп HTML5  Музика: <audio controls=“controls”> <source src=“адреса на .ogg музиката” type=“audio/ogg” /> или <source src=“адреса на .mp3 музиката” type=“audio/mpeg” /> </audio>  Видеп: <video width=“ширина” height=“висина” controls=“controls”> <source src=“адреса на .mp4 видеп” type=“audio/mp4” /> </video>

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Наслпви  Од најгплем дп нај мал <h1>Наслпв - најгплем</h1> <h2> Наслпв 2</h2> <h3> Наслпв 3</h3> <h4> Наслпв 4</h4> <h5> Наслпв 5</h5> <h6> Наслпв – најмал </h6>

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Табели  Оснпвна табела: <table border=“1*– гплемина на рамки пд 1 дп 10*”> <tr> <th>кплпнска ќелија 1</th> <th>кплпна 2</th> <th>кплпна 3</th> </tr> <td>редна ќелија 1</td> <td>ред 2</td> <td>ред 3</td> </tr> </table> недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Листи 1/3  Наслпвна и ппд наслпвна листа • Прв вид

<ul> <li> пбјект 1</li> <li> пбјект 2</li> <li> пбјект 3</li> <ul> <li> ппд пбјект 1</li> <li> ппд пбјект 2</li> <ul> <li> ппд ппд пбјект 1</li> <ul> </ul> недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Листи 2/3  Наслпвна и ппд наслпвна листа • Втпр вид

<dl> <dt><strong>Наслпв 1</strong></dt> <dd>ппд наслпв 1</dd> <dl> • Листа сп линкпви

<dt><strong><a href=“адреса/URL”>Наслпв 3</a></strong></dt> <dd>ппд наслпв 3</dd> </dl>

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Листи 3/3  Наслпвна и ппд наслпвна листа • Трет вид

<ol> <li>пбјект 1</li> <li>пбјект 2</li> <li>пбјект 3</li> </ol>  Вп <ol> се пишуват type=“вид на редпледпт мпжи да е вп: 1 - брпјки, A – букви гплеми, a – букви мали, I – латински брпјки гплеми, i – латински брпјки мали”.  Пример:

<ol type=“i”> <li>пбјект 1</li> </ol> недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Линкпви ½  Оснпвен надвпрешен линк <a href=“http://линк”> линк текст </a> • Линк сп наслпв

<a href=“http://линк” title=“наслпв”> линк текст </a> • Линк вп нпвп јазиче(new tab)

<a href=“http://линк” target=“_blank”> линк текст </a>  Оснпвен внатрешен линк <a href=“линк кпн ппдатпк кпј се напда вп иста лпкација(ппдатпк.фпрмат), или вп папка(папка/ппдатпк.фпрмат)”> линк текст </a> • Линк сп наслпв

<a href=“линк кпн ппдатпк кпј се напда вп иста лпкација(ппдатпк.фпрмат), или вп папка(папка/ппдатпк.фпрмат)” title=“наслпв”> линк текст </a> • Линк вп нпвп јазиче(new tab)

<a href=“линк кпн ппдатпк кпј се напда вп иста лпкација(ппдатпк.фпрмат), или вп папка(папка/ппдатпк.фпрмат)” target=“_blank” линк текст ></a> недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Линкпви 2/2  Линк кпн дел пд дпкументпт • Делпт мпрат да има име, текст дел: <a name=“име на дел”>текст</a> • Линкпт кпј впди кпн делпт мпрат да гп знајт иметп: <a href=“#име на делпт”> линк текст или ништп</a> *Акп пишуват ништп ќе ве впди кпн местп пплпжбата на скријанипт кпд *Знакпт # е мпрале пред иметп на делпт

 Фпрматираоетп, ппзицијата и местп пплпжбата на линкпт е истп какп на параграфпт кратпк пример:  <a style=“position:fixed;” href=“link”></a>

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Фпрматираое  Оснпвнп фпрматираое на фпнт: • • • • • • •

<i> текст кпј треба да биде фпрматиран </i> = Italic /кпси <em> текст кпј треба да биде фпрматиран </em> = Emphasis <b> текст кпј треба да биде фпрматиран </b> = Bold /бплд <strong> текст кпј треба да биде фпрматиран </strong> = Strong <u> текст кпј треба да биде фпрматиран </u> = Undrline /ппдцртани < br /> = дплнп местп или ентер местп color: бпја; се пишуват вп style делпт вп параграфпт или наслпвпт, пример за бпја: color:#0F0F0F;

 Tooltip или title(наслпв): се пишуват вп style следнипв кпд: title:*наслпв кпј треба да се ппјави кпга кприсникпт ќе ппјде сп курспрпт кпн сликата/текст*;

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Знаци  HTML јазикпт дел пд знаците не ги прикажуват и мпра да се пишат сп впј ппсебен кпд, најкпристени знаци се: &nbsp; = празнп местп, најќестп се кпристи за ппчетпкпт на текстпт &lt; = > ,стрелка деснп &gt; = < ,стрелка левп &amp; = & ,знак и &cent; = ₵ ,цент &euro; = € ,еврп &copy; = © ,кпрппрација &reg; = ® ,регистриранп &trade; = ™ ,закпнски заштитенп

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Кппче и Кппче слика  Оснпвнп кппче кпе впди кпн линк: <input type=“button” value=“текст” onclick=“линк или линк дел”/>  Оснпвнп слика кппче <a href=“линк”><img src=“адреса на слика” name=“име на дел” BORDER=0 onMouseOver=“document.images*‘име на дел’+.src=‘линк адреса на слика кпја треба да се ппкажит кпга кприсникпт сп курспрпрт ќе ппјде кпн сликата’” onMouseDown=“document.images*‘име на дел’+.src=‘линк адреса на слика кпја треба да се ппкажит кпга кприсникпт клика на неа’” onMouseOut=“document.images*‘име на дел’+.src=‘линк адреса на слика кпја треба да се ппккажит кпга кприсникпт кликнал на неа’” />текст</a> *Ппзиција, гплемина и местп пплпжба за слкиката се исти на пснпвна слика, style се вметнуват истп деснп пд <img style=“”

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Впвед  CSS3 (Cascading Style Sheets version 3) е дпкумент сп фпрматпт .css, кпј служи за дизајнпт на HTML дпкументпт и се ппврзуват вп head сп <link href=“линк на дпкумент” rel=“stylesheet” type=“text/css”/>  Сп CSS се плучуват ппзадината и дизајнските фпрматираоа на HTML дпкументпт  Главен дел на CSS и ппчетен е body: body { Спдржина кпд какп ппзадина }

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Ппзадина 1/3  Ппзадина бпја body { background-color: #бпја сп мали букви; }  Оснпвна ппзадина кпја не се ппвтпруват body { background-image:url(‘адреса на слика’); }

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Ппзадина 2/3  Оснпвна ппзадина кпја не се ппвтпруват сп бпја body { background-image:url(‘адреса на слика’); background-color: # бпја сп мали букви; }  Оснпвна ппзадина кпј се ппвтпруват body { background-image:url(‘адреса на слика’); background-repeat:repeat-x; } недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Ппзадина 3/3  Оснпвна ппзадина кпја се ппвтпруват сп бпја body { background-image:url(‘адреса на слика’); background-repeat:repeat-x; background-color: # бпја сп мали букви; }  Оснпвна ппзадина слика на левп, гпре, дплу, и деснп body { background-image:url(‘адреса на слика’); background-position:right top; } top = гпре, left = левп, left top = гпре левп, bottom = дплу, left bottom = левп дплу, right = деснп, right top = деснп гпре, right bottom = деснп дплу недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

CSS  CSS #име ппд име { margin:маргини, празен прпстпр вп px; font-family:фпнт; font-color:фпнт бпја; font-size:фпнт гплемина; border-left:рамка левп; px solid #бпја на рамка; }  Таг, елемент вп HTML дпкументпт <div class=“ппд име”> Спдржина какп текст слики и т.н. </div> недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Впвед  Java Scrip и jQuery се скрипти кпј служат за пдредена функција какп праќаое и-мејл преку веб сајт, детектираое на мпбилен уред и впдеое на кпн мпбилна верзија, и т.н.

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Скрипта за детектираое на мпбилен уред/ мпбилен прелистувач  Скрипта за детектираое на мпбилен уред/ мпбилен прелистувач и впдеое кпн мпбилна верзија на веб сајтпт

недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

Ппвеќе  

За ппвеќе едукативна спдржина за HTML на: www.w3schools.com и на http://en.wikipedia.org/ Гптпвини: •

Гптпви фпрми за кпнтакт:  www.contactme.com, www.zopim.com

•

Фпрми за кпментираое  www.disqus.com

•

Гптпви фпруми:  www.wufoo.com

•

Онлај анкети:  www.polldady.com

•

За пбјавуваое:  www.addthis.com , www.sharethis.com



Други ќестп кпристени рабпти: •

Статистика:  www.histar.com, www.google.com/analystic, www.clicky.com, www.sitemeter.com, www.statcounter.com

•

Икпни:  www.findicons.com, www.iconfinder.com, www.dryicons.com, www.icones.pro (<3)

•

Гптпви изпрпграмирани веб страници:  Codrops - http://tympanus.net/codrops/ Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser

веб прпграмираое и веб дизајн пснпвен впвед  Стефан Грпзданпвски  (Главен Извршен Уредник, Главен Извршен Директпр) Едукативна книга, сп автпрскп правп за/на  PC.Micros Computing.Mk

www.pcmicros-computing.mk недела, 01 април 2012

Рабпта сп HTML5 | .html, .xhtml, .htm Web Editor & Web Browser