Belajar TIK

1. Membuat Aplikasi Terintegrasi dengan Microsoft FrontPage

Untuk membuat suatu situs diperlukan sebuah skenario yang sederhana. Fungsi skenario tersebut untuk memandu kita dalam menentukan apa saja yang dapat dilakukan oleh suatu website. Berhasil tidaknya pembuatan sebuah homepage sangat tergantung pada skenario yang dikembangkan.

2. Menentukan Directory Lokasi Kerja

Directory tempat kita menyimpan file-file hasil kerja harus terorganisir. Langkah-langkah pengorganisasian directory sebagai berikut ;

1. Buat directory SMUKU pada drive C:\
2. Dalam directory C:\SMUKU,buat directory/folder Image yang digunakan untuk menyimpan gambar-gambar yang digunakan halaman homepage

3. Buat directory/folder CSS yang akan digunakan untuk menyimpan CSS

3. Membuat Halaman pada Homepage
Homepage yang akan dibuat terdiri atas empat halaman. 

a. Membuat Halaman 1

1. Aktifkan Microsoft FrontPage XP,pilih menu file-new-Page Or Web
2. Pilih page templates. Pilih tab general
3. Pilih one-column Body with Contents on Left kemudian tekan OK
4. Pada page frame sebelah kiri hapus SECTION 2 sampai 4
5. Pada page frame utama yang diperoleh hapus semua tulisan dibawah “Fish Photo Caption”
6. Ganti tulisan ‘Your Heading Goes Here’ dengan “KEGIATAN SISWA”
7. Ganti “SECTION 1” dengan kegiatan “kegiatan siswa”,”Title 1” dengan “jadwal pelajaran”,”Title 2” dengan “Data siswa” dan “Title 3” dengan “Link bermanfaat”
8. Tulis “Kegiatan Siswa” lalu Enter.tulis “Kembali” dan naikkan kursor
9. Pilih menu Table-Insert-Table. Masukkan 5 pada kotak Rows dan 4 pada kotak Columns kemudian tekan OK
10. Simpan pada lokasi C:\SMUKU dengan nama file “kegiatansiswa.htm”
11. Kita akan membuat link dari navigasi yang terdapat pada frame kiri. Blok ‘kegiatan siswa’ kemudian pilih menu Insert-Hyperlink atau tekan Ctrl+K. Tentukan tujuan link yaitu file “kegiatan siswa.htm” lalu OK
12. Simpan hasil perubahan halaman 1 melalui menu file-save

b. Membuat halaman 2

1. Pastikan halaman “kegiatansiswa.htm” masih terbuka
2. Pilih menu file-save as.beri nama file “jadwalpelajaran.htm”. tekan tombol Change Title utnuk mengganti page title dari DATA SISWA menjadi JADWAL PELAJARAN selanjutnya tekan save.
3. Kita hanya akan memodifikasi frame isi dan header dari halaman kegiatan siswa,ganti ‘KEGIATAN SISWA’ di frame header menjadi ‘JADWAL PELAJARAN’ dan ‘jadwal pelajaran’ pada bagian frame isi
4. Ubah isi tabel di bawah “Jadwal Pelajaran” lalu simpan kembali

c. Membuat halaman 3

1. Pilih menu file-Save As dan beri nama file “datasiswa.htm”
2. Tekan tombol Change Title untuk mengganti oage title menjadi DATA SISWA lalu tekan Save
3. Ubah isi tabel lalu simpan kembali hasil perubahannya

d. Membuat halaman 4

1. Pilih menu file-Save As beri nama file “linkbermanfaat.htm”
2. Tekan tombol Change Title untuk mengganti Page Title menjadi LINK BERMANFAAT. Lalu save
3. Ubah isi tabel lalu simpan kembali hasilnya

4. Mengaplikasikan Cascading Style Sheet

1. Copy file yang telah dibuat sebelumnya yaitu file SMUKU.css ke dalam directory C:\SMUKU\CSS.
2. Masukkan di antara tag dan
3. Simpan halaman tersebut. Kamu dapat melihat tampilan akhir dengan cara klik 2 kali file “kegiatansiswa.htm” melalui Windows Explorer.

Related Post: