Download Document

Web Design & Development
Ivo Chakarov
Telephone: 01782 208208 Ext. 3424
Email: [email protected]
Room: NL11 (above New Library)
Ivailo Chakarov
Web Design & Development
Course aims:
• students should be able to build web
pages that are suitable for their
purpose and compliant to standards
• students should gain an insight into the
issues for businesses including hosting
of web sites
Ivailo Chakarov
Web Design & Development
Learning Outcomes:
• Design and create a web site using client
side scripting
• Identify the main implications of the
Internet and web pages on businesses
• Design web pages that follow HCI
principles
• Explain the infrastructure of the Internet in
the support of web page deployment
Ivailo Chakarov
Web Design & Development
Students should be able to:
• Describe and apply the basic principles of
web page development
• Undertake user requirements analysis
• Use appropriate development tools to
implement web pages
• Test web sites
• Use graphics software to create and
manipulate images on web pages
• Publish and maintain web sites
Ivailo Chakarov
Web Design & Development
Basic principles of web page development:
•
•
•
•
Ivailo Chakarov
Set suitable colours for page and text
Text manipulation (font, size, style)
Paragraphs
Converting images into suitable formats
Web Design & Development
Undertake user requirements analysis:
• Design web sites using storyboarding
• Create appropriate structure diagrams
• Produce project plans for incremental
development
Ivailo Chakarov
Web Design & Development
Use appropriate development tools:
•
•
•
•
•
•
•
Ivailo Chakarov
Create web page templates
Embed images within the web pages
Use tables to enhance web page layout
Create web page anchors (bookmarks)
Create hyperlinks
Create image maps
Use meta tags
Web Design & Development
Test web sites:
• Verify all links work
• Use different browsers to preview pages
• Verify all components appear as expected
Ivailo Chakarov
Web Design & Development
Use graphics software:
•
•
•
•
Ivailo Chakarov
Resize images within web sites
Apply transparency to images
Use file compression methods
Apply "web safe" palettes
Web Design & Development
Publish and maintain web sites:
• Use software to manage web site
development
• Publish web sites to the Internet
Ivailo Chakarov
Web Design & Development
Indicative Content:
•
•
•
•
•
•
•
•
•
Ivailo Chakarov
Introduction to the Internet
Web Standards – XHTML and CSS
Web Page Editors
Web Graphics
Javascript
Web Design
Hosting and business issues
Introduction to web servers and deployment
Introduction To Server Side Scripting
Web Design & Development
Assessment:
• Assignment: 3000 words weighted at 100%
• Devise, justify and realise a web site to fit the
requirements agreed with your tutor.
• Assignment will include both
– Design component
– Implementation component
• The web site should be supported by a written
report of 3000 words.
Ivailo Chakarov
Web Design & Development
Essential Reading:
• Accessible XHTML and CSS Web Sites
(Problem-Design-Solution)
J. Duckett
John Wiley & Sons
ISBN: 0764583069
• Web Standards
S.M. Schafer
John Wiley & Sons
ISBN: 0764588206
• W3 Schools
www.w3schools.com
Ivailo Chakarov