Web Designing Lab

Paper Code:

24WDT132

Credits:

Periods/week:

Max. Marks:

100.00

Objective:

Course Objectives:

This course will enable students to:

Create web pages through HTML5 and CSS3.
Have practical experience in creating simple static web sites.

Course Outcomes:

Learning outcome

(at course level)

Learning and teaching strategies

Assessment Strategies

Course Code

Course

Title

24WDT132

Web Designing Lab (Practical)

CO7. Write syntactically correct HTML documents and CSS style sheets.

CO8. Inspect syntax errors in HTML and CSS code.

CO9. Apply responsive web design techniques to make pages display well on all devices.

CO10. Develop team building, coordination, communication, ethics, and lifelong learning skills.

CO11. Design and develop static websites across varied domains using WordPress.

CO12. Contribute effectively in course-specific interaction.

Approach in teaching:

Interactive Lectures, Discussion, reading assignments, Demonstrations, Group activities, Teaching using advanced IT audio-video tools

Learning activities for the students:

Effective assignments, Giving tasks.

Assessment Strategies

Class test, Semester end examinations, Quiz, Practical Assignments, Individual and group projects

Introduction to HTML 5: The HTML5 DOCTYPE, Semantic elements: <article>, <aside>,<details>,<figcaption>,<figure>,<footer>,<header>,<main>,<mark>,<nav>,<section>,<summary>,<time>. Title, Heading, paragraphs, quotations, comments, colors, images, tables, lists, block and inline elements, Iframes, links.

Structural Elements: <details>, <dialog>, <summary>, <meter>.

Forms: Introduction to HTML Forms, form element, input types, input attributes.

Media:<audio>, <video>, <source>, <embed>.

Introduction to CSS 3: Cascading Style Sheets: Understanding Style Sheets, CSS Syntax, and Applying Style Sheets to HTML document. <DIV> tag, Using class and ID, Developing Style Sheets: inline, internal and external.

Styling Backgrounds, Styling borders, Styling Text, Styling Fonts, Styling Links, Styling Lists, Styling Tables, transitions, Margin.

CSS Grouping/Nesting, CSS Dimension, CSS Display, CSS Positioning, CSS Floating, CSS Align, CSS Pseudo-class, CSS Pseudo-element, CSS Navigation Bar, CSS Image Gallery, CSS Image Opacity, CSS Attribute Selectors

Introduction to Responsive Web Design

Use of text editors in introductory classes followed by the use of advanced tools to develop web sites.

Introduction to CMS, WordPress, Downloading WordPress, getting started with WordPress, Terminologies in WordPress- Posts, Pages, Widgets, Plugins, Menus. Installing Themes, installing plugins Making a sample website with WordPress.

ESSENTIAL READINGS:

Essential Readings:

M.L.Young , “Internet Complete Reference”, Second Edition, TMH Publishing Co. Ltd, 2002
Joel Sklar, “Principles of Web Design: The Web Technologies Series”, Course Technology; Fifth Edition
Ivan Bayross, “HTML5 And CSS3 Made Simple”,BPB,August 2013

REFERENCES:

Suggested Readings:

Alexis Leon and Mathews Leon, “Internet for Everyone”, Vikas Publishing House Pvt. Ltd., New Delhi
A. Mansoor, “Internet and Web Design Made Easier”, Pragya Publications, Mathura
Jeffrey Zeldman, “Designing with Web Standards”, SecondEdition.