Professional Documents
Culture Documents
ED - Web Design and Dev (PLO) (1) - 1
ED - Web Design and Dev (PLO) (1) - 1
COURSE INFORMATION:
Course Name Designing Digital Images for the Web
Course Code DWD4011
Course Description This course covers fundamental image design principles. Students
will practice designing commonly used web images, such as
buttons, backgrounds, and text. They will learn how to adjust
images for web effects, while designing a complete website using
popular image-editing software.
Course Learning Distinguish bit-mapped resolutions for image acquisitions
Outcomes and output devices.
Use basic half-tone theory in production of images.
Manipulate, create, and edit digital images for print and for
web.
Credits 1
Teaching and Learning Activities
Topic Content/Modules Face to Face Independent
Lecture Practical Learning
1. Digital Image 2 2
Bitmap Image
Type of Digital Images
Bitmap Resolution and Image Size
Image Representations
2. Type of Bitmap Images 3 3
Resolution for Publishing Photos
Color Depth
Data Volumes
3. Image Processing/ Image Enhancement 3 3
Different Kinds of Image Enhancement
Histogram and Point Processing
Thresholding
4. Vector-Based Image 3 3
Characteristics of Vector Images
Advantage and Disadvantage
Vector Based Drawing Format
Demonstration
5. Creating Vector Based Image 3 3
Working with Adobe Illustrator
Association with Lincoln University College-DKU016 (B)
EUROSKILLS TECHNICAL & VOCATIONAL ACADEMY_891171-W
Shape and Selections
Transforming Objects
Drawing with the Pen Tool
Total 14 14
Credit 1
References 1. Karen S. Ivers, Ann E. Barron (2010), Multimedia Projects in
Education: Designing, Producing and Assessing, Libraries
Unlimited.
1. HTML skeleton 2 2
HTML tags for text, links, lists
2. HTML tags and web standards for images 3 3
(graphics)
Simple layouts
3. Complex layouts 3 3
HTML tags for layout
4. HTML tags for tables 3 3
HTML tags for styles
5. Internal CSS style sheets 3 3
External CSS style sheets
Total 14 14
Credit 1
References 1. HTML, XHTML, and CSS: Introductory (Shelly Cashman) by
Gary B. Shelly and Denise M. Woods (2010). Course
Technology; Edition 6.
2. HTML, XHTML, and CSS: Comprehensive (Shelly Cashman
Series) by Gary B. Shelly, Denise M. Woods and William J.
Dorin (2010). Course Technology; Edition 6.
1. Text Elements 2 2
• Choosing Text Elements
• The Building Blocks of Content
• Inline Elements
• Deleted and Inserted Text
2. Selectors 2 2
Type Selector
Contextual Selectors
Class and ID Selectors
Attribute Selectors
3. Font and Text Properties 2 2
Typography on the Web
Font Family, Size and Font Settings
Text Transformation
Text Alignment Properties
4. Colour and Backgrounds 2 2
Foreground Colour
Background Colour
Background Images
Compatible Images
Association with Lincoln University College-DKU016 (B)
EUROSKILLS TECHNICAL & VOCATIONAL ACADEMY_891171-W
5. Floating and Positioning 2 2
Normal Flow
Floating
Positioning Basics
Absolute, Fixed and Relative Positioning
6. Audio on the Web 2 2
Basic Digital Audio Concepts
Using Existing Audio
Audio Formats
Adding Audio to a Web Page
7. Video on the Web 2 2
Basic Digital Video Concepts
Compression
Video File Formats
Adding Video to an HTML Document
Total 14 14
Credit 1
References 1. Jason Livingston (2014) Designing With Light: The Art, Science
and Practice of Architectural Lighting Design, Wiley; 1st
Edition.
2. Terry Felke-Morris(2012) Web Development and Design
Foundations with HTML5 , Addison-Wesley; 6th Edition