Tampilan website yang berisikan biodata berikut dibuat menggunakan Macromedia Dreamweaver 8 :
Langkah langkah dalam pembuatan website menggunakan Macromedia Dreamweaver 8 :
1. Buka aplikasi Macromedia Dreamweaver 8 yang telah diinstal
2. Create New
Untuk membuat file baru. Pilihan file baru yang dapat dibuat dengan Dreamweaver antara lain file HTML, ColdFusion, PHP, ASP VBScript, Javascript, XML, CSS dan Dreamweaver Site. Untuk membuat website ini pilih HTML
3. Tampilan dreamweaver 8 sebagai berikut
1. Menu utama
- File, Merupakan menu yang digunakan untuk operasi dasar aplikasi seperti membuka file, menyimpan file, mencetak, import dan export. Menu File juga memiliki sub menu Preview in Browser yang berguna untuk menampilkan halaman situs di web browser.
- Edit, Menu ini terdiri dari submenu yang berhubungan dengan proses editing file, seperti Copy, Cut, Paste, Undo, Redo, Find and Replace.
- View, Menu ini digunakan untuk mengatur tampilan layar Dreamweaver, seperti pengaturan tampilan (design view, code view atau keduanya), pengaturan zoom-in dan zoom-out dan sebagainya.
- Insert, Untuk menambahkan suatu objek atau komponen, seperti form, frame dan image ke dalam halaman web.
- Modify, Digunakan untuk mengubah properties dari objek yang sedang aktif. Dan juga digunakan untuk melakukan convert table ke layer dan sebaliknya.
- Text, Digunakan untuk mengatur tampilan (style) text.
- Commands, Terdiri dari beberapa perintah berhubungan dengan source-formating dan HTML-cleaning. Menu ini juga memiliki sub menu untuk membuat web photo album.
- Site, Berhubungan dengan manajemen file dan situs.
- Window, Digunakan untuk pengaturan tampilan (show-and-hide) window properties.
- Help, Merupakan menu bantuan mengenai penggunaan Dreamweaver
- Common, Berisi komponen-komponen HTML yang sering digunakan, seperti table, div, image, komentar, hyperlink.
- Layout, Berisi pengaturan pilihan tampilan standar, expanded atau layout. Standar digunakan jika kita akan men-design layout dengan tabel, layout dipilih jika ingin menggunakan layer/div dalam men-design.
- Forms, Digunakan untuk menambahkan elemen form ke dalam halaman.
- Text, Berisi pengaturan-pengaturan (formating) text.
- HTML. Digunakan untuk menambahkan elemen-elemen HTML, seperti HR, table, frame dan script.
- Application, Digunakan untuk menambahkan elemen-elemen dalam website dinamis, seperti database, procedure, field.
- Flash elements, Digunakan untuk menambahkan elemen flash ke dalam situs.
- Favorites, Untuk menambahkan elemen-elemen atau objek-objek sesuai keinginan kita. Untuk menambahkannya, klik kanan pada bar dan pilih submenu Customize Favorite Objects...
4. Kemudian Ketikkan codingan seperti dibawah ini
5. Setelah selesai mengetikkan codingan diatas maka coba runing dengan menekan F12, maka akan tampil hasil dari codingan yang telah dibuat
- " <html>" merupakan awal dari suatu dokumen HTML dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
- " <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser
- " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Title dari dokumen HTML, title ini akan tampil di title dan tab browser
- "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video (multimedia).
- <p>…</p> untuk membuat suatu paragraf
-
<strong> = Huruf menjadi tebal (mirip Bold)
- <align=....> = Untuk mengatur letak tulisan.
- <marquee>...</marquee> untuk membuat efek tulisan berjalan
- <img scr=image.jpg> digunakan untuk menyisipkan gambar image.jpg</html> digunakan untuk mengakhiri code
Nama : Ani Yunita Sari
NPM : 10111910
Kelas : 4KA24
Tidak ada komentar:
Posting Komentar