WEB DESIGNING

Paper Code: 
24GCAI201
Credits: 
04
Periods/week: 
04
Max. Marks: 
100.00
Objective: 

Course Objectives:

The course will enable the students to design websites using HTML, CSS and WordPress.

 

Course Outcomes: 

Course

Course Outcomes

(at course level)

Learning and teaching strategies

Assessment Strategies

Course

Code

Course

title

24GCAI 201

WEB DESIGNING

(Practical)

CO1. Create syntactically correct HTML documents

CO2. Build HTML forms to retrieve information from the user.

CO3. Design well formatted static web pages using CSS style sheets.

CO4. Demonstrate the skills to create and manage websites using Content Management Tool WordPress.

CO5.Develop live

professional websites as per the principles of effective web page design.

CO6. Contribute effectively in course-specific interaction

Approach in teaching:

Interactive Lectures, Lab

Sessions, Discussion,

Lab assignments,

Demonstration.

 

Learning activities for the students: Self-learning assignments, Effective questions, Giving tasks.

Exercise-based test, Semester end examinations, Quiz, practical Assignments,

Viva voce,Presentation of Assignments.

 

  • 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, form action, form method, form novalidate, 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, website design and AI, AI website builder tools.

 

ESSENTIAL READINGS: 

Suggested Text Books:

  1. Ivan Bayross, “HTML 5 and CSS 3 Made Simple”, BPB Publications.
  2. Responsive Web Design with HTML5 and CSS: Develop future-proof responsive websites using the latest HTML5 and CSS techniques, 3rd Edition Kindle Edition.

 

REFERENCES: 

Suggested Reference Books:

  1. Master HTML and CSS : Along with 100 projects Kindle Edition
  2. A Navarro, “Effective Web Design”, John Wiley & Sons.

Reference Journals:

    1.     Journal of the Brazilian Computer Society, Springer Open

    2.     Journal of Internet Services and Applications, Springer Open

e-Resources including links

  1. http://www.w3schools.com  
  2. https://spoken-tutorial.org/tutorial-search/?search_foss=HTML&search_language=English
  3. https://spoken-tutorial.org/tutorial-search/?search_foss=CSS&search_language=English

 

Academic Year: