xxxix 8
Leverage integrasi antara Dreamweaver dan layanan Adobe Bisnis Catalyst tersedia secara terpisah untuk membangun dan memulai dari situs web untuk
toko online dan menghasilkan situs mini. 9
Halaman CSS starter ditingkatkan 10
Memulai website berbasis standar Anda dengan desain diperbaharui dan disederhanakan dengan CSS Layouts Pemula.
11 Dukungan Subversion ditingkatkan
12 Mengelola file situs yang lebih efektif dalam kolaboratif.
13 Mengisyaratkan kode Situs khusus terbaru
14 Membuat website lebih cepat daripada sebelumnya, bahkan dengan beberapa
server untuk situs bertahap atau jaringan.
2.12.2 Menu- Menu Pada Adobe Dreamweaver CS5
Berikut menu-menu yang terdapat pada Adobe Dreamweaver CS5 diantaranya: 1
Menu bar Menu bar pada Adobe Dreamweaver yaitu File, Edit, View, Insert, Modify,
Format, Commands, Site, Window, dan Help . Setiap menu mempunyai
beberapa submenu sesuai dengan kategorinya, selain itu juga mempunyai fungsi yang berbeda-beda.
Gambar 2.3 Menu Bar
2 Document Toolbar
Universitas Sumatera Utara
xl Dokumen Toolbar
berisi tombol-tombol yang digunakan untuk mengatur layar kerja dokumen pada dengan cepat, diantaranya show Code view, Show Code
and Design views, dan Show Design view.
Gambar 2.4 Document Toolbar
a. Show Code View
Mode pada layar Code hanya akan menampilkan kode-kode script dari halaman web. Di sebelah kiri layar kerja terdapat Coding tool yang
digunakan untuk mengatur kode atau script tersebut. Untuk mengaktifkan tampilan layar Code, dapat menggunakan salah satu cara berikut:
Pada Menu Bar klik View Code Pada Document Toolbar klik ikon Code
Tampilan layar Code terlihat seperti gambar berikut:
Gambar 2.5 Layar Code b.
Show Design View
Universitas Sumatera Utara
xli Tampilan layar mode Design akan menampilkan dokumen halaman web
secara grafis atau visual. Untuk menampilkan Design View, dapat melakukan salah satu cara berikut:
Pada Menu Bar klik View Design Pada Document Toolbar klik ikon Design
Tampilan layar Design terlihat seperti gambar berikut:
Gambar 2.6 Layar Design c.
Show Code and Design view Mode tampilan layar ini dikenal dengan mode Split, yaitu menampilkan atau
menggabungkan secara bersamaan tampilan layar code dan tampilan layar design. Untuk menampilkan dokumen halaman web dalam mode Split, dapat
menggunakan salah satu cara berikut: Pada Menu Bar klik View Split
Pada Document Toolbar klik ikon Split
Universitas Sumatera Utara
xlii Gambar 2.7 Layar Split
3 Tag Selector
Tag selector berfungsi untuk menampilkan tag HTML dari objek yang terseleksi. Dapat meng-klik body untuk memilih keseluruhan elemen
dokumen. Tag Selector ini terdapat pada Document Window, dan terletak di bawah sebelah kiri.
4 Panel Groups
Panel groups merupakan salah satu fasilitas yang terdapat pada Adobe Dreamweaver
yang berfungsi untuk membantu dalam mengedit suatu halaman web. Panel Groups terletak di sebelah kanan layar kerja dan terdiri dari
beberapa panel. Untuk menampilkan panel, klik ganda pada nama panel tersebut.
Universitas Sumatera Utara
xliii Gambar 2.8 Panel Groups
5 Tab Common
Pada tab ini terdapat tool yang digunakan untuk membuat dan menyisipkan objek ke dalam halaman web, seperti membuat hyperlink, tabel, gambar,
media, dan lain sebagainya.
6 Tab Layout
Tab ini berisikan tool-tool yang berfungsi untuk membuat layout halaman web, seperti membuat tabel, frame dan lain sebagainya
1. Tab Forms
Tab ini membuat tampilan website menjadi lebih interaktif karena pengguna dapat memberikan input pada sistem atau website dengan menggunakan tool
yang ada dalam tab Forms. 2.
Tab data Tab data pada dreamweaver berfungsi untuk memasukkan object dat model
spry dan elemen-elemen dinamis lainnya seperti Recordset, Repeated Regions, Insert Record, Update Record, Delete Record, dan lain sebagainya.
Universitas Sumatera Utara
xliv 3.
Tab Spry Tab ini berisikan tombol-tombol untuk membuat halaman-halaman spry,
termasuk object data spry. Spry merupakan library JavaScript yang dapat digunakan untuk mendesain halaman web, seperti membuat menu bar,
textarea, text field, dan lain sebagainya dengan hasil yang lebih menarik. 4.
Tab Text Tab Text berfungsi untuk mengatur format teks, paragraf, maupun karakter
teks lainnya.
Universitas Sumatera Utara
xii
BAB 1 PENDAHULUAN
1.1 Latar Belakang
Peranan teknologi informasi yang begitu besar telah menjadi fasilitas utama bagi kegiatan di berbagai sektor kehidupan manusia saat ini. Dimana peranan teknologi ini memberikan andil
besar terhadap perubahan-perubahan yang
menuntut semua perubahan dan perkembangan yang sangat pesat dan maju dalam mencapai tujuan.
Teknologi informasi juga merupakan elemen penting dan mendasar pada aktivitas manusia saat ini, termasuk pada
struktur operasi dan manajemen organisasi, pendidikan, transportasi, kesehatan dan penelitian.
Salah satu teknologi penyampaian informasi yang berkembang saat ini adalah website atau lebih dikenal dengan sebutan web, yang memiliki pengertian suatu
koleksi dokumen elektronik pribadi atau perusahaan dalam server web yang digunakan untuk mengakses berbagai informasi. Pesatnya kemajuan zaman, menuntut
kemajuan pendidikan yang lebih maju, demi menghasilkan sumber daya manusia yang lebih berbakat.
Penggunaan teknologi komputer akan memudahkan dalam menyelesaikan masalah dan berbagai tugas-tugas yang sering dihadapi pada masa sekarang.
Termasuk dalam pembelajaran Bahasa Latin yang dipergunakan dalam kesehatan, penelitian dan lain sebagainya.