Membuat content web dengan Microsoft Word

Author: · Published: January 6, 2013 · Category: Komputer Dasar 

Agus Subardjo

Tulisan ini khusus kami paparkan untuk para pemula pembangun website. Kadangkala bagi pemula amat sulit memahami PHP, membuat localhost pada PC atau Laptopnya, apalagi membuat database, lebih-lebih meng-upload ke server-hosting, oleh karena itu dalam tulisan ini, kita gunakan HTML, artinya  semua file kita usahakan berekstensi dot html.

Andapun dapat mendownload template berbasis HTML, sehingga dapat diekstrak ke disk atau folder mana saja di komputer anda, tinggal di “open” file index.html-nya maka sudah dapat terakses di browser komputer anda. Sedangkan untuk edit file-filenya kami sarankan menggunakan NOTEPAD, atau NOTEPAD++, atau kalau tidak bisa gunakan WORDPAD, karena untuk pemula misalnya menggunakan Dreamweaver, kadangkala mempersulit transfer teknologi (mudah akan tetapi anda tidak mengetahui proses atau listing bagian mana yang diedit).

Template tersebut yang anda gunakan untuk mengolah website.

Langkah-langkahnya sbb.:

  1. Setelah anda download template, maka ekstrak file zip tersebut dan hasilnya dapat anda simpan dimana saja pada disk komputer anda.
  2. Open file index.html, akan muncul halaman awal website di browser anda. Dalambagian content, masih kosong, apa sebabnya.? Karena website kita posisi content menggunakan iframe (lihat baris ke 50 dari source-code index.html, bila dibuka dengan NOTEPAD). Disitu masih belum ada listing src=”namafile” yaitu file yang akan kita tampilkan pertama kali. Coba kalau anda tambahkan  src=”beranda.htm”  maka waktu browser di reload, halaman tersebut tidak kosong lagi. Kenapa filenya dot htm .? Karena waktu men-save listing file tersebut saja gunakan dot htm. Dan dalam membuat halaman ini saya gunakan NOTEPAD, kemudian saya simpan dengan dot htm.
  3. Andapun dapat merubah tidak hanya berupa teks, namun juga dapat berupa foto atau gambar atau widget aplikasi, misalnya untuk widget berupa tanggal, jumlah pengunjung, atau widget lainnya yang dapat di download.
  4. Untuk mengisi foto atau gambar, terlebih dahulu letakkan gambar pada folder web atau dibuatkan folder sendiri tetapi masih didalam folder web dengan menambahkan src=”namafile gambar”.
  5. Sekarang menambah konten web dengan Word Office.:
  • Buka Microsoft Word anda.
  • Ketikkan materi yang akan dipublish.
  • Simpan dengan Save As Type Web Page. pada folder web tadi. (sebagai contoh telah saya sertakan file doc.htm )
  • Agar dapat dipanggil melalui menu, edit listing baris ke 37 dari index.html dengan:

<li><a href=”nama file anda“>Judul Menu</a></li>

File zip download disini  website

Kurang jelas.? Hubungi kami di email : multigraphica@yahoo.com

AGUS SUBARDJO.

Related Articles

  1. Menyatukan Website Dengan Template
  2. Membuat Backslide pada Website
  3. Membangun Sistem Pendaftaran Siswa Baru online
  4. Menambah Fitur Ala Blog
  5. Membuat Website Afiliasi Sederhana – Bagian 1
  6. Mengunci Folder Rahasia
  7. Hit Counter Dengan Animation Image
  8. Menyempurnakan Halaman Web Dengan Header-Image
  9. Belajar Upload Website ke Server Host
  10. Sinkronisasi Google Drive dengan PC
  11. Melakukan Proteksi Folder Pada Windows
  12. Kolaborasi Dengan Video-Player Pada Website Dinamis
  13. Membuat Folder Super Hidden
  14. Membangun Portal E-Learning
  15. Trik Mempercepat Waktu Akses Website
  16. Cara Menghemat Kuota Internet dan Mempercepat Browsing Internet
  17. Web Counter Google Analytics pada Blog
  18. Pengenalan PHP
  19. Belajar Membuat Website
  20. Meng-override Style di Aplikasi Web yang Dihasilkan oleh PHPMaker