Scribd
Upload
86 views11 pages

How To Design A Website

This document provides instructions on how to design a website. It discusses HTML (Hypertext Markup Language) as the computer language used to create websites that can be viewed over the Internet. CSS (Cascading Style Sheets) is then introduced as the language used to describe the presentation and formatting of HTML documents. The document proceeds to explain basic HTML tags like <html>, <head>, <title>, <body>, <p>, <a>, and <img> that are used to structure pages. It also outlines CSS properties that can define HTML elements' display, including background, text, and font properties as well as element positioning. Finally, the document recommends using a web browser like www.call-info.onlin

Uploaded by

almeleihi_k
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
86 views11 pages

How To Design A Website

This document provides instructions on how to design a website. It discusses HTML (Hypertext Markup Language) as the computer language used to create websites that can be viewed over the Internet. CSS (Cascading Style Sheets) is then introduced as the language used to describe the presentation and formatting of HTML documents. The document proceeds to explain basic HTML tags like <html>, <head>, <title>, <body>, <p>, <a>, and <img> that are used to structure pages. It also outlines CSS properties that can define HTML elements' display, including background, text, and font properties as well as element positioning. Finally, the document recommends using a web browser like www.call-info.onlin

Uploaded by

almeleihi_k
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/ 11

HOW TO DESIGN A

WEBSITE
Supervised By :
Dr. Abdullah Al-Saif
Prepared By :
Khaled Al-Subaie

CONTENTS
HTML
langua
ge
CSS
langua
ge
Web
browse
r

HTML
Hyper Text Markup Language .

WHAT IS HYPER TEXT MARKUP LANGUAGE ?


It is a computer language devised to allow website creation. These websites can then be
viewed by anyone else connected to the Internet. It is relatively easy to learn, with the
basics being accessible to most people in one sitting; and quite powerful in what it allows
you to create .

WHAT IS CSS LANGUAGE ?


Cascading Style Sheets is what CSS mean, it is a style sheet
language used to describe the presentation semantics ( the
look and formatting ) of a document written in the HTML .

HOW TO USE HTML ?


There are some basic tags used in html, and this tags come in pairs, as shown, with one
.or two exceptions
< Html- >1
This tells the Browser that this is a Hypertext Markup Language document.
<And we put all the other tags inside this tag </Html
<Head- >2

we put here the page Title ( inside the Title Tags ) and other additional
<information such as Meta tag </head

HOW TO USE HTML ?


<title- >3
This is for the title that appear at the top of a browser NOT the Title that
<shows at the top of your page </title
<body- >4
Everything that shows for your Webpage goes here: text, graphics, links.
<</body
< p- >5

<This is the paragraph tag </p


<a- >6

<This is the link tag </a


<img- >7

<This is the image tag </img

ALL THE TAGS TOGETHER WILL BE LIKE THIS


<HTML>
<head>
< title> </title>
<head>/
< body>
< p></p>
< a> </a>
<img> </img>
<body>/
<HTML>/
Note: Make sure you close all the tags

TO DEFINE HOW HTML


ELEMENTS ARE DISPLAYED WE
USE THE CSS PROPERTIES
How To
Define

The
HTML
Display Of Elements

:Background properties- 1

background-color

background-image
:Text properties- 2

text-color

text-Alignment (center, right, left)


3- Font properties :

font-family (Times New Roman, Arial etc)

font-style (normal, italic, oblique)

font size
4-Element positioning

WEB BROWSER TO TEST THE SITE

When we finish designing the website we will choose a web


browser to test the project as in this link below .
www.call-info.onlinewebshop.net

THANK YOU !

You might also like