OverviewofWebProgrammingFundamentalsofStaticWeb.ppt

Overview of Web Programming Fundamentals of Static Web Programming (HTML)Brian KwanIEE, MCSE, MCSE+I, MCDBAbriankwan@ Table of Contents Overview of web programming What is web programming? What are the languages used for web programming? Basics of HTML Adjusting Text size and alignment Creating links and mailto links Placing an image to the page Table of Contents Creating tables Setting Page’s Body properties Creating frames Enabling with Sound How to publish your page Lab sessions Reference URL What is Web Programming? What is Web Programming? What is Web Programming? What is web programming? What is web programming? From the web pages, you may observe: Textual information Scrolling text box Graphics (JPEG, GIF, Animated GIF…) Query Form (asking for users’ input for authentication or whatever) Information organized in table form, …. ... What is behind the scene? When you key in the address... The roles of web server and client Web Server: provides static homepage access (retrieve, and store) information from/to the database and generate dynamic homepage to web clients Web Client: reads in the homepage (HTML page), parse it and display it with appropriate layout So, what is web programming? Write programs to enable interactions between web clients and web servers To be more concrete, your programs are responsible for: deciding the layout of the page in advance creating web pages on-the-fly in responding users’ input recording/retrieving users’ information to/from the database Common terminology (命名) Web server: HTTP (Hyper-text Transfer Protocol) server Web client: HTTP client, web browsers, Netscape, Internet Explorer, Opera…etc Web page : HTML (Hyper-text Markup Language) page, home page, website, …etc Web address: URL (Universal Resource Locator), link What programming languages are used? Many programming languages could be used for web programming: Operate on the client side: HTML (Hyper-text Markup Language) DHTML Java applet