INTRODUCTION TO WEB DESIGNING

Preview:

Citation preview

INTRODUCTION TOWEB DESIGNING

Prepared by: Ms. Faith M. Abella Vito

MOTIVATIONAL GAME

TWITTER

YOUTUBE

FACEBOOK

GOOGLE

INSTAGRAM

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).

Recommended