Registry
Module Specifications
Archived Version 2014 - 2015
| |||||||||||||||||||||||||||||||||||||||||
Description This module will introduce students to the principles of good design practise for websites, taking into consideration accessibility for users who may have a disability. The student will be able to choose the most appropriate technologies to design and implement a website to produce standards-compliant sites which include interactive content. The student will also be able to design their sites taking various types of access-device (desktop and mobile) into account. | |||||||||||||||||||||||||||||||||||||||||
Learning Outcomes 1. Describe the ways in which computers communicate with each other 2. Understand the process of creating simple structured web pages 3. Understand the correct use of tables and images in web pages 4. Use CSS (Cascading Style Sheets) to control the appearance of content on a web page 5. Describe the main features of effective web site design 6. analyse websites to address web page accessibility and usability issues 7. Add interactivity to webpages using libraries such as JQuery and simple forms. | |||||||||||||||||||||||||||||||||||||||||
All module information is indicative and subject to change. For further information,students are advised to refer to the University's Marks and Standards and Programme Specific Regulations at: http://www.dcu.ie/registry/examinations/index.shtml |
|||||||||||||||||||||||||||||||||||||||||
Indicative Content and
Learning Activities What is the Internet?The components that make up the internet (WWW, Email, FTP etc). INTRODUCTION TO THE WORLD WIDE WEB. History of the WWW.Basic HTMLBASIC HTML elements - Tags for simple document layout. Headings, Lists (Ordered, Unordered, Definition). lists and Nested lists. Creating a larger HTML document. Creating hypertext links. Using links effectively.Advanced FeaturesHow to ad tabular data to web pages. When to use, and when not to use tabular data. Adding images to web pages. Introduction to web-site accessibility.Principles of good website designUnderstanding the user's requirements. How to approach the task of designing a website. How to put the site on the internet. How to encourage visitors to return often to the site. How to maintain the website.Responsive DesignStructural Vs. Visual mark-up. Using CSS for page appearance and layout. Using colour and fonts in an appropriate mannner. Correctly using markup to provide page structure and CSS to provide appearance. using HTML and CSS to design for a range of platforms such as desktop and mobile platformsAdding other content to the site.Incorporating audio/video into a webpage. Incorporating interactivity and/or dynamic content into a website using pre-written libraries such as JQuery. Adding simple forms to a web page. (note this module does not teach forms processing, it merely shows how forms may be used to capture the data and incorporated into a siteWebsite UsabilityUsability objectives. Usability Specification. Evaluation techniques (automatic and human).n/a | |||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||
Indicative Reading List
| |||||||||||||||||||||||||||||||||||||||||
Other Resources 7281, Website, W3C, 0, W3Schools.com, 7282, Website, 0, The Web Standards Project, www.webstandards.org, 7283, Website, 0, Web AIM: Accessibility In Mind, www.webaim.org, | |||||||||||||||||||||||||||||||||||||||||
Programme or List of Programmes | |||||||||||||||||||||||||||||||||||||||||
Archives: |
|