Intro HTML

Information about Intro HTML

Published on October 9, 2007

Author: The_Rock

Source: authorstream.com

Content

Technology Workshop Introduction to Web Authoring:  Technology Workshop Introduction to Web Authoring Maki Watanabe The Japan Foundation Los AngelesLearning Center May 2, 2003 What is the Internet?:  What is the Internet? Japan The U.S. Australia Server vs. Client:  Server vs. Client The Internet vs. LAN:  The Internet vs. LAN Local Area Network School Home Office How can you connect to Server?:  How can you connect to Server? Server Computer Your Computer Download Upload Internet Service Provider Bottom line is...:  Bottom line is... The Internet is a like library loan system. A server computer is a library. Client computers contact a server through a connection and get data just book loans. What Can You Do With The Internet?:  What Can You Do With The Internet? E-mail World Wide Web Web Site BBS Chat Moo Instant Messenger Video Conference Web Site vs. Web Page:  Web Site vs. Web Page Whole Part Web Site Web Page Book Page Web Site:  Web Site How Does Web Site Work?:  How Does Web Site Work? Server Computer Your Computer Download Upload Internet Service Provider Web Browser View HTML HTML files FTP Transfer HTML Web Authoring Edit HTML What is HTML?:  What is HTML? Hyper Text Markup Language Blue print of a web page Encoding Web authoring Score writing Code HTML file Musical score Decoding Web browser Piano What HTML Looks Like:  What HTML Looks Like <html> <head> <title>Test</title> </head> <body> Test </body> </html> What HTML Looks Like:  What HTML Looks Like TAG (4-(3+2)+5)+(2-4) < > .............</ > <body>Test</body> HTML TAG:  HTML TAG Element Attribute Additional Information to Elements Basic HTML Elements:  Basic HTML Elements HTML Declare existence of HTML-coded information HEAD Basic information such as Title Elements to be applied all in the body (e.g., JavaScript and CSS) BODY Contents of the document JavaScript In the Body:  In the Body Font Specify a font Table Display table List Display a list Let’s Try!:  Let’s Try! <html> <head> <title>Test</title> </head> <body> Test </body> </html> Your Favorite Font?:  Your Favorite Font? <html> <head> <title>Font</title> </head> <body> <font size="5" face="Geneva, Arial, Helvetica"> <strong> <em> Welcome To Japanese Language Program</em> </strong> </font> </body> </html> Let’s Color Them!:  Let’s Color Them! <html> <head> <title>Color</title> </head> <body bgcolor="lightpink"> <font color="red" size="5" face="Geneva, Arial, Helvetica"> <strong> <em>Welcome To Japanese Language Program</em> </strong> </font> </body> </html> How About This?:  How About This? <html> <head> <title>List</title> </head> <body> <ul> <li>1st Semester</li> <li>2nd Semester</li> <li>3rd Semester</li> </ul> </body> </html> Try Japanese:  Try Japanese <html> <head> <title>Japanese</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <body> こんにちは </body> </html> How About Table?:  How About Table? <html> <head> <title>Table</title> </head> <body> <table width="175" border="0" align="center"> <tr align="center"> <td width="85">Japanese 1</td> <td width="80">Syllabus</td> </tr> <tr align="center"> <td>Japanese 2</td> <td>Syllabus</td> </tr> </table> </body> </html> Tough One!:  Tough One! <table width="400" border="0"> <tr align="center"> <td width="85">Japanese 1</td> <td width="80">Syllabus</td> <td width="127">Weekly Schedule</td> <td width="90">Home Work</td> </tr> <tr align="center"> <td>Japanese 2</td> <td>Syllabus</td> <td>Weekly Schedule</td> <td>Home Work</td> </tr> <tr align="center"> <td>Japanese 3</td> <td>Syllabus</td> <td>Weekly Schedule</td> <td>Home Work</td> </tr> </table> How About Web Design?:  How About Web Design? Before you start: Find your role model!! But, of course, be careful with COPYRIGHT... Good Web Sites Are...:  Good Web Sites Are... Simple! Easy to find information Easy to open Easy to see Well Organize:  Well Organize It is easy to find information on a WELL-ORGANIZED web site. Steps for Well Organized Website:  Steps for Well Organized Website Brain Storming: Thank and write down what you want in your web site. Organization: Group your ideas according to relevancy. Webbing: Arrange the groups in a diagram and draw arrows among them. Tree Diagram: Draw tree diagrams to organize the ideas within a group. Light Page:  Light Page Lighter pages are easier to open. Too many information on a single page. -> Break it into more than one page. Too many images -> Limit # of images Huge images -> Make it smaller. Use thumbnails. Eye-Friendly Web Site:  Eye-Friendly Web Site People recognize colors in different ways. Too many animation -> Limit # of animation GIF Too many colors -> Avoid similar colors. Avoid darker background. Check your page at http://www.vischeck.com/ Depend on colors to identify things -> Add numbers or some other shapes http://homepage3.nifty.com/ondo/cbfg-ver101/01/free.html

