Software Web Design
Software Web Design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendesign halaman-halaman web, baik yang bersifat statis maupun dinamis.
Software web design terpopuler yang ada saat ini antara lain;
1. Adobe Image Ready
2. Macromedia Dreamweaver
3. Macromedia Fireworks
4. Microsoft Frontpage dan lain sebagainya.
- Mengenal Macromedia
Dreamweaver Mx
Macromedia Dreamweaver merupakan yang salah satu software web design terpopuler dipilih sebagai software web design yang akan digunakan dalam proses pembelajaran ini Macromedia Dreamweaver dipilih karena kompatibilitas dan dukungannya terhadap berbagai bahasa pemrograman web, antara lain ASP, JSP, CFM, ASP, NET, PHP, Java Script, CSS dan XML.
Window Dreamweaver NX ini dibagi menjado 7 bagian yaitu;
- Insert Bar
- Document Toolbar
- Document Window
- Panel Groups
- Tag Selector
- Property Inspector
- Files Panel
- Insert Bar
- Document Toolbar
- Document Window
- Panel Groups
- Tag Selector
- Property Inspector
- Files Panel
HTML
HTML merupakan kepanjagan dari Hyper Tekt Markup Language memiliki fungsi untuk memformat document teks biasa agar digunakan pada world wide web
(www) HTML bukan merupakan suatau bahasa pemrograman, karena bersifat yang hanya memberikan tanda (warking up) pada suatu document teks dan bukan sebagai program.
Struktur dasar document HTML berisi elemen-elemen atau tag, seperti pada gambar berikut:
Keterangan:
<HTML> </html> : mendefinisikan bahwa tekt yang berada diantara
kedua tag tersebut adalah file HTML.
kedua tag tersebut adalah file HTML.
<Head> </head> : mendefinisikan head dalam sebuah file HTML.
<Title> </title> : mendefinisikan judul yang hendak ditampilkan
pada browser
<Body> </body> : mendefinisikan tekt beserta formatnya yangpada browser
hendak ditampilkan sebagai isi halaman web.
Format Tekt Dasar Dalam HTML:
Heading, HTML mengenal 6 level heading, mulai 1(terbesar) samapi 6. Heading ditampilkan dengan font lebih besar dan tebal dari pada tekt normal.
Paragraf, setiap ada paragraf baru diawali dengan <p>. List, HTML mendukung daftar (list) tidak brnomor, bernomor dan definisi.
Performatted Tekt, dalam HTML, spasi, tab dan baris baru (enter) tidak memiliki pengaruh Extended Quotations, untuk membuat kutipan panjang, sehingga hasilnya menarok kedalam digunkan tag (black quote).
- Ganti
baris
(Line Break)
Untuk
menulis
alamat
surat
dengan
baris-baris
pendek,tidak
bagus
jika
menggunakan
tag <p> (sepasi
terlalu
lebar).
-Garis
datar
(Horizontal Rule)
Untuk
membuat
garis
horizontal yang digunakan
untuk
membatasi
bagian-bagian
digunakan
yang
<hr>.
Memformat Karakter;
<b> atau <strong> untuk membuat teks bold.
<i> atau <em> untuk membuat teks italic.
<tt> atau <code> untuk membuat teks typewrite
Dasar Link HTML
Hyperlink merupakan sesuatu yang sangat penting diwebsite, sebab hyperlink akan menghubungkan antara satu halaman dengan halaman lainnya baik dalam satu website maupun antar website.
Untuk membuat hyperlink digunakan tag <a> huruf a artinya”anchor” tag <a> besarnya diikuti atribut “href” dimana nilai dari atribut ini merupakan alamat halaman yang akan dituju.
Subject = masuk ga?”>kirim E-mail </a>
Macam-macam Link :
1. Relative dan Absoulte Link, Link kesuatu dokumen pada direktori lain dapat dengan menentukan relative path dari posisi dokumen asal berada ini disebut sebagai relativ link.
a href = “harga/index. Html”>daftar harga </a> alamat (URL) dokumen secara lengkap (absolute path) dapat digunakan untuk menentukan tujuan link disebut link absolute a/href= http://gmail.google.com>e-mail google </a>
a href = “harga/index. Html”>daftar harga </a> alamat (URL) dokumen secara lengkap (absolute path) dapat digunakan untuk menentukan tujuan link disebut link absolute a/href= http://gmail.google.com>e-mail google </a>
2. Link ke suatu bagian didokumen lain, misalnya :
suatu html delink kesuatu bagian didua html, caranya adalah pada dokumen satu html. Dituliskan : <a/href=”dua html#bt”>tiga</a> pada bagian yang dituju dituliskan : <a nama=”BT”>tiga</a>
suatu html delink kesuatu bagian didua html, caranya adalah pada dokumen satu html. Dituliskan : <a/href=”dua html#bt”>tiga</a> pada bagian yang dituju dituliskan : <a nama=”BT”>tiga</a>
3. Link ke suatu bagian didokumen yang sama,caranya hamper dengan langkah diatas: <a href=”#BT”>tiga</a> pada bagian yang dituju, dituliskan <a name=”BT”>tiga</a>
4.
Mailto,Link
yang
langsung
menuju
kealamat
e-mail <ahref>”maito:saya@gmail.com?
- Menyisipkan
Gambar
Atribut
ukuran
gambar,
bila
tidak
dituliskan,
makan
ukuran gamhar
sesuai
ukuran
aslinya,
namun
ukuran
gambar
bisa
dibuat
dengan
nilai
tertentu
dengan
cara
menuliskan
atribut
height dan
width.
- Membuat
Tabel
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris.
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris.
- Membuat
Frame
Frame HTML digunakan untuk membuat tampilan HTML yang terbagi menjadi beberapa bagian dimana setiap bagiannya merupakan satu halaman HTML yang terpisah.
Frame HTML digunakan untuk membuat tampilan HTML yang terbagi menjadi beberapa bagian dimana setiap bagiannya merupakan satu halaman HTML yang terpisah.
Tidak ada komentar:
Posting Komentar