SVManagerTeam Manager
LAPORAN TERTULISON THE JOB TRAINING
1. TANGGAL : 6 9 Januari 20151. TUJUAN: 1. Pengenalan Microsoft
FrontPage 1. Dapat mengetahui penggunaan kode pada Microsoft Front
Page
SUBJEK PEMBAHASAN : ASP, HTML************** Micorosoft
FrontPageMicrosoft FrontPage (Ms FrontPage) merupakan sebuah
program aplikasi editor HTML yang berbasis (WYSIWYG / What You See
Is What You Get) yang dikembangkan oleh Microsoft untuk sistem
Operasi Windows. Ms FrontPage dapat membantu dalam membuat situs
Web. Ms FrontPage merupakan salah satu HTML editor yang banyak
digunakan karena mudah untuk digunakan terutama bagi yang masih
asing dengan HTML. Dengan menggunakan Ms Front Page, kita dapat
mendesain, membuat, dan mengedit halaman website seperti
menambahkan teks, menambah gambar, membuat tabel, memberi
background pada latar belakang halaman, huruf bergerak, dan
lain-lain.
Adapun tampilan awal ketika membuat file baru pada FrontPage
yaitu sebagai berikut:
Tempat penulisan kode
Pada gambar di atas, terdiri atas beberapa bagian yaitu sebagai
berikut: 0. Jendela KodeAdalah jendela yang digunakan dalam
penulisan semua kode dalam mendesain, membuat dan mengedit halaman
web dan merupakan area kerja kita.
0. Folder list
Merupakan kumpulan dari folder yang ada di dalam suatu directory
(dalam hal ini yaitu server web). Kita dapat menentukan dimana
halaman web kita akan disimpan di directory tersebut.
0. Menu barMerupakan kumpulan dari menu standar yang dapat
digunakan untuk membantu dalam membuat halaman web, seperti menu
format,insert menyimpan halaman web yang telah dibuat, dll.
0. ToolbarToolbar ini merupakan kumpulan dari shorcut dari
menu-menu yang ada di menu bar, seperti New, Open, Save, Print,
dll.
0. Menu FormattingMenu ini merupakan menu untuk memformat
tulisan, menentukan jenis huruf, ukuran, dan style dari huruf
(Bold, Italic, Underline),dll.
0. LayerLayer merupakan tampilan untuk kita bekerja , layer
dibagi 4 yaitu: Design : tempat merancang web dengan visual Split:
tempat merancang kode yang telah dibuat dan hasil tampilan visual
Code: tempat merancang web dengan kode yang digunakan. Preview :
menunjukkan hasil tampilan dari kode yang telah dibuat
Contoh tampilan dengan layer Split ditunjukkan sebagai
berikut:
HTML (HyperText Markup Language)HyperText Markup Language(HTML)
adalah sebuahbahasa markahyang digunakan untuk membuat sebuah
halaman web, menampilkan berbagai informasi di dalam
sebuahpenjelajah webInternet dan pemformatan hiperteks sederhana.
HTML juga mempunyai kode-kode yang mempunyai fungsi tertentu. Untuk
membuat halaman web dengan menggunakan bahasa HTML kita bisa
menggunakan MS FrontPage ataupun juga dengan Notepad (atau
Notepad++). Namun kelemahan dalam menggunakan Notepad (bukan yang
Notepad++), kita tidak bisa melihat hasil tampilan, dan tidak bisa
bekerja langsung menggunakan menu-menu, dan kita harus mengerti
tentang kode-kode pemrograman Web (HTML, PHP,ASP,dll). Pada HTML,
digunakan tanda kurun < > sebagai permulaan / awal, dan tanda
untuk menyatakan penutup / akhir dari tag (dan fungsinya). Beberapa
kode tag HTML yang sering digunakan berikut fungsinya dijelaskan
pada tabel berikut:
TAGFUNGSI
DllMenyatakan awal dari file HTML yang dibuat.Menyatakan kepala
Menyatakan isi dari seluruh HTML yang dibuatMenyatakan judu l/
caption dari HTMLMendefinisikan jenis font, warna, dan ukuran untuk
teksMembuat tabelMembuat baris baru / pindah barisMembuat tebal
hurufMembuat huruf menjadi miringMembuat huruf memiliki garis
bawahMembuat paragrap baruMemasukkan gambarMembuat baris pada
tabelMembuat sel pada tabelMenyatakan link ke suatu website
Dari tag-tag diatas, terdapat beberapa atribut yang digunakan
untuk melengkapi dari fungsi tag diatas seperti berikut:
AtributFungsi
FaceColspanRowspanBorderWidthCellspacingBgcolorBordercolorAlignSizeMenentukan
jenis huruf yang digunakan Menentukan renggang antar
kolomMenentukan renggang antar barisMenentukan garis tepi
Menentukan lebar dari sMenentukan spasi antar selMenentukan warna
backgroundMenentukan warna dari garis tepiMenentukan rata
kiri/kananMenentukan ukuran dari font
Dengan menggunakan MS FrontPage, secara default maka akan tampil
seperti kode berikut:
Tempat kita akan membuat isi dari halaman web