Web Design Lab (Diploma)

Building web pages with HTML, CSS and JavaScript.

6 महीनेअवधि 6Chapters23टॉपिक

सिलेबस · पाठ्यक्रम

Download PDF
01HTML Basics 4 टॉपिक
  1. Structure of an HTML5 document
  2. Headings, paragraphs and text formatting
  3. Ordered, unordered और description lists
  4. Hyperlinks and images
02Tables, Forms and Media 4 टॉपिक
  1. Tables with rowspan and colspan
  2. Forms - text, password, radio, checkbox, select, textarea, submit
  3. Audio and video elements
  4. Semantic tags - header, nav, section, footer
03CSS Styling 4 टॉपिक
  1. Inline, internal and external CSS
  2. Element, class and id selectors
  3. Colours, fonts and backgrounds
  4. Box model - margin, border, padding
04Layouts and Responsive Design 4 टॉपिक
  1. Display and position properties
  2. Flexbox layout
  3. Navigation bar design
  4. मोबाइल स्क्रीन के लिए Media queries
05JavaScript 4 टॉपिक
  1. Variables, operators and functions
  2. Events - onclick, onchange, onsubmit
  3. DOM - getElementById and innerHTML
  4. Form validation with JavaScript
06Mini Website 3 टॉपिक
  1. Planning pages and navigation
  2. Building a 3-4 page college or shop website
  3. Testing in different browsers and screen sizes

परिचय

आप यह कर पाएँगे

  • Create web pages using HTML5 headings, paragraphs, lists, links, images and tables
  • Design forms with different input controls
  • Style pages using inline, internal and external CSS with selectors, box model and colours
  • Create page layouts using Flexbox and make them responsive with media queries
  • Add interactivity with JavaScript - variables, functions, events and DOM changes
  • Validate a form with JavaScript and publish a small multi-page website

यह किसके लिए है

  • Diploma Computer Science & Engineering students of Semester 4 (BTEUP)
  • Diploma IT students and beginners preparing for the web design practical exam

आपको क्या चाहिए

  • Basic computer operation and file handling
  • A computer with a text editor (VS Code / Notepad++) and a modern browser

सवाल

Which syllabus is followed?

The BTEUP Diploma CSE Semester 4 Web Design Lab list. Where your college list differs, the centre follows your own lab syllabus.

Do I need any software to buy?

No. VS Code and a web browser are free and enough for all experiments.

Will I make a complete website?

Yes. The lab ends with a small multi-page website that can be shown in the practical exam.

Download the syllabus (PDF)

Tell us who you are — your copy is made with your name, and our counsellor can help you choose the right course and centre.

Want to join right away? अभी पूछताछ करें — our centre will call you.