INTERNET & WEBSITE DESIGNING

Paper Code: 
CAI 301
Credits: 
3
Periods/week: 
45
Max. Marks: 
100.00
Objective: 

COURSE OBJECTIVE:

This module is designed to help students in creating dynamic web sites.

 

Course Outcomes (COs):

 

Course Outcomes

(At Course Level)

Learning And Teaching Strategies

Assessment Strategies

The Students will:

 CO31. Describe the fundamentals of internet and steps of website creation.
CO32. Write syntactically correct HTML5 documents and develop static websites using various elements.
CO33. implement the semantic tags and various form elements into sample webpages
CO34. Understand the concept of DOM and design websites using CSS.
CO35. Design front end of website using Macromedia Dreamweaver

Learning and Teaching Strategies-

 
Approach in teaching:
Interactive Lectures, Discussions, student centered approach, Through video Tutorials
Learning activities:
Presentations, Quizzes and Assignments

Assessment Strategies-

 

 

Class test, Semester end examinations, Quiz, Solving problems in tutorials,
Assignments, Presentation, Individual and group projects and peer review.

 

8.00
Unit I: 

Internet: Internet Communication Protocols, Types of Internet Connections, ISPs, Domain Name System, Intranets, Email Concepts (receiving, sending, addressing, downloading, formatting, sending attachment), Sending & Receiving Secure E-mail, chatting, conferencing, E-mail mailing list, Newsgroup, IRC, ICQ, Video mail and Video Conferencing.

Creating and Maintaining Web Sites: Planning, Navigation and Themes, Elements of a Web page, steps of creating a site, publishing and publicizing site.

 

10.00
Unit II: 

Introduction to HTML, HTML Versions, HTML web page structure, Heading, paragraphs, HTML Formatting, Quotations, comments, colors, images, tables, lists, block and inline elements, Iframes, HTML Links, The HTML5 DOCTYPE, migrating from HTML 4 to HTML5, Vision and Philosophy behind HTML5. What’s new in HTML5, browser support, coding conventions in HTML 5.

 

10.00
Unit III: 

Semantic elements:  <article>, <aside>, <figcaption>, <figure>, <footer>, <header>, <main>, <nav>, <section>, <summary>, <time>.

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 validate, height and width, list, min and max, multiple, required, step, input types, input attributes.

 

10.00
Unit IV: 

CSS: Concept and Importance of Document Object Model, Introduction   to Cascading Style Sheet (CSS), three ways of introducing the style sheets to your document. Basic syntax, creating and saving cascading style sheets. <STYLE> tag; <DIV> tag; COLOR.

7.00
Unit V: 

Introduction to BACKGROUND, FONT, TEXT, Margin, Padding and Border properties. Grouping Style Sheets, Assigning Classes. Introduction to Layers, <LAYER>, <ILAYER> tag.

Introduction to Dreamweaver.

 

ESSENTIAL READINGS: 
  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 READINGS: 

 

  1. Master HTML and CSS : Along with 100 projects Kindle Edition
  2. HTML 5 Black Book, Covers CSS 3, JavaScript, XML, XHTML, AJAX, PHP and jQuery, Dreamtech Press; 2nd edition (13 October 2016)
  3. A Navarro, “Effective Web Design”, John Wiley & Sons.

 

 E-RESOURCES:

 

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

 

JOURNALS:

  1. International Journal of Design

 

Academic Year: 
2022-23
  • Printer-friendly version