Studi Kasus (Modul 1)

Diposting oleh Rastra Permana | Sabtu, 12 Februari 2011 at 05.56

Tampilan Halaman Web:

Halaman web diatas merupakan halaman web sederhana yang melibatkan elemen teks, garis, warna dan gambar . Dimana terdapat minimal sebuah heading dan garis berwarna, gambar dengan menggunakan source berupa relative path, favicon dan halaman utama dengan latar belakang gambar sembarang.

Untuk membuat tampilan halaman web seperti diatas digunakan script html 5 seperti dibawah ini:

<!-- 
Design By Rastra Feryd Permana 
109533423226 
 S1 Pend. Teknik Informatika 2009/B 
 -->
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>BIOGRAFI</title>
<link rel="shortcut icon" href="http://localhost/modul1/images/favicon.ico">
</head>
<body background="http://localhost/modul1/images/layer.jpg">
<hr style="color: blue">
<h1>The Founder of Website</h1>
<hr style="color: blue">
<!-- Ordered List-->
<ol>
<li><b>Foto</b><br><img src="http://localhost/modul1/images/tim.jpg" width="100" height="135"/></li>
<li><b>Nama : </b><br>Timothy Berners-Lee</li>
<li><b>TTL : </b><br>London, 8 Juni 1955</li>
<li><b>Agama : </b><br>Unitarian Universalism</li>
<li><b>Karya : </b></li>
</ol>
<!-- Unodered List-->
<ul>
<li> Spinning the Semantic Web: Bringing the World Wide Web to Its Full Potential Tim Berners-Lee (Foreword), Dieter Fensel (Editor), James Hendler (Editor), Henry Lieberman (Editor), Wolfgang Wahlster (Editor) (The MIT Press, 2005) ISBN 0-262-56212-X</li>
<li> Weaving the Web: Origins and Future of the World Wide Web, Tim Berners-Lee (Texere Publishing, 1999) ISBN 0-7528-2090-7</li>
</ul>
<hr align="left" width="200" style="color: blue">
<hr style="color: blue">
</body>
</html>

Fungsi dari masing-masing kode diatas, antara lain:

1. 1. Untuk memunculkan favicon gunakan script dibawah ini

2. 2. Untuk membuat teks seperti diatas gunakan script dibawah ini

<h1>The Founder of Website</h1>

3. 3. Untuk menampilkan gambar atau picture gunakan script dibawah ini

4. 4. Untuk menampilkan background halaman web gunakan script dibawah ini

5. 5. Untuk membuat garis penuh berwarna biru

Jika Anda ingin mencoba tampilan halaman web diatas, download scriptnya dibawah ini setelah itu extract lalu pindahkan file extract tadi ke C:/XAMPP/htdocs (jika Anda menggunakan web server Jenis XAMPP) dan apabila Anda ingin menggunakan WAMP server pindahkan file extract tadi ke C:/WAMP/www. Kemudian ketika ingin menampilkannya aktifkan web server Anda kemudian ketik http://localhost/htdocs/modul1/penemu_website.html (XAMPP) atau http://localhost/modul1/penemu_website.html (WAMP) pada web browser Anda (Mozilla Firefox). Selamat Mencoba. . . .

Untuk melihat tampilan halaman web yang sesungguhnya klik disini !

info-rastrapermana

Pages

Edit the Menu Here

Studi Kasus (Modul 1)

Artikel Terkait

Mengenai Saya

Popular Posts

INFO LABEL

INFO TECHNO KOMPAS

INFO CHAT

INFO FEEDJIT

INFO RASTRAPERMANA