Mengatur Properti Halaman Web Desain Tata Letak Halaman Website

• Pimpinan program studi • Staf pengajar • Kalender akademik c. Kemahasiswaan, terdiri dari informasi berupa: • Lembaga kemahasiswaan • Hak dan kewajiban • Tata tertib • Perwalian • Profil alumni d. Fasilitas, terdiri dari informasi berupa: • Gedung Kuliah • Perpustakaan • Laboratorium Komputer e. Informasi penerimaan mahasiswa baru PMB, terdiri dari informasi berupa: • Syarat-syarat pendaftaran • Jadwal penerimaan mahasiswa baru • Biaya pendidikan

5.2.2.3.2. Mengatur Properti Halaman Web

Sebelum mendesain halaman web, terlebih dahulu mengatur properti halaman lembar kerja. Untuk mengatur properti halaman lembar kerja dilakukan dengan cara memilih perintah menu Modify-Page Properties, maka akan tampil kotak dialog seperti tampak pada gambar berikut: Universitas Sumatera Utara Gambar 5.12. Kotak Dialog Page Properties

5.2.2.3.3. Desain Tata Letak Halaman Website

Salah satu cara yang paling umum digunakan desain tata letak halaman website adalah dengan penggunaan fasilitas tabel. Untuk membuat tabel adalah dengan cara memilih menu Insert Table, seperti pada gambar berikut: Gambar 5.13. Kotak Dialog Insert Tabel Adapun desain tata letak website STIE Purna Graha tampak pada Gambar 5.6. yang dibagi atas empat area, yakni area header, area menu, area content, dan area footer. Universitas Sumatera Utara HEADER MENU CONTENT FOOTER Gambar 5.14. Desain Tata Letak Website STIE Purna Graha a. Header Desain pada header diisi dengan informasi: Logo, nama lembaga, menu Home, menu Sitemap, Menu Hubungi kami, dan fasilitas search sehingga tampak pada Gambar 5.15. Gambar 5.15. Desain Header Tata Letak Website STIE Purna Graha b. Area Menu Area menu menampilkan beberapa menu yang dibagi atas beberapa sub menu. Universitas Sumatera Utara Gambar 5.16. Desain Menu-menu Informasi yang ditempatkan pada Area Menu Menu informasi pada Gambar 5.16 dibagi atas beberapa sub menu seperti tampak pada Gambar 5.17. Gambar 5.17. Beberapa Menu yang dibagi atas Beberapa Sub Menu Universitas Sumatera Utara c. Content Pada area content merupakan tempat peletakan isi website yang menampilkan informasi keterangan dari menu atau submenu. Misalnya pada menu pendahuluan: Gambar 5.18. Desain Area Content yang Menampilkan Informasi pada Menu Pendahuluan d. Footer Area footer biasanya digunakan tempat peletakan informasi tentang tahun pembuatan website disertai dengan alamat dari website tersebut. Seperti tampak pada Gambar 5.19. Copyright 2009 © STIE PURNA GRAHA PEKANBARU All Right Reserved ~ Powered by M Phone : 0761 - 65954 | e-mail : infopurnagraha.ac.id Gambar 5.19. Desain pada Area Footer

5.2.2.3.4. Desain Halaman Utama