Your roadmap · आपका रोडमैप
- 1
Admission & first meetingप्रवेश और पहली मुलाकातEnquire at your nearest NDSS centre, meet the teacher, fix the batch time and get your study material.
- 2
Work planकार्य योजनाStep by step with your guide / trainer.
HTML BasicsTables, Forms and MediaCSS StylingLayouts and Responsive DesignJavaScriptMini Website
- 3
File, report & vivaफ़ाइल, रिपोर्ट और वाइवाPractical file / report checked, mock viva before the final one.
- 4
Online tests & resultऑनलाइन टेस्ट और रिज़ल्टTake the tests online; your marks and result show in your student login and at the centre.
सिलेबस · पाठ्यक्रम
1 subject · 6 chapters · 23 topics
01HTML Basics
4 टॉपिक+
- Structure of an HTML5 document
- Headings, paragraphs and text formatting
- Ordered, unordered और description lists
- Hyperlinks and images
02Tables, Forms and Media
4 टॉपिक+
- Tables with rowspan and colspan
- Forms - text, password, radio, checkbox, select, textarea, submit
- Audio and video elements
- Semantic tags - header, nav, section, footer
03CSS Styling
4 टॉपिक+
- Inline, internal and external CSS
- Element, class and id selectors
- Colours, fonts and backgrounds
- Box model - margin, border, padding
04Layouts and Responsive Design
4 टॉपिक+
- Display and position properties
- Flexbox layout
- Navigation bar design
- मोबाइल स्क्रीन के लिए Media queries
05JavaScript
4 टॉपिक+
- Variables, operators and functions
- Events - onclick, onchange, onsubmit
- DOM - getElementById and innerHTML
- Form validation with JavaScript
06Mini Website
3 टॉपिक+
- Planning pages and navigation
- Building a 3-4 page college or shop website
- Testing in different browsers and screen sizes
About this course
आप यह कर पाएँगे
- 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
Online tests & result
Practice and unit tests online; marks and result show in your student login and at the centre.
Student login →
सवाल
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.
