WEB DESIGNING LAB

Paper Code: 
WDT132
Credits: 
4
Periods/week: 
4
Max. Marks: 
100.00
Objective: 

This module will enable students to:

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

 

Course Outcomes:(COs):

Course Outcomes (at course level)

Learning and teaching strategies

Assessment Strategies

 
 

Students will be able to:

  1. Write syntactically correct HTML documents and CSS style sheets.
  2. Inspect syntax errors in HTML and CSS code.
  3. Apply responsive web design techniques to make pages display well on all devices.
  4. Design and develop static website with HTML5, CSS3 and WordPress

 

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

 

 

 

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.

 

 

REFERENCES: 

e-RESOURCES:

  1. https://youtu.be/1ZE-s0EySXg
  2. https://youtu.be/DEcjb-hMgX4
  3. https://youtu.be/-I-7wWUyT0k
  4. https://youtu.be/8ukRI2VsA-s
  5. https://www.w3schools.com/w3css/defaulT.asp

 

Academic Year: 
2023-24
  • Printer-friendly version