| Course Status : | Ongoing |
| Course Type : | Not Applicable |
| Language for course content : | English |
| Duration : | 12 weeks |
| Category : |
|
| Credit Points : | 3 |
| Level : | Diploma |
| Start Date : | 20 Jan 2025 |
| End Date : | 15 May 2025 |
| Enrollment Ends : | 28 Feb 2025 |
| Exam Date : | 17 May 2025 IST |
| Translation Languages : | English |
| NCrF Level : | 4.5 |
| Industry Details : | Analytics, Software Development |
Note: This exam date is subject to change based on seat availability. You can check final exam date on your hall ticket.
|
swayam@nitttrc.edu.in, swayam@nitttrc.ac.in
Module 1: Fundamentals of Web Design (Weeks 1-2)
Week 1: HTML and CSS Basics
1. Introduction to Web Design:
History and Principles
2. Why Web Design Matters:
Applications and Careers
3. HTML Basics: Understanding
Tags and Attributes
4. Building Your First Webpage:
Structure and Content
5. Adding Links and Images to
Webpages
6. An Introduction on CSS: Using
Inline, Internal, and External CSS
7.
CSS Essentials: Selectors, Properties, Styling Text with CSS: Fonts,
Colors, and Sizes
Understanding
the Box Model: Margins, Padding, and Borders
8. Practice: Design a simple HTML and CSS Webpage
Week 2: Advanced HTML and CSS
1. HTML Forms: Inputs, Buttons,
and Text Areas
2. Working with Tables:
Structuring Tabular Data
3. Embedding Multimedia: Audio,
Video, and Interactive Elements
4. CSS Positioning: Static,
Relative, Absolute, and Fixed
5. Grid and Flexbox Layout
6. Responsive Web Design: Why It
Matters
7. Practice: Develop a Fully
Responsive Webpage
________________________________________
Module 2: Interactive Web Development (Weeks 3-4)
Week 3: JavaScript Basics
1. JavaScript Introduction: What
and Why?
2. Java script Essentials: Mastering
variables and data types
3. Loops and Conditional
Statements: Logic in Code
4. Functions: Writing Reusable
Code
5. The DOM: Connecting JavaScript
to HTML
6. Event Listeners and Handling
User Interactions
7. Practice: Add
Interactivity to the developed Webpage from Module 1
Week 4: Frameworks and Publishing
1. What Are Frameworks? An
Introduction
2. Getting Started with
Bootstrap: Components
3. Bootstrap Layouts
4. Image and Video Optimization:
Techniques for Faster Loading
5. Steps to Publish a website:
Hosting and Domains
6. Practice: Publish Your First
Framework-Based Website
________________________________________
Module 3: Advanced Web Design Techniques (Weeks 5-6)
Week 5: Advanced Techniques
1. CSS Animations: Adding
Movement to Your Website
2. Scalable Vector Graphics and
using it in Websites
3. APIs: What They Are and How to
Use Them
4. Displaying Data Dynamically
Using APIs
5. Interactive Charts and
Visualizations with APIs
6. Practice: Create a Data-Driven
Webpage
Week 6: Accessibility and Optimization
1. Web Accessibility: Principles
and Standards
2. Introduction to SEO: Basics
and Benefits
3. Optimizing HTML, CSS
5. Understanding Web Performance
Metrics
6. Lazy Loading: Optimizing Page
Load Times
7. SEO Tools for Analyzing
Webpages
8. Practice: Make Your Webpage
Accessible and Optimized
________________________________________
Module 4: Multimedia Foundations and Animation (Weeks 7-9)
Week 7: Multimedia Foundations
1. Introduction to Multimedia
Hardware and Software
2. Understanding Compression
Techniques
3. Delivering Multimedia Content
on the Internet
4. Image Standards and Formats:
JPEG, PNG, and GIF
5. Video Standards: MP4, AVI, and
WebM
6. Audio Standards: MP3, AAC, and
WAV
7. Best Practices for Multimedia
Design
Week 8: Desktop Publishing Tools
1. Photoshop Essentials: Tools
and Techniques
2. Designing Flyers: Tips and
Tricks
3. Creating Posters with
Professional Tools
4. Using Layers Effectively in
Photoshop
5. Layout Design Principles for
Print Media
6. Exporting Designs for Web and
Print
7. Editing Images for Web Use
8. Practice: Design Flyers and
Posters with Photoshop
Week 9: Animation Basics
1. Introduction to 2D Animation
2. Using 2D Animate for Basic
Animations
3. Creating Frame-by-Frame
Animations
4. Getting Started with Blender:
Interface Overview
5. Modeling Basics in Blender
6. Animating Objects in Blender
7. Text Animation Techniques
8. Practice:
Create Simple 2D and 3D Animations
________________________________________
Module 5: Multimedia Authoring and Special Effects (Weeks
10-12)
Week 10: Multimedia Authoring
1. What Are Authoring Tools? An
Overview
2. Choosing the Right Authoring
Tool for Your Project
3. Basics of Storyboarding
4. Writing Effective Scripts for
Multimedia
5. Adding User Interactivity with
Authoring Tools
6. Integrating Text, Images, and
Videos
7. Creating Multimedia Quizzes
and Assessments
8. Practice: Develop Interactive
Multimedia Content
Week 11: Special Effects
1. Introduction to Motion
Graphics
2. Creating Special Effects with
After Effects
3. Advanced Editing Techniques in
Premiere Pro
4. Adding Filters and Effects to
Videos
5. Creating Cinematic Transitions
6. Using Green Screen Techniques
7. Designing Lower Thirds and
Titles
8. Editing Audio for Multimedia
9. Compositing Basics for Special
Effects
10. Practice: Create Videos with
Advanced Effects
Week 12: Capstone Project
1. Planning and Integrating
Project Components
2. Finalizing Designs and
Animations
3. Adding Accessibility and SEO
to Projects
4. Testing and Debugging
Multimedia Projects
5. Presenting Projects: Tools and
Techniques
6. Evaluating Multimedia Projects
7. Gathering Feedback for
Improvement
8. Best Practices for Project
Documentation
9. Practice: Capstone Project
Development
Dr. B. Yogameena is a Professor of Educational Media and Technology at NITTTR, Chennai, Tamil Nadu, India, a position she began in September 2024. Before this, she served as a professor in the Department of ECE at Thiagarajar College of Engineering, Madurai, India, for over 22 years. She holds a B.E. degree in Electronics and Communication Engineering from Madurai Kamaraj University (2000) and an M.E. in Communication Systems with distinction from Thiagarajar College of Engineering, Anna University, Chennai, India (2002). In 2010, she earned her Ph.D. from Anna University, Chennai, for her work on Computer Vision-based algorithms for human action analysis in video surveillance.
Her research interests include image and video processing, as well as Computer Vision. She completed an industrial internship at Honeywell Technology Solutions Limited (HTSL), Bangalore, where she worked on a project involving multi-camera tracking. Dr. Yogameena has authored more than 75 technical papers in prestigious journals and conferences, including MTAP, ELSEVIER, IET, ACM, and EURASIP, and has received seven best paper awards. Additionally, she has contributed to six book chapters and completed UGC MRP and DST-SERB projects. She was also the Principal Investigator for an industrial project with HTSL, which was completed in 2018.
Dr. Yogameena has delivered guest lectures, including a talk on "Research Perspectives on Video Analytics" for over 400 participants across multiple locations of HTSL in 2018, and another on “Protective Equipment Wear Analysis – Image Processing Use Case” at Garrett Advancing Motion in 2020.
She is a senior member of IEEE and a life member of ISTE, ACM, and IUPRAI. Among her numerous recognitions, she is a Certified Master Trainer in FSIPD and received a Certificate of Distinction in the IUCEE-EPICS Design Thinking Course 2019, organized by Purdue University. Her recent accolades include the Award for the Teaching-Learning Process in ICTIEE 2024.
DOWNLOAD APP
FOLLOW US