- prangakat lunak untuk pembuatan haman web
situs web adalah lokasi di internet yang menyajikan kumpulan informasi
dengan menampilkan profil pemiliknya, baik prebadi maupun institusi sehinggan
dapat dikunjungi dan dibaca oleh pengguna internet
perangakat lunak yang digunakan dalam pembuatan web page antara lain
sebagai berikut:
internet Ekploler atau netsecape communicator sebagai broser.
Microsof prontpage,coffeecup, Evrsoft, first page, macromedia dreamweaver
sebagai html editor.
Macromedia flash, adobe image styler, adobe photo shop sebagai software
animasi
Program ftp ( file trasfer protocol ),misalnya WS_FTP untuk propses upload.
B.Membuat halaman web kosong
1.buka micoroft frontpage.
2. klik menu file, new, page or
web.akan ditampilkan
3untuk memulai membuat halaman web
baru, pilih salah satu cara berikut.
a.
klik
blamk page.
b.
Klik
page templates.
c.
Pilih
one page web.
Cara menyusun web site dengan navigation adalah sebagai berikut.
1.
buat
web site baru dengan nama websiteku.com. klik menu file, new, page or web.
2.
pada
task pane new page or web,klik one page web.
3.
klik
view, navigation sehingga akan ditampilkan area kerja navigation akan
ditampilkan.
4.
tambahkan
halaman profile.
5.
ubahlah
nama new page 1 dengan profile.
6.
ulangi
langkah penambahan halaman baru seperti cara diatas.
7.
untuk
halaman ini.caranya sebagai berikut.
a.
klik
kanan pada halaman layanan.
b.
Pilih
new, page maka halaman baru akan ditampilkan dibawah halaman layanan.
c.
Beri
nama halaman tersebut dengan promosi web.
d.
Subhalaman
desain web, domain, dan hosting, di buat dengan cara yang sama.
C. MEMBUAT NAVIGASI WEB
Navigasi web adalah sistem yang menghubungkan halaman web ke halaman web
lain melalui hyperlink membentuk struktur situs web. Hyperlink adalah teks atau
gambar yang jika diklik akan mengantarkan pengunjung web site ke halaman web
lainnya.
- membuat hyperlink pada halaman web secara manual
a. buka halaman index.htm.
b. tambahkan teks pada halaman web dengan
cara di ketikan seperti layaknya.
c. Sorot atau blok teks home,kemudian klik tombol
insert hyperlink pada toolbar, atau klik menu insert hyperlink (CTRL + K).
d. Pilih file index.htm sehingga pada kolom
addres akan tampil halaman index.htm.
e. Lanjutkan dengan cara yang sama, untuk
teks profile.
f.
Pilih
profile, kemudian klik ok.
g. Ulangi langkah-langkah penambahan
hyperlink di atas.
h. Simpan halaman ini dengan klik menu file,
save (CTRL + S).
i.
Ulangi
langkah ke-1 sampai ke-7 untuk manabahkan hyperlink pada halaman-halaman selain
index.
- Membuat hyperlink halaman web secara otomatis
Pembuata hyperlink secara manual
lebih mudah dilkakukan dan formatnya dapat diatur lebih fleksibel.
a. hyperlink halaman home atau level pertama
cara penambahan hyperlink untuk
setiap level halam web berbeda-beda.
1)kosomgkan hyperlink pada masing-masing halaman web
index.htm.profile.htm,layanan.htm,dan seterusnya)
2) pembuatan hyperlink otomatis dimulai dari halaman index. Buka halaman
index.htm.
3) pastikan kursor telah berada di tepi kiri halaman web.tambahkan
hyperlink pada bagian kiri halaman index dengan cara sebagai berikut.
a) klik menu insert navigation.
Kotak dialog insert web component akan di tampilkan. Pada componenet type,pilih
link bars.
b) pilih bar based on navigation
stucture di bagian choose a bar type kemudian klik tombol next.
c) klik next, plilihan choose an
orientatiom akan di tampilkan.
d) pilih halaman dengan link
tersusun vertikal pada choose an orentatiom, kemudian klik finish. Kotak dialog
link bar properties akan ditampilkan.
e) pada tab general, pilih child
level dan pilih home page untuk bagian editional pages.
f) jika kamu klik find components
on the web kamu terhubung ke web browser yang menampilkan halaman microsoft
officer up date di internet
g) setelah kamu membuat pilihan
link bar properties, klik tombol ok.
b. hyperlink halaman level kedua
1) buka halaman profile.htm dengan klik dua
kali pada file tersebut.
2) Pastikan kursor berada di sebelah kiri
halaman
3) Pili bar based on navigation structur,
kmudian klik next.pilihan choose a bar style akan ditampilkan.
4) Plih vertikal, lali klik finish sehingga kotak
dialog link bar properties ditampilkan.
5) menu navigation yang ditampilkan adalah
menu yang menuju ke halaman web.
6) Untuk memudahkan menu navigasi,kamu tidak
perlu mengulangi langkah-lagkahnya dari awal tapi cukup mengcopy navigasi pada
halaman profile.
7) Setelah kamu melengkapi menu navigasi
untuk halaman layanan, hubungi kami.
c. hyperlink halaman ketiga
1) buka halaman promosi web dengan mengklik
dua kali pada file promosi web.htm.
2) buatlah menu navigasi dengan cara yang
sama seperti sebelumnya.
3) Klik tombol ok agar menu navigasi
ditambahkan.
4) Caranya dengan meletakan kursor tepat
dibawah judul teks.
5) Ulangi langkah untuk penambahan meu
navigasi web.
6) Klik finish.
7) Klik tombol ok.
8) Untuk halaman lain :
a) bka file desain_web.htm. pindahkan
tampilan promosi_web.htm.
b) pindah ke halaman desain_web.htm.
c) lakukan dengan cara yang sama untuk
menambahkan menu navigasi halaman domain.
d) Jalankan dengan klik preview pada toolbar.
Cara menambahkan menu navigasi horizontal :
a)buka halaman layanan.htm.
- mengedit navigasi web
pengeditan navigasi akan mengubah
struktur halaman web secara keseluruhan terutama pada link-link terkait.
Cara drag kotak halaman.
D. format ccs
CSS (cascading style sheet) merupakan bahasa scipting yang digunakan untuk
mengatur format dokumen.
1.
pengenalan
style sheet
merupakan fitur yang sangat penting dalam membuat dynamic HTML.
2.
menggunakan
css pada halaman web
(html)
(head)
Isi head berupa meta tag,title dan script
Bagian head dapat berisi meta tag,title dll.
Penulisan css terdiri atas dua
bagian yang dipisahkan oleh tanda kurang “(“ dan “)”.
Script css yang berisi format teks dapat kamu tulis seperti berikut.
<style>
a: (text-decoration:none;color: #0000ff )
3.
css
pada file terpisah
penerapan css yang diletakan pada bagian
head setiap halaman web tampaknya kurang praktis.
Untuk memudahkan penyeragaman format css
pada setiap halaman web, buatlah satu halaman web yang telah di format
menggunakan css lalu klik flie, save as.
E. Membuat tabel untuk web
Untuk memodifikasi websiteku.com ikuti
langkah-langkah berikut :
1
buka
web site yang akan di buat tabelnya.
2
Buka
halaman index.htm yang akan dibuat tabelnya.
3
Jika
telah dibika, hapus semua teks dan objek yang ada pada halaman index.htm.
4
Buat tabel dengan dua kolom dan 4 baris pada
halaman index.htm dengan menekan ikon
insert tabel.
5
Kemudian,aturlah
tabel untuk penempatan gambar dan tejsnya.
6
Tempatkan
gambar dan teks yang diperlukan.
7
Untuk
bagian kolom sekapur sirih,pilih split cells.
8
Masukan
teks dengan efek berjalan menggunakan menu insert,web component.
9
Pengisian
tulisan di bawah sekapur sirih dapat diketik langsung atau sisipkan insert.
10
Klik
pada bagian home,kemudian masukan theme.
11
Gunakan
hyperlink untuk menghubungkan antarhalaman web.
Pilih child level dan home page untuk
index sebagai level pertama dan,
Pilih same level dan home page untuk
profile sebagai level kedua.
12.
tampilkan
dengan browser internet explorer.
F. GRAFIS atau gambar untuk web
Jenis file gambar yang biasa digunakan untuk
web adalah GIF,JPEG,dan PNG.
G. Gunakan nama domain dan hosting
Nama domain atau domain name system (DNS)
adalah sebuah alamat di internet.
Jika dianalogikan,DNS adalah nama alias
dari sebuah alamat IP. Jadi selain mengetikan 66.218.71.198, kamu dapat juga
mengetikan www,yahoo.com agar lebih mudah diingat.
Jika kamu mendaftarkan sebuah nama domain
,misalnya www.namaku.com.
H. mendafatarkan
alamat domain ke provider web hosting
1. Kriteria yang
dipertimbangkan dalam memilih web hosting
Ketika kamu
mempublikasikan web site, kita harus tahu tentang web hosting, web hosting
dapat di analogikan sebagai gudang
tempat penyimpanan data
2. mendaftar
domain web hosting
Langkah- langkah domain ke provider web
hosting adalah :
- masuk ke web site
- klik link sign up pada halam tersebut
- pilih FREE BUILDER
- lalu kamu memilih nama domain
- daftarkan nama domain tersebut
I . melakukan
Upload
Proses transfer
data dari kompoter kita(kompoter lokal) ke web server diknal dengan istilah
upload
Langkah-langkah
untuk mengUPload menggunakan software WS_FTP adalah:
- Aktifkan aflikasi software WS_FTP
- Klin tombol New
- Masukan nama yang kamu inginkan pada bagian profile name
- Masukan alamat FTP server pada bagian Host name
- Host type, pilih sitem oprasi yang digunakan pada server hosting
- Masukan password
- Klik tombol ok
- Cari lokasi tempat file yang ingin kamu Upload dalam ditektori kompotermu(kiri)
- Tampilkan isi folder akan tampak pada layar
- Klik file yang akan kamu upload
- Jika berhasil kamu akan menemukan keterangan trafer succeded pada kotak keterangan WS_FTP
- Proses Upload telah selesai dilakukan.
