Mengelola isi halaman web1 eng

Managing the content of web
pages
Checking the information for
relevance and currency

Teknologi Informasi dan KomunikasiHal.: 2 Isikan Judul Halaman
Web Design Software
Web design software is a useful software for building /
making / designing web pages, whether they are
static or dynamic.
Most popular web design software available today
include:
1. Adobe Image Ready,
2. Macromedia Dreamweaver
3. Macromedia Fireworks,
4. Microsoft Frontpage
5. dan lain sebagainya.

Know Macromedia Dreamweaver MX
Macromedia Dreamweaver, which is one of the
most popular web design software is selected
as the web design software that will be used
in this learning process
Macromedia Dreamweaver chosen for
compatibility and support for various web
programming languages including: ASP, JSP,
CFM, ASP.NET, PHP, JavaScript, CSS and XML

Dreamweaver MX window
is divided into 7 parts,
namely:
1. Insert Bar,
2. Document Toolbar,
3. Document Window,
4. Panel Groups,
5. Tag Selector,
6. Property Inspector
7. Files Panel

HTML
HTML is the abbreviation of Hyper Text Markup
Language has a function to format a plain text
document that can be used on the World Wide Web
(WWW).
HTML is not a programming language, because it is
only a sign (marking up) on a text document and
not as a program.

The basic structure of the HTML
document contains elements or
tags, as shown below:
Description:
 <html> </ html>: defines the
text that lies between these
two tags are HTML files.
 <head> </ head>: defines the
head of an HTML file.
 <title> </ title>: defines title
to be displayed in a browser.
 <body> </ body>: defines the
text format and want to display
as web page content.

Basic text formatting in HTML:
Heading, knowing HTML heading level 6, from 1
(largest) to 6. headings shown with larger font and
thicker than normal text
Paragraph, every new paragraph begins with

Lists, HTML support list (list) are not numbered,
numbered and definition
Performatted Text, in HTML, spaces, tabs and new
line (enter) does not have an impact
Extended Quotations, to make a long quote, so that it
protrudes into the inside, used <blockquote> tag.

Replace the line (line breaks), to write a letter address to the
short rows, not good if you use tags (space is too wide)
Horizontal line (horizontal rule), to create a horizontal line that
is used to limit the parts used <hr> tag.
Formatting characters
 or to make text Bold.
 or to make text Italic.
<tt> or <code> to make text Typewriter.

Checking the information for relevance and
currency
Basic HTML Link
Hyperlink is something very important on the website,
for hyperlinks to link between one page to another page
either within a single site and between websites.
To create a hyperlink used <a> tag. Letter a meaning
"anchor". Tag <a> usually followed by the attribute
"href" where the value of this attribute is the address to
which pages.

Various links
1. Relative and Absolute Links, a link to a document in
another directory can be created by specifying the
path relative to the origin of the document's position
is. This is called a relative link.
a href = "Price / index.html"> Price List </ a>
Address (URL) of the complete document (absolute path)
can be used to determine the purpose of a link, called
an absolute link:
a href = "http://gmail.google.com"> E-mail Google </
a>

2.Link to a section in another document, eg:
satu.html linked to a section in dua.html, how is:
In satu.html document, written:
<a href="dua.html#BT"> Three </ a>
At the destination, is written:
<a name="BT"> Three </ a>

3. Link to a section in the same document, similar to
how the above steps:
In satu.html document, written:
<a href="#BT"> Three </ a>
At the destination, is written:
<a name="BT"> Three </ a>
4. Mailto, link directly to the e-mail address.
<a href="mailto:saya@gmail.com?subject=Masuk
ga?">
Send E-mail </ a>

Insert Figure
Attribute image size, if not written, then the
image size according to its original size. But
the image size can be made with a specific
value by writing the height and width
attributes.
Creating Tables
The table is a way to display the information in
the form of cells consisting of columns and
rows.
Creating Frame
HTML frames are used to create HTML view is
divided into several parts where each part is
a separate HTML page.

Creating Form
Form is the form of an HTML element blank
(form) that is used to capture information
from users
Various kinds of form:
 Input, by type:
 Text, password, checkbox, radio button,
reset, submit and hidden.
 Text area.
 Select.

WEB page update
Update web site pages with something new, taking into
account the needs of visitors and the website itself
To update (updated) pages of the web site should be taken
into consideration since these web pages are designed is
that we must ensure that the elements on every page is easy
for the fox (edit).

•Checking the information for relevance and keterkinian
•Basically, the website creation process required
cooperation between the developer with a client who
ordered the website.
•In determining the content (initial content, additions and
revisions) the developer should listen more to what the
client needs.
•User interactivity at the heart of a web site

Beberapa Gagasan yang disampaikan Tord Yard (programmer
flash di WWW.EGO7.COM) tentang pentingnya
menambahkan interaktivitas pada content halaman sebuah
situs web :
1. Gunakan umpan balik grafik untuk menginformasikan
pengguna tentang elemen interaktif, seperti status tombol
yang bergulung
2. Sertakan suara sebagai bentuk umpan balik tambahan agar
content tidak terlihat membosankan
3. Pertimbangkan pemakaian animasi untuk menerangkan
elemen penting, atau untuk meminta keikutsertaan
pengunjung.

Some ways to check the website content
information for relevance and keterkinian, is
as follows:
 Customize your website content with the
purpose and function of these sites
 Do your research to find the latest
information in accordance with the site
content
 Content additions or revisions can also
request content to the client side either
written or electronic data

Perform confirmation in determining the age
limit of a links, will be maintained or
removed
The developer's website as the creator if
necessary revise the content that may be
necessary to first confirm with the client

SMK NEGERI 2 CIKARANG BARAT
The End

Mengelola isi halaman web1 eng

More Related Content

What's hot

Similar to Mengelola isi halaman web1 eng

More from Eko Supriyadi

Recently uploaded

Mengelola isi halaman web1 eng