Web Design Presentation
Web Design Presentation
➢ Notepad – To jot
THINGS TO BE A Website is a collection of web pages and
CONSIDERED related content that is identified by a common
domain name and published on at least one
web server.
1. What is a Website,
webpage. How do people access websites – People
access websites using software called a web
2. How people access
browser. Popular examples include Firefox,
websites.
Internet Explorer, Safari, Chrome, and Opera..
3. What is the web and
how does it works. What is the Web? Is basically a system of
internet servers that support specially
4. How websites are formatted documents.
created.
Websites are created through the use of HTML
and CSS, but content management systems,
blogging software, and e-commerce platforms
often add a few more technologies into the
mix
HTML: Describes the Structure of Pages
The HTML code is made up of characters
that live inside angled brackets — these
are called HTML elements. Elements are
usually made up of two tags: an opening
tag and a closing tag. (The closing tag has
an extra forward slash in it.) Each HTML
element tells the browser something about
the information that sits between its
opening and closing tags.
Closer Look at HTML Tags
Tags are indicators used to identify the type of a particular content.
Subscript tag(<sub></sub>): is
used to contain characters that
should be subscript. It is
commonly used with foot notes or
chemical formulas such as H20.
Line Breaks & Horizontal Rules
Line Break(<br />): to
add a line break inside
the middle of a
paragraph you can use
the line break tag.
Takes you to a new line.
Align Horizontally:
left This aligns the image to the left (allowing text to flow around its right-hand
side).
right This aligns the image to the right (allowing text to flow around its left-hand
side).
Align Vertically:
top This aligns the first line of the surrounding text with the top of the image.
middle This aligns the first line of the surrounding text with the middle of the
image.
bottom This aligns the first line of the surrounding text with the bottom of the
image.
HTML5: Figure and Figure Caption
Images often come with captions. HTML5
has introduced a new <figure> element to
contain images and their caption so that
the two are associated.
One common use of iframes (that you may have seen on various websites) is
to embed a Google Map into a page.