Upload
eko-supriyadi
View
81
Download
5
Tags:
Embed Size (px)
DESCRIPTION
Citation preview
Managing the content of web pages
Checking the information for relevance and currency
Teknologi Informasi dan KomunikasiHal.: 2 Isikan Judul Halaman
Checking the information for relevance and currency
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 Dreamweaver3. Macromedia Fireworks,4. Microsoft Frontpage 5. dan lain sebagainya.
Teknologi Informasi dan KomunikasiHal.: 3 Isikan Judul Halaman
Checking the information for relevance and currency
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
Teknologi Informasi dan KomunikasiHal.: 4 Isikan Judul Halaman
Checking the information for relevance and currency
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
Teknologi Informasi dan KomunikasiHal.: 5 Isikan Judul Halaman
Checking the information for relevance and currency
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.
Teknologi Informasi dan KomunikasiHal.: 6 Isikan Judul Halaman
Checking the information for relevance and currency
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.
Teknologi Informasi dan KomunikasiHal.: 7 Isikan Judul Halaman
Checking the information for relevance and currency
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 <p>
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.
Teknologi Informasi dan KomunikasiHal.: 8 Isikan Judul Halaman
Checking the information for relevance and currency
Replace the line (line breaks), to write a letter address to the short rows, not good if you use tags <p> (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<b> or <strong> to make text Bold.<i> or <em> to make text Italic.<tt> or <code> to make text Typewriter.
Teknologi Informasi dan KomunikasiHal.: 9 Isikan Judul Halaman
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 pageeither 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 towhich pages.
Teknologi Informasi dan KomunikasiHal.: 10 Isikan Judul Halaman
Checking the information for relevance and currency
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>
Teknologi Informasi dan KomunikasiHal.: 11 Isikan Judul Halaman
Checking the information for relevance and currency
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>
Teknologi Informasi dan KomunikasiHal.: 12 Isikan Judul Halaman
Checking the information for relevance and currency
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:[email protected]?subject=Masuk
ga?">Send E-mail </ a>
Teknologi Informasi dan KomunikasiHal.: 13 Isikan Judul Halaman
Checking the information for relevance and currency
Insert FigureAttribute 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 TablesThe table is a way to display the information in
the form of cells consisting of columns and rows.
Creating FrameHTML frames are used to create HTML view is
divided into several parts where each part is a separate HTML page.
Teknologi Informasi dan KomunikasiHal.: 14 Isikan Judul Halaman
Checking the information for relevance and currency
Creating FormForm 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.
Teknologi Informasi dan KomunikasiHal.: 15 Isikan Judul Halaman
Checking the information for relevance and currency
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).
Teknologi Informasi dan KomunikasiHal.: 16 Isikan Judul Halaman
Checking the information for relevance and currency
•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
Teknologi Informasi dan KomunikasiHal.: 17 Isikan Judul Halaman
Checking the information for relevance and currency
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.
Teknologi Informasi dan KomunikasiHal.: 18 Isikan Judul Halaman
Checking the information for relevance and currency
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
Teknologi Informasi dan KomunikasiHal.: 19 Isikan Judul Halaman
Checking the information for relevance and currency
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
Teknologi Informasi dan KomunikasiHal.: 20 Isikan Judul Halaman
SMK NEGERI 2 CIKARANG BARAT
The End