R-2025- F.
E Computer Engineering
Teaching Scheme
Teaching Scheme
(Contact Hours
(Contact Hours Per Semester)
Per Week
L T P L T P SL Notional Total
Course Course
Learni ng Credit
Code Name
Hour s (C)
(Notional
Learning
Hour/30
Internet 2 -- -- 30 -- -- 30 60 2
12121104
Technology
Course Course Theory Ter Prac t Total
Code Name m / Oral
Internal End Exam
Assessment work
Sem Duration
IAT IAT IAT-1+ Exam
-1 -2 IAT-2 (in Hrs)
Internet
20 20 40 60 2.5 -- -- 100
12121104 Technology
Rationale :
In today's digitally driven world, the Internet has become the foundation for communication,
commerce, education, and innovation. Understanding Internet Technology is essential for students
to harness the power of web-based platforms, applications, and services that impact all industries
and aspects of daily life. This course provides students with the technical knowledge and practical
skills required to design, develop, and deploy interactive and accessible web solutions. Through
this subject, learners will gain insight into the core principles of web
R-2025- F.E Computer Engineering
architecture, standards, and tools, equipping them to build user-centric, responsive, and
semantically correct websites. Students will also explore modern trends such as responsive design,
multimedia integration, data formats (XML/JSON), and UI/UX prototyping using tools like
Figma. The course emphasizes both technical proficiency and design thinking, ensuring students
can develop solutions that are not only functional but also accessible, inclusive, and visually
appealing.
Course Objectives:
1 To introduce students to the fundamentals of the Internet, web technologies, and
protocols.
2 To enable students to build well-structured, semantic, and accessible web pages using
HTML5.
3 To apply CSS3 for creating responsive, visually appealing, and device-independent web
layouts.
4 To introduce structured data representation using XML and JSON, enabling them to
understand syntax, validation methods, and practical applications in data exchange.
5 To introduce students to Figma for UI/UX design and prototyping in web and mobile
development.
6 To apply theoretical concepts to real-world case studies focusing on digital empowerment
and civic engagement.
Outcomes:
1. Understand the evolution, structure, and working principles of the Internet and core web
technologies including DNS, protocols, and document models. (L1,L2,L3)
2. Design and develop web pages using semantic HTML5 elements with proper structure,
accessibility features, and multimedia integration. ( L1,L2,L3,L4,L5,L6)
3. Use CSS3 to create responsive, interactive, and animated web pages with layout control,
transitions, and visual styling techniques. (L1,L2,L3,L4,L5,L6)
4. Students will be able to create, validate, and compare XML and JSON documents for
effective use in web and application-based data communication. (L1,L2,L3,L4)
5. Use Figma to prototype web and mobile user interfaces, demonstrate navigation flow,
component reuse, and collaborative design sharing. ( L1,L2,L3,L4,L5)
6. Apply web development concepts to real-life case studies such as health portals,
R-2025- F.E Computer Engineering
educational platforms, and library systems to promote digital empowerment
(L1,L2,L3,L4,L5,L6)
Prerequisite: None
DETAILED SYLLABUS:
Sr. Module Detailed Content Hours CO
No. Mapping
I Introduction to 1.1 Introduction to Web & Internet, History and 03 CO1
Internet Evolution of Internet, Internet vs Extranet vs
technology Intranet
1.2 Working of web browser, HTTP/HTTPS
protocols
DNS, TLS/SSL (security implications)
DOM (Document Object Model), URL, URI,
Introduction
Self-learning Topics: Explore Nginx and Apache 03
web servers.
II HTML AND 2.1 Introduction to HTML. Purpose and Structure. 06 CO2
HTML5 Evolution of HTML to HTML5.
2.2 Basic Tags, Text Formatting. Headings and
Paragraphs.
2.3 Lists, Hyperlinks and Anchors, Images: Tag
and attributes, Grouping Elements, Tables, Input
type:
2.4. HTML5 Form Validations: required, pattern,
placeholder, autofocus.
2.5 Semantic Elements, Benefits of semantic
HTML Accessibility and SEO advantages
Multimedia and Embedding in HTML5
R-2025- F.E Computer Engineering
Self-learning Topics: 07
Introduction to <canvas> and SVG for basic
graphics. New Input Types: email, URL, search,
color, range
III CSS AND 3.1 Introduction to CSS. Purpose and advantages of 06 CO3
CSS3 CSS, Types of CSS:
3.2 CSS Syntax and Selectors:
Text properties, Backgrounds, Borders and
Outlines, Margin and Padding, Width, Height, and
Box Model.
3.3 Display property, Positioning
Advanced Selectors (attribute selectors, pseudo-
classes)
3.4 CSS3 – Gradients, Rounded Corners
Shadows, Transitions and Animations, Transform:
rotate, scale, translate opacity and visibility
Self-learning Topics: Z-index, Overflow handling, 06
CSS Grid (basic introduction)
IV XML AND 4.1 Basics of XML: Tags, Elements, Attributes 05 CO4
JSON XML Syntax Rules, Well-formed vs Valid XML,
XML Document Structure: Prolog, DTD, CDATA
4.2 Namespaces in XML, Document Type
Definition (DTD), XML Schema Definition (XSD)
4.3 Introduction to JSON and its advantages,
Syntax and Data Types, JSON Objects, Arrays,
Nested JSON
JSON vs XML: Comparison of use-cases and
performance
Self Learning Topics :XML Editors and Validation 04
ls (e.g., Oxygen XML, XML Notepad), Explore
lic APIs that return JSON (e.g., Open Weather,
Hub, News APIs)
R-2025- F.E Computer Engineering
V UI/UX - Figma 5.1 What is Figma? Interface and Navigation 05 CO5
5.2 Creating Frames, Shapes, and Text
5.3 Designing Web Pages and Mobile Screens
5.4 Components and Reusability
5.5 Prototyping and Interactive Links
Exporting and Sharing Designs
Self Learning Topics: Figma Plugins 05
and Community Resources
VI Application on CASE STUDY 1 : Instagram-like animations use 05 CO6
Internet transitions and transform properties.
Technology Case Study : 2Netflix and Amazon use responsive
design to adapt layout for mobile and desktop.
Case Study 3: Develop a simple education content
portal for youth and adult learners in Mira
Bhayandar.
Case Study 4: Build an online web interface for
local public libraries where users can: Search
available books, Reserve a book, View due dates
and return policies
Case Study 5: Smart Health Info Portal - Design a
mobile-friendly health information portal for Mira
Bhayandar residents that displays nearby clinics,
emergency contacts, and health tips.
Case Study 6: Feedback System for Digital Services-
Develop a simple citizen feedback system for digital
services in Mira Bhayandar
Case Study 7: UI Prototype forLocal
Government App - Create
a Figma-based prototype for a digital public
service app aimed at simplifyingservices like
birth certificate
Self Learning : Mobile-First Web Development 05
Techniques, Postman - API testing tool to work
with JSON, XML, and RESTful service.
R-2025- F.E Computer Engineering
Text Books:
1. H. M. Deitel, P. J. Deitel, A. B. Goldberg, Internet & World Wide Web – How to
Program, 5th Edition, Pearson Education.
2. Sasha Vodnik, HTML5 and CSS3, Illustrated Complete, Cengage Learning, Latest Edition.
3. Kogent Learning Solutions Inc., Web Technologies: HTML, JavaScript, PHP, Java, JSP,
ASP.NET, XML and Ajax, Black Book, Dreamtech Press, Latest Edition.
4. Jon Duckett, Web Design with HTML, CSS, JavaScript and jQuery Set, Wiley, 1st Edition.
5. Masud Hossain, Figma for UI/UX Design, Independently Published, 2022
References:
1. Andrew S. Tanenbaum, Computer Networks, 4th Edition, Pearson Education.
2. ISRD Group, Internet Technology and Web Design, McGraw Hill Education, Latest Edition.
3. Randy Connolly, Ricardo Hoar, Fundamentals of Web Development, Pearson Education,
Latest Edition.
4. Jennifer Niederst Robbins, Learning Web Design: A Beginner’s Guide to HTML, CSS,
JavaScript, and Web Graphics, 4th Edition, O’Reilly Media.
5. James F. Kurose, Keith W. Ross, Computer Networking: A Top-Down Approach, 7th Edition,
Pearson Education.
Online Reference
Sr. No. Website Name
1. Figma official tutorials
2. Mozilla Developer Network (MDN) – HTML/CSS/JS docs
3. W3Schools Tutorials
4. CSS Tricks
5. FreeCodeCamp
R-2025- F.E Computer Engineering
Teaching
Teaching Scheme
Scheme
(Contact Hours Per
(Contact Hours
Semester)
Per Week
Course Total
Course Name L T P L T P SL Notional
Code Credits
Learning
Hour (C)
(Notional
Learning
Hour/30
12122108 Internet -- -- 2 -- -- 30 -- 30 1
Technology Lab
Examination Scheme
Theory Marks
Course
Course Name Internal assessment Term Practical/
Code
End Sem. Total
Work Oral
IAT-1+ Exam
IAT-1 IAT-2
IAT 2
Internet
Technology -- -- -- -- 25 25 50
12122108
Lab
Lab Objectives:
1 Understand and explore how web technologies (HTML, CSS, XML, JSON, UI tools) function in practical
scenarios.
2 To design structured web pages using HTML elements, multimedia, and semantic tags.
3 To create interactive and validated web forms using HTML5 input types and attributes.
4 To apply CSS for styling, layout control, and implement animations and transformations using CSS3.
5 To work with XML and JSON data formats for data storage and transmission.
6 To explore the fundamentals of UI/UX design through Figma and create interactive web and mobile app
prototypes.
R-2025- F.E Computer Engineering
Lab Outcomes: Students will be able to
1) Analyze and apply various web technologies to build basic interactive web components
using appropriate tools and standards. (L1,L2,L3,L4)
2) Create accessible and semantically rich HTML web pages incorporating text, links, images,
audio, and video elements.(L3, L4,L5,L6)
3) Develop user-friendly web forms with appropriate input types and implement client-side
validations using HTML5 features. .(L3, L4,L5,L6)
4) Design visually appealing layouts using CSS3, including responsive design, transitions,
and transformations. .(L3, L4,L5,L6)
5) Create, parse, and validate structured XML and JSON data, and understand their use in
web communication. (L2,L3,L6)
6) Design and prototype user interfaces using Figma, applying core UI/UX principles for both
web and mobile platforms. (L3, L4,L5,L6)
List of Experiments.
Sr No List of Experiments Hrs
Experiment 1:
Title: Explore Working of Web Browsers and HTTP/HTTPS
01 2
Aim: Understand and demonstrate basic HTTP request and response cycles
using browser dev tools.
Tools: Chrome/Firefox DevTools
Experiment 2:
02 Title: Domain Name System (DNS) and Secure Protocols 2
Aim: Use nslookup, dig, and test SSL/TLS via browser or openssl to explore
DNS and HTTPS behavior.
Experiment 3:
03 Title: Create a Personal Web Page using HTML 2
Aim: Use basic tags, headings, paragraphs, links, and images to build a static
web page.
Experiment 4:
04 Title: Develop Forms with HTML5 Validations 2
Aim: Create a form with input types (text, email, URL, number), use required,
pattern, placeholder, etc.
Experiment 5:
05 Title: HTML Image Gallery 2
Aim: Create a photo gallery using <img> and grouping elements like <figure>
and <figcaption>.
R-2025- F.E Computer Engineering
Experiment 6:
06 2
Title: Embedding Multimedia in HTML5
Aim: Use <audio>, <video>, <iframe> to embed media files in a web page.
Experiment 7:
07 Title: Apply CSS Styles to a Web Page 2
Aim: Implement inline, internal, and external CSS. Style headings,
paragraphs, and lists.
Experiment 8:
08 Title: CSS Layout using Box Model, Margin, and Padding 2
Aim: Demonstrate how margin, padding, borders, and box-sizing affect
layout.
Experiment 9:
09 Title: CSS3 Transitions and Transformations 2
Aim: Create animations using transition, transform, and hover effects (scale,
rotate, translate).
Experiment 10:
10 Title: Design and Validate an XML Document 2
Aim: Create a well-formed XML document with DTD or XSD for a book
catalog or student list.
Experiment 11:
11 Title: Work with JSON Data 2
Aim: Create and parse JSON object using JavaScript. Compare with
equivalent XML.
Experiment 12:
12 2
Title : Explore Figma Interface
Aim: Understand the Figma workspace, tools, and navigation.
Experiment 13:
Title: Create Simple Shapes and Layout
13 2
Aim: Practice using shape tools and alignment such as Draw rectangles,
circles, and lines. Group shapes to form basic layout (e.g., card or banner).Use
alignment and distribution tools
Experiment 14:
14 Title: Create a Mobile App UI in Figma 2
Aim: Use Figma to design wireframes, components, and a prototype of a
mobile app interface.
15 2
Experiment 15 : Mini Project
R-2025- F.E Computer Engineering
Sr No List of Assignments / Tutorials Hrs
01 BASIC OF INTERNET TECHNOLOGY 2
02 HTML AND HTML5 2
03 CSS AND CSS 3 2
04 XML AND JSON 2
05 FIGMA 2
06 CASE STUDY ON INTEGRATION OF HTML CSS XML AND JSON 2
Text Books:
1. Uttam Kumar Roy, Web Technologies: HTML, JavaScript, PHP, Java, JSP, ASP.NET, Oxford
University Press, Latest Edition.
2. Jennifer Niederst Robbins, Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and
Web Graphics, 5th Edition, O'Reilly Media.
3. H. M. Deitel, P. J. Deitel, A. B. Goldberg, Internet & World Wide Web – How to Program, 5th Edition,
Pearson Education.
4. K. Meena, R. Sivakumar, Web Technology: A Developer’s Perspective, Revised Edition, PHI Learning.
(Includes XML, DTD, Schema, and JSON basics in web development context.)
References:
1. Elisabeth Freeman, Eric Freeman, Head First HTML and CSS, 2nd Edition, O’Reilly
Media.
2. Matthew MacDonald, HTML5: The Missing Manual, Latest Edition, O’Reilly Media.
3. Elliotte Rusty Harold, XML in a Nutshell, 3rd Edition, O’Reilly Media.
4. Eric A. Meyer, CSS: The Definitive Guide, 4th Edition, O’Reilly Media.
5. Figma Team, Figma Learn Tutorials and Docs, Latest Edition, https://help.figma.com.
Online Resources:
Sr. No. Website Name
1. FreeCodeCamp – Free hands-on courses with certification.
2. W3Schools – Comprehensive tutorials with live editors for HTML, CSS, JS.
3. JSON.org – Official page with structure and use-cases.
4. XML Validation Tool – Online tool for validating XML and DTD/XSD.
5. Figma Learn Hub – Official tutorials and documentation.
R-2025- F.E Computer Engineering
Assessment:
Term Work: Term Work shall consist of at least 10 to 12 practicals’ based on the above list. Also, Term
work Journal must include at least 2 assignments.
Term Work Marks: 25 Marks (Total marks) = 15 Marks (Experiment) + 5 Marks (Assignments) + 5
Marks (Attendance)
Practical& Oral Exam: An Oral & Practical exam will be held based on the above syllabus.
