Embed Size (px)
Citation preview
Workshop on Workshop on
Basic Web DesignBasic Web Design
HTML, JavaScriptHTML, JavaScript
Abu Mohammad Omar Shehab Uddin AyubAbu Mohammad Omar Shehab Uddin Ayub Organized by: CSE SocietyOrganized by: CSE Society
WWW.THELASTSAMURAI.COMWWW.THELASTSAMURAI.COM
WWW.MICROSOFT.COMWWW.MICROSOFT.COM
WWW.GOOGLE.COMWWW.GOOGLE.COM
WWW.SUST.EDUWWW.SUST.EDU
WWW.CALTECH.EDUWWW.CALTECH.EDU
WWW.NASA.GOVWWW.NASA.GOV
WWW.CRICINFO.COMWWW.CRICINFO.COM
What is a website?What is a website?• A website is a collection of web pages.A website is a collection of web pages.
• Web pages are generally written in HTML.Web pages are generally written in HTML.
• The files on your computer that bear the extensions The files on your computer that bear the extensions ( part of the file name after the . (dot sign)) html, htm, ( part of the file name after the . (dot sign)) html, htm, shtml, chm are HTML files.shtml, chm are HTML files.
• HTML == Hyper Text Markup LanguageHTML == Hyper Text Markup Language
• Generally a website represents an organization, a Generally a website represents an organization, a subject, an event or an issue where things are told subject, an event or an issue where things are told from different view ports through diverse media.from different view ports through diverse media.
• A website is hosted on a computer which is A website is hosted on a computer which is connected to the Internet.connected to the Internet.
What is a website? (Contd…)What is a website? (Contd…)• You start a web browser on the computer at your You start a web browser on the computer at your computer and type the address (e.g. computer and type the address (e.g. www.sust.edu or or www.yahoo.com ).).
• The web browser sends request for the main page The web browser sends request for the main page i.e. Home Page to the server ( the computer on which i.e. Home Page to the server ( the computer on which the website is hosted ) and the server serves the web the website is hosted ) and the server serves the web page.page.
• Internet Explorer, Netscape Navigator, Mozilla, Internet Explorer, Netscape Navigator, Mozilla, Konquerer etc. are famous web browsers.Konquerer etc. are famous web browsers.
• HTTP == Hyper Text Transfer Protocol is used to HTTP == Hyper Text Transfer Protocol is used to serve webpages.serve webpages.
HTTP Request To View A WebpageHTTP Request To View A Webpage
The Requested Page Is ServedThe Requested Page Is ServedWeb ServerWeb Server
Your PC at Your PC at home or cyber home or cyber
cafecafe
Behind The ScreenBehind The Screen
What is a web page?What is a web page?• Web page presents information.Web page presents information.
• It contains many objects.It contains many objects.
• You can choose where to place the objects.You can choose where to place the objects.
• Some of the objects can take user input.Some of the objects can take user input.
• Some other just present information or beautify the Some other just present information or beautify the page.page.
• Web pages of a website are organized under Web pages of a website are organized under directories / folders.directories / folders.
• Web pages are written in HTML.
• HTML codes are interpreted by web browsers (Internet Explorer etc.).
• HTML objects-
• Text
• Paragraph
• Image
• Table
•Frame
• Form
• Sound
• Video
A Simple HTML PageA Simple HTML Page
<html>
<head>
<title>
The Title Of The Page
</title>
<head>
<body>
<h1>Body</h2>
Body is here.
</body>
</html>
Test.htm
A Simple HTML Page (Modified)A Simple HTML Page (Modified)
<html>
<head>
<title>
The Title Of The Page
</title>
<head>
<body bgcolor = "#909090">
<h1>Body</h2>
Body is here.
</body>
</html>
