Workshop on  Basic Web Design HTML, JavaScript Abu Mohammad Omar Shehab Uddin Ayub Organized by: CSE Society
WWW.THELASTSAMURAI.COM
WWW.MICROSOFT.COM
WWW.GOOGLE.COM
WWW.SUST.EDU
WWW.CALTECH.EDU
WWW.NASA.GOV
WWW.CRICINFO.COM
What is a website? A website is a collection of web pages. Web pages are generally written in HTML. The files on your computer that bear the extensions ( part of the file name after the . (dot sign)) html, htm, shtml, chm are HTML files. HTML == Hyper Text Markup Language Generally a website represents an organization, a subject, an event or an issue where things are told from different view ports through diverse media. A website is hosted on a computer which is connected to the Internet.
What is a website? (Contd…) You start a web browser on the computer at your computer and type the address (e.g.  www.sust.edu  or   www.yahoo.com   ). The web browser sends request for the main page i.e. Home Page to the server ( the computer on which the website is hosted ) and the server serves the web page. Internet Explorer, Netscape Navigator, Mozilla, Konquerer etc. are famous web browsers. HTTP == Hyper Text Transfer Protocol is used to serve webpages.
HTTP Request To View A Webpage The Requested Page Is Served Web Server Your PC at home or cyber cafe Behind The Screen
What is a web page? Web page presents information. It contains many objects. You can choose where to place the objects. Some of the objects can take user input. Some other just present information or beautify the page. Web pages of a website are organized under 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 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) <html> <head> <title> The Title Of The Page  </title>  <head> <body  bgcolor = &quot;#909090&quot; > <h1>Body</h2> Body is here. </body> </html>

Lecture1: HTML and JavaScript

  • 1.
    Workshop on Basic Web Design HTML, JavaScript Abu Mohammad Omar Shehab Uddin Ayub Organized by: CSE Society
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
    What is awebsite? A website is a collection of web pages. Web pages are generally written in HTML. The files on your computer that bear the extensions ( part of the file name after the . (dot sign)) html, htm, shtml, chm are HTML files. HTML == Hyper Text Markup Language Generally a website represents an organization, a subject, an event or an issue where things are told from different view ports through diverse media. A website is hosted on a computer which is connected to the Internet.
  • 10.
    What is awebsite? (Contd…) You start a web browser on the computer at your computer and type the address (e.g. www.sust.edu or www.yahoo.com ). The web browser sends request for the main page i.e. Home Page to the server ( the computer on which the website is hosted ) and the server serves the web page. Internet Explorer, Netscape Navigator, Mozilla, Konquerer etc. are famous web browsers. HTTP == Hyper Text Transfer Protocol is used to serve webpages.
  • 11.
    HTTP Request ToView A Webpage The Requested Page Is Served Web Server Your PC at home or cyber cafe Behind The Screen
  • 12.
    What is aweb page? Web page presents information. It contains many objects. You can choose where to place the objects. Some of the objects can take user input. Some other just present information or beautify the page. Web pages of a website are organized under directories / folders.
  • 13.
    Web pages arewritten in HTML. HTML codes are interpreted by web browsers (Internet Explorer etc.). HTML objects- Text Paragraph Image Table Frame Form Sound Video
  • 14.
    A Simple HTMLPage <html> <head> <title> The Title Of The Page </title> <head> <body> <h1>Body</h2> Body is here. </body> </html>
  • 15.
  • 16.
    A Simple HTMLPage (Modified) <html> <head> <title> The Title Of The Page </title> <head> <body bgcolor = &quot;#909090&quot; > <h1>Body</h2> Body is here. </body> </html>