Embed Size (px)
Citation preview
INTRODUCTION TOWEB DESIGNING
Prepared by: Ms. Faith M. Abella Vito
MOTIVATIONAL GAME
YOUTUBE
A website is your most powerful tool for communication.
$2.2 Billion
$9 Billion
$18 Billion
SUSAN WOJCICKI
MARK ZUCKERBERG
JACK DORSEY
KEVIN SYSTROM
SUNDAR PICHAI
$74.5 Billion
$3.2 Billion
I’M READY
Web design is the planning and creation of websites.
THINGS TO DISCUSS:♥ INTRODUCTION – YOU ARE HERE!♥ HTML♥ EDITORS♥ HOSTING♥ PUBLISH
HTML♥ Hyper Text Markup Language♥ HTML is the heart of web pages♥ HTML documents are actually just plain text
♥ ".html" or ".htm”
EXAMPLE OF HTML
♥ 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
EXAMPLE OF CSS
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.
♥ Example of Adobe Dreamweaver
♥ Others: Microsoft Publisher, Microsoft FrontPage, Amaya, Adobe Contribute, and many more
HOSTING ♥ Finding a host server ♥ Two main categories of
hosting options: 1. Free - Advertising Banners,
No domain hosting, No support, Limited Features
2. Paid – Domain Name, Technical Support, Statistics
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.
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?
HOMEWORKList down 5 important HTML tags and look for the CSS
codes of the rainbow colors (ROYGBV).
