Introduction to Web Design (1)

1
INTRODUCTION TO WEB DESIGNING
Prepared by Ms. Faith M. Abella Vito
2
MOTIVATIONAL GAME
3
TWITTER
4
YOUTUBE
5
FACEBOOK
6
GOOGLE
7
INSTAGRAM
8
(No Transcript)
9
A website is your most powerful tool for
communication.
10
2.2 Billion
JACK DORSEY
9 Billion
SUSAN WOJCICKI
18 Billion
MARK ZUCKERBERG
11
74.5 Billion
SUNDAR PICHAI
3.2 Billion
KEVIN SYSTROM
12
IM
READY
13
Web design is the planning and creation of
websites.
14
THINGS TO DISCUSS
? INTRODUCTION YOU ARE HERE! ? HTML ? EDITORS ?
HOSTING ? PUBLISH
15
HTML
? Hyper Text Markup Language ? HTML is the heart
of web pages ? HTML documents are actually just
plain text ? ".html" or ".htm
16
EXAMPLE OF HTML
17
? CSS (Cascading Style Sheet) ? CSS is a style
language that defines layout of HTML documents.
? Color, Background-Color, Background-Image,
Background-Position, Background-Repeat, and
Attachment
18
EXAMPLE OF CSS
19
EDITORS
? "What You See Is What You Get web page
editors ? Using the tools provided, you can add
text, images and other elements directly onto the
page.
20
? Example of Adobe Dreamweaver
? Others Microsoft Publisher, Microsoft
FrontPage, Amaya, Adobe Contribute, and many more
21
HOSTING

• ? Finding a host server
• ? Two main categories of hosting options
• Free - Advertising Banners, No domain hosting, No
  support, Limited Features
• Paid Domain Name, Technical Support, Statistics

22
PUBLISH
? Final stage of construction is the
publish/upload. ? Using a file transfer
program, you copy the entire website structure to
the appropriate folder on the host server.
23
Identify the answers to the following questions
_____ 1. The final stage of web designing. _____
2. Give the meaning of CSS and HTML. _____ 3. The
most basic text editor where you can create your
HTML. _____ 4. Give an example of
editors. _____5. What are the two main categories
of hosting options?
24
HOMEWORK
List down 5 important HTML tags and look for the
CSS codes of the rainbow colors (ROYGBV).