Rabu, 30 November 2011

Membuat halaman web


  1. 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.

    1. 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.

    1. 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.

    1. 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 :
  1. masuk ke web site
  2. klik link sign up pada halam tersebut
  3. pilih FREE BUILDER
  4. lalu kamu memilih nama domain
  5. 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:
  1. Aktifkan aflikasi software WS_FTP
  2. Klin tombol New
  3. Masukan nama yang kamu inginkan pada bagian profile name
  4. Masukan alamat FTP server pada bagian Host name
  5. Host type, pilih sitem oprasi yang digunakan pada server hosting
  6. Masukan password
  7. Klik tombol ok
  8. Cari lokasi tempat file yang ingin kamu Upload dalam ditektori kompotermu(kiri)
  9.   Tampilkan isi folder akan tampak pada layar
  10. Klik file yang akan kamu upload
  11. Jika berhasil kamu akan menemukan keterangan trafer succeded pada kotak keterangan WS_FTP
  12. Proses Upload telah selesai dilakukan.