WebDesign Internship

 

🌐 Web Designing Internship Program – 1 Month

📌 Internship Objective:

To provide foundational and hands-on training in web designing using HTML, CSS, and Bootstrap, enabling students to build responsive web pages and a personal portfolio website within 4 weeks.

🛠 Tools & Technologies:

• Languages: HTML5, CSS3, Bootstrap
• Editor: Visual Studio Code
• Design Tool (Optional): Figma (for UI Mockup)
• Deployment: GitHub Pages / Netlify

📚 Weekly Syllabus Breakdown:

📖 Week 1: Web Design Basics + HTML5

Concepts Covered:

• Introduction to Web Design & Web Development
• Understanding Domains, Hosting, Web Servers
• Structure of a Web Page

HTML5 Elements:

• Headings, Paragraphs, Links, Images
• Lists (Ordered/Unordered)
• Tables, Forms, Input Types
• Semantic Elements .

Hands-On Practice:

• Create a basic 3-page website structure using HTML

📖 Week 2: CSS3 Styling & Layouts

Concepts Covered:

• CSS Syntax: Selectors, Properties, Values
• Types of CSS: Inline, Internal, External
• Styling Text, Colors, Borders, Backgrounds
• Box Model: Padding, Margin, Border
• Layouts using Flexbox & Grid System
• Hands-On Practice:
• Styling the HTML pages created in Week 1
• Create responsive sections using Flexbox

📖 Week 3: Responsive Design with Bootstrap

Concepts Covered:

• Introduction to Bootstrap Framework
• Bootstrap Grid System
• Navigation Bar, Buttons, Cards, Forms, Modals
• Responsive Utilities (Mobile-first approach)

Hands-On Practice:

• Convert previously built website into responsive layout using Bootstrap

📖 Week 4: Mini Project + Hosting

Concepts Covered:

• Planning a Simple Portfolio Website
• Integrating HTML, CSS, Bootstrap
• Hosting Website on GitHub Pages or Netlify
• Introduction to UI/UX: Simple layout using Figma (Optional)

Hands-On Project:

Build & Deploy Personal Portfolio Website (Home, About, Projects, Contact)

💼 Project Deliverables:

• Personal Portfolio Website with 4 Sections
• Hosted Link (GitHub Pages / Netlify)
• Code Uploaded on GitHub

📜 Internship Deliverables:

• Internship Completion Certificate
• Project Completion Certificate
• GitHub Repository & Hosting Link
• Performance Feedback / Letter (if needed)

________________________________________________________________________________________________________________________________________________________________