WEB DESIGNING (Generic Elective Course)

Paper Code:

GCAI 201

Credits:

Periods/week:

Max. Marks:

100.00

Objective:

This module helps students in designing websites using HTML, CSS and Wordoress.

Course Outcomes (at course level)	Learning and teaching strategies	Assessment Strategies
Students will be able to: Write syntactically correct HTML documents and CSS style sheets. Inspect syntax errors in HTML and CSS code. Design and develop website with HTML5, CSS3 and WordPress Demonstrate the skills to create and manage websites using Content Management Tool WordPress. Design, develop and create live professional websites as per the principles of effective web page designing and technical knowledge learned during the course.	Approach in teaching: Interactive Lectures, Discussion, 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

Course Outcomes (at course level)

Learning and teaching strategies

Assessment Strategies

Students will be able to:

Write syntactically correct HTML documents and CSS style sheets.
Inspect syntax errors in HTML and CSS code.
Design and develop website with HTML5, CSS3 and WordPress
Demonstrate the skills to create and manage websites using Content Management Tool WordPress.
Design, develop and create live professional websites as per the principles of effective web page designing and technical knowledge learned during the course.

Approach in teaching:

Interactive Lectures, Discussion, 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

Unit I:

Introduction to HTML 5 Heading, paragraphs, HTML Formatting, Quotations, comments, colors, images, tables, lists, block and inline elements
HTML Links
Introduction to HTML Forms: Form Object, Text element, Password element, Button element, submit button, reset button, Checkbox element, Radio element, Text area, Select and option element. New attributes for <input>: autofocus, formaction, formmethod, formnovalidate, height and width, list, min and max, multiple, pattern (regexp), placeholder, required, step, input types, input attributes
Introduction to CSS 3: 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.
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.

Academic Year:

Header Menu