Web Design: Developing a Web Site

Functional and attractive Web sites are critical elements of success for most organisations. In order to stand out from the competition, a site must be aesthetically appealing as well as perform smoothly and efficiently. In this hands-on course, you gain the knowledge and practical skills you need to develop a Web site. You learn the fundamentals of HTML syntax and layout, creating effective Web pages, configuring a Web server and interfacing your Web site to databases. This course has been classified as IT Technical Training.

Delivery:	Classroom
Category:	Internet & WWW

Audience Those involved in establishing, developing or maintaining a Web site. A basic familiarity with Microsoft Windows, the Internet and the Web is helpful. Skills Gained You Will Learn How To

• Establish, configure and maintain an intranet or Internet Web site
• Develop and publish Web pages using HyperText Markup Language (HTML)
• Optimise page styles and layout with Cascading Style Sheets (CSS)
• Configure a Web server
• Capture, retrieve and display information via a database
• Produce dynamic Web pages using server-side and client-side scripts

Course Outline Introduction to the Web

• Internet/intranet fundamentals
• Web architecture
• Comparing capabilities and examining multiple browsers
• Search Engine Optimisation (SEO)

HTML: HyperText Markup Language Building a Web page with HTML and XHTML

• Head and body elements
• Formatting text with tags
• Establishing hypertext links
• Ordered and unordered lists
• Designing tables to display data
• Defining relative and absolute anchors

Adding graphic elements

• Making your pages graphical with embedded images
• Adding interactivity with 'clickable' images
• Utilising animated images to liven up a Web page
• Creating navigational toolbars using image maps

Controlling page styles and layout with CSS

• Attaching style properties to HTML tags
• Creating and applying style sheets
• Implementing a styled navigational menu
• Choosing and applying styles with class and id attributes
• Ensuring a consistent look across all pages of a site
• Implementing a Web Server

Web server functionality

• Web server/browser communication
• The HyperText Transfer Protocol (HTTP)

Configuring a Web server

• Setting up the server directory structure
• Deploying access configuration/security
• Ongoing server administration
• Programming on the Server

Server-side scripting

• Client/server/script interaction
• Exploring the operation of server-side Web applications
• Accessing data on the Web server
• Server-side processing: PHP, JSP, ASP
• The difference between GET and POST requests
• Including a consistent navigational menu on all pages
• Reading and writing browser cookies

Processing user data with forms

• Capturing user input with HTML forms
• Adding text fields, selection lists, check boxes and radio buttons to a Web page
• Configuring a form to invoke your server-side program when submitted
• Processing form input with PHP, ASP or JSP

Interfacing to a Database Relational databases and the Web

• Defining a database
• Characterising database records
• Using SQL to manipulate the database

Connecting Web pages to databases

• Creating Web pages to insert, delete and update records
• Inserting and retrieving data with ASP and PHP
• Embedding queries in server-side programs
• Creating Dynamic Web Pages

Adding interactivity with JavaScript

• Incorporating JavaScript that executes in the Web browser
• Enhancing client-side functionality
• Validating form content to ensure forms are filled out correctly
• Reacting to user actions

Incorporating multimedia

• Embedding animation and video content in Web pages
• Adding interactivity with plug-ins

Creating interactive Web pages with Dynamic HTML (DHTML)

• Combining JavaScript and CSS
• Supporting multiple browsers
• Dynamically positioning content within a page
• Revealing and hiding page content
• Implementing rollover graphics with DHTML

XML and XHTML

• Fundamentals of XML
• Implementing an RSS feed on your site