Related presentations


Other presentations created by The_Rock

airlines
30. 03. 2008
0 views

airlines

tradepolicy
22. 04. 2008
0 views

tradepolicy

AVCA CHRIS MWEBESA
13. 04. 2008
0 views

AVCA CHRIS MWEBESA

wolf032806
10. 04. 2008
0 views

wolf032806

UEI SI2006 CitiesIntro
07. 04. 2008
0 views

UEI SI2006 CitiesIntro

Wisenews
28. 03. 2008
0 views

Wisenews

Mogi Tsinghua
27. 03. 2008
0 views

Mogi Tsinghua

2007070302122666487
26. 03. 2008
0 views

2007070302122666487

networking 101
19. 06. 2007
0 views

networking 101

Bowen Family Systems Theory
19. 02. 2008
0 views

Bowen Family Systems Theory

cipher machines
01. 01. 2008
0 views

cipher machines

huwang
29. 09. 2007
0 views

huwang

amart3
02. 10. 2007
0 views

amart3

Finland Nokia
07. 09. 2007
0 views

Finland Nokia

SINUS Milieu stud
12. 10. 2007
0 views

SINUS Milieu stud

AAS SD05 present
29. 11. 2007
0 views

AAS SD05 present

Germany Voting
27. 08. 2007
0 views

Germany Voting

disaster 2001
27. 08. 2007
0 views

disaster 2001

Bergstrom
27. 08. 2007
0 views

Bergstrom

workshop24 2
27. 08. 2007
0 views

workshop24 2

History of electric charge
20. 11. 2007
0 views

History of electric charge

Debra Lieberman
22. 11. 2007
0 views

Debra Lieberman

Reading Genres
27. 08. 2007
0 views

Reading Genres

Plant Establishment
02. 01. 2008
0 views

Plant Establishment

SPACE
03. 01. 2008
0 views

SPACE

IntroductionTo OWL
04. 01. 2008
0 views

IntroductionTo OWL

HBCU Deans Seminar 2005
01. 10. 2007
0 views

HBCU Deans Seminar 2005

genX
27. 09. 2007
0 views

genX

499HodoCuba04
11. 12. 2007
0 views

499HodoCuba04

ext ref uncertainty
27. 08. 2007
0 views

ext ref uncertainty

Ransom Pollen Drift in Wheat
04. 10. 2007
0 views

Ransom Pollen Drift in Wheat

overview norway with notes final
07. 09. 2007
0 views

overview norway with notes final

2004 CFS Power Point for LEPC
26. 02. 2008
0 views

2004 CFS Power Point for LEPC

fps ml talk
28. 02. 2008
0 views

fps ml talk

11979
29. 02. 2008
0 views

11979

presentation cons 2007 e
04. 03. 2008
0 views

presentation cons 2007 e

knox trail proposal
10. 03. 2008
0 views

knox trail proposal

wwired scare
03. 01. 2008
0 views

wwired scare

Banff
13. 03. 2008
0 views

Banff

Technological Prerequisites
18. 03. 2008
0 views

Technological Prerequisites

SKH TOURCAN POWERPOINT
21. 03. 2008
0 views

SKH TOURCAN POWERPOINT

Un Arco Iris para ti 2066
21. 06. 2007
0 views

Un Arco Iris para ti 2066

Diarréia Crônica em AIDS
28. 12. 2007
0 views

Diarréia Crônica em AIDS

liebeversicherung
19. 06. 2007
0 views

liebeversicherung

Lab49 Algo v6
19. 06. 2007
0 views

Lab49 Algo v6

SWR0311
19. 06. 2007
0 views

SWR0311

Tibetan Dali Lama questions
19. 06. 2007
0 views

Tibetan Dali Lama questions

15828233
03. 10. 2007
0 views

15828233

strand
19. 06. 2007
0 views

strand

Yo quisiera ser 1953
21. 06. 2007
0 views

Yo quisiera ser 1953

Sin vicios para matrimonio 2008
21. 06. 2007
0 views

Sin vicios para matrimonio 2008

Lesson7 OverheadT ransparencies
19. 06. 2007
0 views

Lesson7 OverheadT ransparencies

Profesiones 1950
21. 06. 2007
0 views

Profesiones 1950

slides oct04
19. 06. 2007
0 views

slides oct04

Suarez pres
28. 09. 2007
0 views

Suarez pres

140103
10. 10. 2007
0 views

140103

Lec1 intro
21. 11. 2007
0 views

Lec1 intro

FIcase Oslo workshop
07. 09. 2007
0 views

FIcase Oslo workshop

two years
19. 06. 2007
0 views

two years

MEDITARE
19. 06. 2007
0 views

MEDITARE

Se necesita amor 1955
21. 06. 2007
0 views

Se necesita amor 1955

OAG Sinha
19. 06. 2007
0 views

OAG Sinha

spit
19. 06. 2007
0 views

spit