Tutorial Menggunakan Menu Insert & Hyperlink Pada Adobe Dreamweaver

Nah, pada tutorial kali ini ane bakal ngejelasin cara gunain menu insert dan hyperlink pada Dreamweaver gan! Di tutorial sebelumnya, ane udah ngejelasin kan apaan tuh Dreamweaver. Nah, cekidot aje yak!

1. Buka aplikasi Adobe Dreamweaver - lalu klik HTML

2. Buka lembar halaman kerja pertama lo gan, lalu klik deh Split biar lo bisa ngeliat koding aslinya juga.

3. Nah, buat bikin judulnya klik deh menu Format - Align - Center biar judul yang lo buat bisa di tengah posisinya.

4. Sekarang kalau mau bikin judulnya lebih keliatan, lo bisa klik menu Format - Paragraph Format - Heading 1

5. Tulis deh judul buat halaman web yang lo pengenin, seperti ini:

6. Nah, saatnya gunain menu Insert - Table, table bisa digunain nantinya sebagai menu bar di website yang lagi dibuat.

7. Selanjutnya, bakal muncul nih pilihan kayak gini. Pilih deh mau model table di halaman web lo menyamping ke kanan atau menurun kebawah. Kalo gue pilih mendatar kebawah diisi 3 table, lalu klik OK deh.

Nah, hasilnya bakal kayak gini deh gan. Kalo mau ngecilin atau ngegedein ukuran tabelnya, lo bisa klik titik item yang dipinggir tabel terus ditarik deh.

Nah hasil jadinya kayak gini deh gan!

8. Saatnya buat gunain menu hyperlink nih gan. Sebelumnya save dulu lembar kerja agan yang barusan di buat. Klik File - Save

9. Buat bikin halaman web yang kedua, klik deh File - New - HTML terus pilih Create.

10. Sekarang waktunya ngisi isi halaman yang kedua nih gan. Disini gue bakal ngisi bagian menubar "Discography". Check this out!

11. Kalo agan mau tambahin gambar di halaman ini, tinggal klik menu Insert - Image.

12. Kalo udah agan save deh filenya. Klik File - Save.

13. Nah sekarang balik lagi ke halaman lembar kerja yang pertama. Agan block deh tuh tulisan "Discography" yang ada di menu bar. Selanjutnya agan klik menu Insert - Hyperlink.

14. Kalau muncul pilihan kaya gini, agan klik deh browse buat masukin file halaman kedua yang tadi agan buat.

15. Selanjutnya agan tulis deh nama judul yang ada di bagian Title nya :D

16. Nah, abis itu tulisan Discography bakal berubah jadi biru deh. Itu tandanya udah ke hyperlink gan

Abis itu jangan lupa buat nge-Save ya gan!

17. Nah buat ngeganti background halaman web agan, bisa klik Page Properties yang ada di menu bagian bawah. Lalu klik Appearance (HTML)

NAAAAH! Finally ini terakhir gan. Sebelumnya file yang tadi di save dulu ya gan jangan sampe lupa. Coba kalo udah di save agan bisa ngeklik file itu lalu muncul seperti ini deh

Penampakan kalau agan klik Discography nya nih

Sekian tutorial dari gue tentang gunain menu Insert & Hyperlink di Dreamweaver. Met nyoba gan!