Internet & Web Design Principles

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

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

  1. Apply Internet-related knowledge and skills to solve practical problems and address technical challenges encountered in website related tasks or projects.
  2. Illustrate the principles of creating an effective web page.
  3. Write syntactically correct HTML documents.
  4. Create layout of webpages using CSS.
  5. Correctly define and use fundamental terms and concepts related to internet, internet connections and internet communication protocols.
  6. 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.

Two Internal Tests, Quiz, Home Assignments, Presentation.

 

 

6.00
Unit I: 
Introduction to Internet:

(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: 
  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: 
  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: