Internet & Web Design Principles

Paper Code: 
24WDT131
Credits: 
02
Periods/week: 
01
Max. Marks: 
100.00
Objective: 

Course Objectives:

 

This course will enable students to:

  1. Learn about Internet
  2. Study design principles of websites
  3. Create web pages through HTML5 and CSS3

 

Course Outcomes: 

 

Learning outcome

 (at course level)

Learning and teaching strategies

Assessment Strategies

Course Code

Course

Title

 

24WDT131

 

Internet & Web Design Principles (Theory)

 

CO1. Apply Internet-related knowledge and skills to solve practical problems and address technical challenges encountered in website related tasks or projects.

CO2. Illustrate the principles of creating an effective web page.

CO3. Write syntactically correct HTML documents.

CO4. Create layout of webpages using CSS.

CO5. Correctly define and use fundamental terms and concepts related to internet, internet connections and internet communication protocols.

CO6. Contribute effectively in course-specific interaction.

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: 
Introduction to Internet:

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 & Email Concepts:

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

 

ESSENTIAL READINGS: 

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: 

Suggested Readings:

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

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: