Back close

Course Detail

Course Name Web Publishing Lab
Course Code 24VMC286
Program 5 Year Integrated B.Sc. – M.Sc. Visual Communication
Semester 3
Credits 3
Campus Mysuru

Syllabus

Unit 1

Introduction to Web Publishing:

  • What is Web Publishing?: Overview and importance
  • Basic HTML: Structure, elements, and tags 
  • Creating Web Pages: Text, lists, links, images, and tables
  • Introduction to CSS: Basic styles for text and layout
  • Project: Create a simple web page using HTML and CSS
  • Lab Work: Exercises to practice basic HTML and CSS
Unit 2

Advanced HTML and CSS Techniques: 

  • HTML5: New elements and features 
  • CSS Layouts: Floats and positioning 
  • Advanced CSS: Styling boxes, text effects 
  • Responsive Design: Making web pages look good on all devices Project: Build a responsive web page 
  • Lab Work: Practice advanced HTML and CSS techniques
Unit 3

Web Design Principles: 

  • Design Basics: Layout, color, and typography 
  • User Experience (UX): Creating user-friendly designs
  • Wireframing: Planning web layouts 
  • SEO Basics: Making websites search engine friendly
  • Project: Design a website layout mockup 
  • Lab Work: Exercises on wireframing and applying design principles
Unit 4

Introduction to Adobe Dreamweaver: 

  • Getting Started with Dreamweaver: Interface and tools
  • Site Management: Setting up and organizing a website
  • Design View and Code View: Creating and editing pages
  • Templates and Libraries: Reusing design elements
  • Project: Create a multi-page website with Dreamweaver
  • Lab Work: Practice using Dreamweaver to build websites
Unit 6

Publishing and Maintaining Websites: 

  • Web Hosting: How to host a website 
  • Publishing Websites: Uploading your site to the web
  • Website Maintenance: Keeping content updated 
  • Performance Tips: Improving website speed 
  • Final Project: Create and publish a complete website
  • Lab Work: Develop, test, and publish your final project

Objectives and Outcomes

Course Objective: 

This course introduces students to the fundamentals of web publishing, focusing on creating and managing websites using HTML, CSS, and Adobe Dreamweaver. Students will learn basic web design principles, how to write and style web pages, and how to use Dreamweaver to build and publish websites. The course emphasizes hands-on practice to develop practical skills in web development. 

 

Course Outcomes (COs): 

After completing the course, learners should be able to: 

  1. Understand the fundamental concepts of web publishing and the importance of HTML and CSS in creating websites. 
  2. Apply advanced HTML and CSS techniques to develop responsive and visually appealing web pages. 
  3. Design user-friendly web layouts and ensure search engine optimization for better visibility. 
  4. Utilize Adobe Dreamweaver for efficient web development, site management, and publishing. 
  5. Publish and maintain professional-quality websites, ensuring optimal performance and content updates. 

CO – POMapping: 

PO1 

PO2 

PO3 

PO4 

PO5 

PO6 

PO7 

PSO1 

PSO2 

PSO3 

PSO4 

PSO5

CO1 

2

CO2 

2

CO3 

2

CO4 

2

CO5 

3

Text Books / References

  1.  “”HTML and CSS: Design and Build Websites”” by Jon Duckett
  2. “”Adobe Dreamweaver Classroom in a Book (2021 Release)”” by James J. Maivald 
  3. “”Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics”” by Jennifer Robbins 

DISCLAIMER: The appearance of external links on this web site does not constitute endorsement by the School of Biotechnology/Amrita Vishwa Vidyapeetham or the information, products or services contained therein. For other than authorized activities, the Amrita Vishwa Vidyapeetham does not exercise any editorial control over the information you may find at these locations. These links are provided consistent with the stated purpose of this web site.

Admissions Apply Now