5 th February Introduction Web Development Course

Introduction to Course Lecturer: Yupeng Liu Lecturer: Yupeng Liu Office: KA309 Phone No.: Web: Web: Course schedule Course schedule 2 hours lectures Monday 10:00-11:00 (KEG-007) Friday 9:00-10:00 (KE4-008 ) 2 hours labs Wednesday 14:00-16:00 (1-005/1-006, Aungier St)

Course Aim (from Course Document) To introduce students to the World-Wide-Web including applications such as FTP, e- Mail, Telnet etc. To be able to use the WWW as a tool for research, by employing search engines, contributing to discussion boards and traversing online directory structures. To justify the requirement for effective design of websites, by analysing popular and unpopular websites according to well known usability criteria. To provide the skills for client side web development using popular markup languages such as HTML and XHTML. To be able to design the appearance of a web resource independently of the content, using CSS. To dynamically generate or alter the contents or appearance of a web resource using a client side scripting language such as JavaScript. To demonstrate the requirement for maintenance of state between resources on the same web site, and provide the skills required to incorporate state maintenance into web sites using client side cookies.

Learning Approach The most effective way to learn a web technology is to implement systems using those technologies. Lecture time will be used to provide both a high level explanation of a given technology, with some of its more powerful aspects treated in detail. Focus is placed on empowering the students to develop their skills independently of the presence of a tutor or lecturer.

Module Content World-Wide-Web: World-Wide-Web: Relationship to the Internet. Relationship to , FTP, Telnet and other Internet technologies. Using search engines, particularly the advanced features of popular search engines. Using discussion boards, bulletin boards and other online collaboration or knowledge sharing resources. Effective Web Design Effective Web Design Introduction to usability issues. Relatively simple web development methodology. Evaluation and analysis of web sites. Client Side Markup Languages: Client Side Markup Languages: Introduction to HyperText. HTML and XHTML - Layout using tables, frames, layers, images, imagemaps, Applets and other components.

Module Content Separation of Style and Content: Separation of Style and Content: Cascading Style Sheets (CSS). Dynamic HTML: Dynamic HTML: Introduction to scripting. Maintaining State: Maintaining State: Client side cookies.

Module Assessment This module has the following: 50% weighting for the examination 50% weighting for the continuous assessment Examination = 50% Assessment = 50% Assignment given around Week 8 = 35% Lab exercises = 15%

Lab Exercises Labs will either be: Evaluations -> recorded in a blog Implemented Code -> submitted through WebCourses This will all be worth 15% of final mark It is worthwhile coming to labs!!

Essential Reading Steven M. Schafer (2005), HTML, CSS, JavaScript, Perl, and PHP Programmer's Reference, Hungry Minds Inc,U.S. Dan Cederholm (2005), Bulletproof Web Design: Improving Flexibility and Protecting Against Worst-Case Scenarios with XHTML and CSS, New Riders. Ibrahim Zeid (2004), Mastering the Internet, XHTML, and Javascript