"Desain Dan Pemrograman Web": Frans (FRS)

DESAIN DAN PEMROGRAMAN WEB
Frans (FRS)
Review
What the following term mean:
Web
server: a system on the internet containg one or more web site

site: a collection of one or more web pages pages: single disk file with a single file name pages: first page in website
Chapter 02 STIKOM Surabaya
Web
Web
Home
Review (cont.)
Think about the followings before working your Web pages.
Think
about the sort of information (content) you want to put on the Web. the goals for the Web site. your content into main topics.
Set
Organize Come
up with a general structure for pages and topics.

HTML
Structure : 1. Page <html> 2. Head <head> 3. Body <body> TAG (code) HTML . Starting with less than (<) . Ending with more than (>) . Not case sensitivity
<html> . <head> . . </head> .<body> . . . .</body> </html>
HTML (cont.)
Writing HTML element : . Start with Initial TAG and End TAG <html></html> . Without End TAG <br />
Initial TAG <h1> <p> <br /> Contents heading paragraph End TAG </h1> </p>
HTML (cont.)
Telling the browser what to do, and what props to use.
Tags are ;
surrounded with brackets like this
<b> or <i>.
The first tag turns the action on, and the second turns it off. The second tag(off switch) starts with a forward slash. For example ,<b> text </b>
HTML (cont.)
Many tags have attributes. For example, <p align=center> centers the paragraph following it.
HTML Attribute
Additional
Information that could be included on HTML element Giving Additional Information

Used
at the Initial TAG

Value Class name/rule Id name Style definition Describe Class of element An unique number of element Style/model definition
Attribute class id style title
Atribut standar Tooltip text Tooltip Chapter 02 STIKOM Surabaya
Basic HTML document format
<HTML> <HEAD> <TITLE>KULIAH</TITLE> </HEAD> <BODY> Desain Web </BODY> </HTML>
See what it looks like:
Create, View HTML document

1.Use an text editor such as Editpad to write the document. 2.Save the file as filename.html on a PC. This is called the Document Source. 3.Open Netscape (or any browser) Off-Line 4.Switch to Netscape 5.Click on File, Open File and select the filename.html document that you just created. 6.Your HTML page should now appear just like any other Web page in Netscape.
Create, View HTML document

7.You may now switch back and forth between the Source and the HTML Document
switch
to Notepad with the Document Source make changes save the document again switch back to Netscape click on RELOAD and view the new HTML Document switch to Notepad with the Document Source......
TAGS HTML
Tags in HEAD
<HEAD>...</HEAD>-- contains information about the document <TITLE>...</TITLE>-- puts text on the browser's title bar.
Tags in BODY
Let's talk Text Heading: <H1> </H1> Center:<Center> </Center> Line Break <P> ,<Br> Rule <HR /> Phrase Markups: <I></I> ,<B></B> Create a List Unordered list : <UL><li> Ordered list: <OL><li> Nested
Color Changes
names : <font color=white> Changing the Background color <body bgcolor=#19378a> Changing Text color <BODY BGCOLOR=#19378a TEXT=#ffffff LINK=#ffff66 VLINK=#66ffff> Spot color <FONT COLOR=#66ffcc>WENT'99</FONT> Image Background <BODY BACKGROUND=bgimg.gif >
Color
Links
A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document. using the <a> tag <a href=url target=_blank>Link text</a>

"Desain Dan Pemrograman Web": Frans (FRS)

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

"Desain Dan Pemrograman Web": Frans (FRS)

Загружено:

Авторское право:

Доступные форматы

DESAIN DAN PEMROGRAMAN WEB

server: a system on the internet containg one or more web site

up with a general structure for pages and topics.

Chapter 02 STIKOM Surabaya

Chapter 02 STIKOM Surabaya

Telling the browser what to do, and what props to use.

surrounded with brackets like this

Chapter 02 STIKOM Surabaya

Information that could be included on HTML element Giving Additional Information

at the Initial TAG

Attribute class id style title

Atribut standar Tooltip text Tooltip Chapter 02 STIKOM Surabaya

Basic HTML document format

<HTML> <HEAD> <TITLE>KULIAH</TITLE> </HEAD> <BODY> Desain Web </BODY> </HTML>

See what it looks like:

Chapter 02 STIKOM Surabaya

Create, View HTML document

Create, View HTML document

Chapter 02 STIKOM Surabaya

Chapter 02 STIKOM Surabaya

Chapter 02 STIKOM Surabaya

Вам также может понравиться