0% found this document useful (0 votes)
47 views13 pages

INTERNSHIP Report

Internship ppt for web development
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
47 views13 pages

INTERNSHIP Report

Internship ppt for web development
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 13

Internship Training in Web

Designing

Name – Sumit Kumar

Goutam
Roll no - 1223368
Introduction to Web Design

Web design is the art and science of creating user-friendly


websites that utilize various technologies to deliver content
effectively. Understanding its importance and fundamental
technologies is essential for aspiring web designers.
INTERNSHIP GOALS

The primary goal of this internship is


to equip participants with practical
skills in web design and development.
By the end, interns will have created a
functional tour travel webpage,
demonstrating their proficiency in key
technologies.
HTML CSS

Overview of Web
Technologies JAVASCRIPT

Web technologies encompass languages and


frameworks like HTML, CSS, JavaScript, and
Bootstrap that are essential for building modern
websites. Each serves a specific purpose, from BOOTSTRAP
structuring content to styling and adding
interactivity.
HTML BASICS

Understanding HTML is fundamental to


web design, as it serves as the
foundation for structuring web content
and elements.

An HTML document consists of nested


elements, typically containing <!
DOCTYPE html>, <html>, <head>, and
<body> tags. Each section plays a
crucial role; the <head> includes
metadata, while the <body> contains the
content displayed to users.
CSS
FUNDAMENTALS

Understanding CSS is crucial for effective


web design, as it allows for the styling and
layout of web pages to create visually
appealing user experiences.

CSS provides robust methods for styling text,


including font-family, font-size, and text
alignment. Additionally, CSS Layouts, via
Flexbox and Grid, enhance structure and
responsiveness, ensuring that the design adapts
to various screen sizes, making websites user-
friendly.
Responsive Design
Principles

Responsive design ensures optimal


viewing experiences across devices by
using media queries for dynamic
adjustments. Key principles involve
flexible grids and images, allowing
layouts to adapt seamlessly from
desktop to mobile, enhancing
accessibility and usability.
Introduction to JavaScript

JavaScript is an essential programming language used for web


development, enabling interactive and dynamic content in
websites. Its versatility enhances user experience and functionality
in modern web applications.

The Document Object Model (DOM) represents the structure of


a webpage. JavaScript allows developers to manipulate the
DOM, enabling tasks such as updating content, changing styles,
and responding to user actions, enhancing the interactivity of the
site.
Utilizing Bootstrap

Bootstrap is a powerful front-end framework that


simplifies the web design process with ready-to-use
components and a responsive grid system

Bootstrap provides pre-designed


components like navigation bars,
buttons, and modals, which can be
easily customized through utility
classes. These components not only
enhance functionality but also
improve UI consistency and speed
up the development process.
Designing a Tour and Travel webpage
Thank
you

You might also like