Scribd
Upload
24 views

Cse 443

The document summarizes Vinod Kumar's internship project with E-Box to build a real-world website using HTML and CSS. It includes objectives like learning the basics of HTML, CSS, and how to build projects with them. It covers topics like HTML structure and tags, CSS syntax, and an overview of the virtual reality website project created with HTML, CSS, and Bootstrap that includes a responsive navigation bar, images, and containers. It concludes by thanking E-Box for the opportunity and references used.

Uploaded by

gopidesi vinod kumar
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
24 views

Cse 443

The document summarizes Vinod Kumar's internship project with E-Box to build a real-world website using HTML and CSS. It includes objectives like learning the basics of HTML, CSS, and how to build projects with them. It covers topics like HTML structure and tags, CSS syntax, and an overview of the virtual reality website project created with HTML, CSS, and Bootstrap that includes a responsive navigation bar, images, and containers. It concludes by thanking E-Box for the opportunity and references used.

Uploaded by

gopidesi vinod kumar
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 21

CSE-443

SUMMER TERM INTERNSHIP PROJECT


WITH E-BOX
BUILD A REAL WORLD WEBSITE USING
HTML AND CSS

SUBMITED BY:
VINOD KUMAR
12108472
CERTIFICATE OF APPRECIATION
OBJECTIVES

IMPORTANCE OF WEB DEVELOPMENT


BASICS OF HTML
BASICS OF CSS
HOW TO BUILD PROJECTS USING HTML
AND CSS
IMPORTANCE OF WEB DEVELOPMENT

The importance of digital presence for businesses is undeniable as it offers them the opportunity
to reach out to a larger audience and provide customers with a seamless user experience. The
importance of web presence for a business can be largely attributed to the fact that most
consumers use the internet to research and find products and services. Therefore, businesses
that lack a well-designed website run the danger of losing out on a sizeable portion of potential
customers.
Upto the early 20th century company are used to promote their brands through news paper
articles and templates. But from the past 2 decades the internet had changed every things people
are simply searching for the required company for their quierys.it became a compoulsary thing
maintain their own website it lead to the increase in demand for the webdevelopers
WEB DEVELOPER VS WEB DESIGNER

HTML&CSS UI
JAVASCRIPT UX
ANGULAR ILLUSTRATOR
REACT.JS INDESIGN
RUBY PHOTOSHOP
WORDPRESS TYPOGRAPHY
Bootstrap

CODE DESIGN
HTML,CSS &JAVASCRIPT-AN OVERVIEW

HTML
Hyper text Markup Language
structure of page

CSS
Cascading Style Sheet
Styling

JAVASCRIPT
Interactivity with user
Dynamic updates in a webpage
HTML ORIGIN
Html

HTML stands for Hyper Text Markup Language. It is used to design web pages using a markup language. HTML is a combination of Hypertext and Markup language. Hypertext defines the
link between web pages. A markup language is used to define the text document within the tag which defines the structure of web pages. This language is used to annotate (make notes
for the computer) text so that a machine can understand it and manipulate text accordingly. Most markup languages (e.g. HTML) are human-readable.
Document Structure

1)<html> </html>
Opens and closes an HTML document
2) <head> </head>
The first of two main sections of an HTML document. The <head> section
is used
to provide information about the document for use primarily by search
engines
and browsers.
3) <title> </title>
The title of document. This element is nested inside the <head> section.
In
HTML5, this is the only required tag other than the DOCTYPE declaration.
4) <body> </body>
The second of two main sections of an HTML document. The <body>
section
contains all the content of the web page
Container tags

Opening Tag Closing Tag Description


<a href = </a> Link
"document
location">

<ol> <ol> Ordered list


<ul> </ul> Unordered list
<li> </li> Marks items in ordered
or unordered

<div> </div> A container for a block of


content
HTML IMAGES
Syntax:
<img src="url" alt="alternatetext">

src attribute
The required src attribute specifies the path (URL) to the image

alt attribute
The required alt attribute provides an alternate text for an image, if the user for some reason cannot
view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).
CSS
*CSS stands for Cascading Style Sheets
*CSS describes how HTML elements are to be displayed on screen, paper, or in other media.
*CSS saves a lot of work. It can control the layout of multiple web pages all at once.
* External stylesheets are stored in CSS files
CSS was first proposed by Hå kon Wium Lie on 10 October 1994. At the time, Lie was working with Tim Berners-Lee at CERN
CSS style
A CSS rule consists of a selector and a declaration block.

The selector points to the HTML element you want to style. The
declaration block contains one or more declarations separated by
semicolons.
SYNTAX’s
background-color: green;
#changes the back ground color to green

background-image: url("bgdesert.jpg");
#Adds background picture to the page

border-style:dashed;
#Makes the border dashed

margin:10px
#Moves the content to 10px in all sides

padding:25px
#gives spaces of 25px in all sides from the border
font-family: "Times New Roman", Times, serif;
#changes the font to times new roman
To use Font Awesome icons, go to fontawesome.com,sign in, and get a code to add in the
section of your HTML page

<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>

<!DOCTYPE html>
<html>
<head>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>
<i class="fas fa-cloud"></i>
<i class="fas fa-heart"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>
</body>
</html>
Project

My project is on virtual reality website which is developed using technologies like html,css&bootstrap. This website has a responsive
navigation bar, hyper-links,images,icons,containers. Responsive cards .
Project Interface
CONCLUSION

in this course I learned the basics of html , css . Creating a website using the commands of html
and adding styles with css to the website.
REFRENCES

e-box: https://e- box.co.in/course/1356/2266

w3schools:https://www.w3schools.com/html/default.asp

javapoint:https://www.javatpoint.com/html-tutorial

bootstrap: https://getbootstrap.com/

You might also like