INTERNET & WEB DESIGN PRINCIPLES

Paper Code: 
WDT131
Credits: 
2
Periods/week: 
30
Max. Marks: 
100.00
Objective: 

This module will enable students to:

  1. learn about Internet
  2. study design principles of websites
  3. create web pages through HTML5 and CSS3.

 

Course Outcomes:(COs):

Course Outcomes(at course level)

Learning and teaching strategies

Assessment Strategies

Students will be able to:

  1. Illustrate the principles of creating an effective web page.
  2. Correctly define and use fundamental terms and concepts related to internet, internet connections and internet communication protocols.
  3. Write syntactically correct HTML documents and CSS style sheets.
  4. Design and develop static website with HTML5 and CSS3

 

Approach in teaching:

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

 

Learning activities for the students:

Self-learning assignments, Effective questions, Seminar presentation, Giving tasks.

 

Assessment Strategies

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

 

 

6.00
Unit I: 

Internetworking concepts, Internet, Uniform Resource Locator, Internet Communication Protocols (TCP/IP, HTTP, FTP, Telnet), IP Address, Domain Name, Internet Services Providers, Intranet,World Wide Web: W3C, Web Page, client & server, Web browser, Applications of Internet

 

6.00
Unit II: 

Web Design Principles: Designing for Multiple Screen Resolution, Crafting the look and feel of the Site, creating a Unified Site Design, Designing for the User, Designing for Accessibility, Understanding the Web Site Development process, creating a site specification, analyzing your audience, creating a directory structure, creating a website development team, publishing your website. Types of Websites (static and dynamic)

 

6.00
Unit III: 

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

 

6.00
Unit IV: 

Cascading Style Sheets: Understanding Style Sheets, CSS Syntax and Applying Style Sheets to HTML document, Developing Style Sheets: inline, internal and external.  <DIV> tag, Using class and ID, Styling Backgrounds, Box  Model,Styling borders, Styling Text, Styling Fonts, Styling Links, Styling Lists, Styling Tables, Margin, CSS Dimensions, Classification.

 

6.00
Unit V: 

Types of Internet Connections (Dial-up, Broadband, Leased line, ADSL, ISDN), Security Issues on the Internet, Email Concepts: Creating email account, receiving, sending, addressing, downloading, formatting, sending attachment, Concept of chatting. E-mail mailing list.

 

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

 

REFERENCES: 

REFERENCES: 

  1. Alexis Leon and Mathews Leon, “Internet for Everyone”, Vikas Publishing House Pvt. Ltd., New Delhi
  2. A. Mansoor, “Internet and Web Design Made Easier”, Pragya Publications, Mathura
  3. Jeffrey Zeldman, “Designing with Web Standards”, SecondEdition.
  4. Christopher Murphy, “Beginning HTML5 and CSS3: The Web Evolved (Expert's Voice in Web Development”,First Edition.

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

 

 

JOURNALS:

  1. International Journal of Design
  2. Journal of the Brazilian Computer Society, SpringerOpen
  3. Journal of Internet Services and Applications, SpringerOpen

 

Academic Year: