Modul ini membahas tentang tutorial pembuatan website menggunakan Adobe Dreamweaver Cs6 dan HTML, meliputi langkah-langkah instalasi Dreamweaver, pembuatan site baru, dan cara membuat tampilan home, blog, serta foto pada website tersebut."
2. KATA PENGANTAR
KATA PENGANTAR
Modul dengan judul “WWeebb DDeessiiggnn && WWeebb PPrrooggrraammiinngg“ merupakan bahan acuan yang digunakan
sebagai panduan dalam proses belajar Teman untuk membentuk salah satu bagian dari
kompetensi bidang keahlian Teknologi Informasi dan Komunikasi.
Modulinimencakuppenguasaankonsepfile-filegrafik, memahamidasar-dasarpemrogramanWeb,
memahamiperintah-perintahpemrogramanWeb,
danbagaimanamembangunsebuahaplikasipemrogramanberbasisWeb.
Penyusun
Nizar Zulmi Ramadhan
7. Langkah Pembuatan Site
Tulisnama web yang ingindibuat, LaluKlikgambar folder untukMenempatkan web yang ingindisimpan:
Apabila folder sudahdibuatlalusimpan web di folder yang dibuat:
10. MulaiMembuat Web
Hal pertama yang sayalakukandalammembuat web adalahmembuatpokokdari web yang
sayainginbuatadalahtable.Berikutlangkah-langkahnya :
Pertamaklikinsert :
Lalu klik Table
Lalu tentukan baris/rows dan colomnya:
Apabila sudah menentukan baris/rows dan colomnya lalu klik ok.
12. Lalu klik rows, Hasilnya:
Apabila ada colom yang ingin dihilangkan, blok colom yang ingin dihilangkan:
13. Lalu klik cell, Hasilnya:
Apabila table ingin diisi colom, caranya klik table yang ingin diisi colom laluklik insert-klik Table-tentukan
berapa colom yang di isi.
17. Mendesain Web
Apabila ingin memasukan gambar untuk background, caranya klik Page properties
Lalu klik browser, untuk mencari gambar yang ingin di jadikan background
Cara Membuat CSS
Kode:
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
26. --> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type"
content="text/html; charset=utf-8" /><title>Nizar Zulmi Ramadhan X RPL 2</title><meta name="keywords"
content="" /><meta name="description" content="" /><link href="default.css" rel="stylesheet"
type="text/css" media="screen" /></head><body><!-- start header --><div id="header"><div id="logo">
</div><div id="menu"><ul><li><a href="default.html" accesskey="1" title=""><font
color="#f0e920" font face="Vineta BT">Home</a></li><li class="active"><a href="blog.html" accesskey="2"
title=""><font color="#f0e920" font face="Vineta BT">Blog</a></li><li><a href="photos.html"
accesskey="3" title=""><font color="#f0e920" font face="Vineta BT">Photos</a></li><li><a
href="About.html" accesskey="4" title=""><font color="#f0e920" font face="Vineta BT">About</a></li>
<li><a href="contact.php" accesskey="5" title=""><font color="#f0e920" font face="Vineta
BT">Contact</a></li></ul></div></div><!-- end header --><div id="gallery"><div id="top-photo"><p><a
href="#"><img src="gambar/Untitled-7.jpg" alt="" width="830" height="300" /></a></p></div></div>
<!-- start page -->
<div id="page">
<!-- start content -->
<div id="content">
<div class="post">
<h1 class="title">Welcome to My Website</h1>
<p class="byline"><small>Posted on April 09th 2013 by <a href="admin.html">admin</a> </small></p>
<div class="entry">
<p> <font face="Arial"><strong>Manajemendes </strong>adalah suatu
Organisasi yang dibentuk pada tahun 2002, yang pertama kali didirikan di SMP Negeri 6 Depok. Dan sampai
saat ini sudah terdiri dari 25 sekolah Se-Jabode.</p>
</div>
<p class="meta">Read More</a> Comments (33)</p>
</div>
<div class="post">
<h2 class="title">Sejarah Kepaskibraan</h2>
<p class="byline"><small>Posted on April 09th 2013 by <a href="admin.html">admin</a>
</small></p>
<div class="entry">
<blockquote>
<p>“Praesent augue mauris, accumsan eget, ornare quis, consequat malesuada,
leo.”</p></blockquote>
<p>Paskibraka adalah singkatan dari Pasukan Pengibar Bendera Pusaka
dengan tugas utamanya mengibarkan duplikat bendera pusaka dalam upacara peringatan proklamasi
kemerdekaan Indonesia di 3 tempat, yakni tingkat Kabupaten/Kota (Kantor Bupati/Walikota), Provinsi
(Kantor Gubernur), dan Nasional (Istana Negara). Anggotanya berasal dari pelajar SLTA Sederajat kelas 1
ATAU 2. Penyeleksian anggotanya biasanya dilakukan sekitar bulan April untuk persiapan pengibaran pada
17 Agustus
Gagasan Paskibraka lahir pada tahun 1946, pada saat ibukota Indonesia dipindahkan ke Yogyakarta.
Memperingati HUT Proklamasi Kemerdekaan RI yang ke-1, Presiden Soekarno memerintahkan salah satu
ajudannya, Mayor (Laut) Husein Mutahar, untuk menyiapkan pengibaran bendera pusaka di halaman Istana
Gedung Agung Yogyakarta. Pada saat itulah, di benak Mutahar terlintas suatu gagasan bahwa sebaiknya
pengibaran bendera pusaka dilakukan oleh para pemuda dari seluruh penjuru Tanah Air, karena mereka
adalah generasi penerus perjuangan bangsa yang bertugas.
Tetapi, karena gagasan itu tidak mungkin terlaksana, maka Mutahar hanya bisa menghadirkan lima orang
pemuda (3 putra dan 2 putri) yang berasal dari berbagai daerah dan kebertulan sedang berada di
29. Untuk Menghubungkan Web dengan database. Beri nama folder nya Koneksi.php
Code:
Cara Membuat Database:
<?
mysql_connect ("localhost", "root", "");
mysql_select_db("tugas");
?>