Ada beberapa cara mudah untuk membuat website:
- Menggunakan microsoft word --> ini untuk pemula
- Menggunakan microsoft frontpage --> Alternatif aja cadangan kalau yang lain tidak digunakan
- Menggunakan dreamweaver 2004
***Ini cara yang paling mudah memakai microsoft word untuk membuat website
1. Buka microsoft word
2. Lalu ketik apa saja untuk isi halaman tsb, misal begini
Selamat datang di website pertamaku
Namaku adalah Joni
dst dst dst
3. Lalu simpan dengan Save as,
pada file name ketik dengan index
pada Save as type pilih yang : Web page (*.htm;*.html)
nama file nya akan menjadi index.htm
harus diberi nama index karena website umumnya menggunakan file
yang namanya index sebagai halaman depan
4. Sekarang untuk memasang file yang sudah anda buat tsb untuk online di internet
anda membutuhkan hosting gratisan, buka www.yahoo.com lalu login dengan id yahoo anda,
jika belum punya Sign up dulu (daftar)
setelah login pilih yahoo geocities, lalu ikuti instruksi untuk membuat hosting
gratis di yahoo geocities tsb.
Jika prosesnya sudah benar klik File manager, di File manager browse file index.htm
yang sudah anda buat, beri tanda cek list pada update extension lalu tekan tombol Upload
5. Jika langkah anda benar sekarang anda sudah selesai membuat website sederhana,
alamat website anda www.geocities.com/idyahooanda (sesuai dengan id yahoo anda)
***Ini cara yang paling mudah memakai microsoft frontpage untuk membuat website
FrontPage
adalah sebuah program web Authoring berbasis WYSIWYG (What You See Is
What You Get), artinya apa yang kita buat desainnya maka hasilnya di
browser persis seperti desain kita. FrontPage
merupakan salah satu program yang dikeluarkan oleh perusahaan Software
Raksasa bernama Microsoft. Jadi jangan heran kalau program ini biasa
disebut Microsoft FrontPage.
Keunggulan FrontPage
adalah mudah penggunaannya, memiliki tampilan yang mirip Microsoft
Word. Bila Anda terbiasa menggunakan Microsoft Word, tidak terlalu
mengalami kesulitan dalam menggunakan program ini.
FrontPage
sangat hemat untuk urusan pembuatan website statis, yaitu website yang
bersifat satu arah, tidak memiliki sarana komunikasi antara pengunjung
dengan pemilik situs. Itu dikarenakan kemudahan dalam pemakaiannya,
serta Anda tidak perlu dipusingkan dengan urusan pembuatan kode-kode
HTML dalam mendesain sebuah website sebab FrontPage secara otomatis akan
membuatnya.
Ebook yang berjudul membuat website statis dengan microsoft frontpage ini akan membimbing anda secara mudah bagaimana untuk bisa membuat website statis yang berkualitas mulai dari dasar pembuatan hingga sentuhan akhir dengan menggunakan microsoft frontpage. Ebook ini memaparkan berbagai macam tips dan cara dalam membuat website statis secara profesional, antara lain :
A. LANGKAH AWAL
B. MENYIMPAN NASKAH HTML
C. MEMBUAT HYPERLINK OTOMATIS
D. MENGGANTI MODEL HURUF
E. MENGGANTI STYLE
F. EFEK HURUF
G. PEWARNAAN TEKS DAN EFEK STABILO
H. MEMBUAT NOMOR URUT
I. MEMBUAT BULLET
J. MENGGANTI WARNA LATAR
K. MEMBUAT TABEL DAN EFEKNYA
L. MENYISIPKAN GAMBAR
M. MENGATUR PROPERTI TABLE
N. HYPERLINK KE HALAMAN LAIN
O. HYPERLINK KE HALAMAN LAIN
P. MEMBUAT FILE BARU
Q. MEMANFAATKAN TEMPLATE
R. MENGGANTI GAMBAR
S. UJI COBA WEBSITE
T. OPTIMASI MESIN PENCARI
U. MENYISIPKAN JAVASCRIPT
Dengan mendownload dan mempelajari ebook ini, anda bisa membuat website statis anda sendiri secara profesional dengan cara yang begitu mudah.
Sebelum download ebook ini, baca dulu TIPS MEMPERCEPAT DOWNLOAD DISINI
Download Link ebook Tersebut Disini
Download Membuat website statis dengan Microsoft Frontpage
***Ini cara yang paling mudah memakai dreamweaver 2004 untuk membuat website
Kini saatnya kita melanjutkan
tutorial web kita yang membahas
cara membuat web dengan menggunakan Macromedia Dreamweaver.
Dibagian pertama tutorial berkelanjutan ini kita telah mengenal sekilas mengenai
profil Dreamweaver sebagai salah satu
software web design. Bahkan pembaca mungkin sudah mencoba men
download dreamweaver cs4 yang merupakan versi terbaru saat posting ini
saya rilis. Oke deh, saya asumsikan pembaca sudah
mendownload dan sudah
menginstal dreamweaver baik itu yang asli dan sudah di-
purchase,
trial, maupun yang versi tak asli yang
serial number-nya didapat dari
crack-crack-an, kayak saya ini :D. Atau kalau belum menginstal juga tidak masalah
kok. Dreamweaver tidak membuat kita pintar, tapi kita yang
membuat dreamweaver menjadi pintar. Gimana caranya? Dibagian ini kita akan mempelajari
dasar-dasar dreamweaver untuk
membuat website.
- Silahkan jalankan program Dreamweaver jika pembaca telah menginstalnya.
- Pada menu utama, pilih File --> New,
maka akan muncul tampilan pilihan jenis dokumen baru yang ingin kita
buat. Maksudnya adalah kita memilih apakah ingin membuat halaman web basic (statis), web dinamis
(biasanya untuk web berbasis database), halaman template, dan
lain-lain. Setiap kategori terdiri dari beberapa jenis dokumen. Menurut
saya jenis ini dibedakan berdasarkan bahasa dan fungsi yang akan
digunakan untuk halaman website yang akan kita buat. Karena saat ini kita mencoba belajar yang dasar terlebih dahulu, maka silahkan pilih kategori Basic Page dan jenisnya HTML.
- Tampilan layar desain Dreamweaver terdiri dari 3 jenis, yaitu code, split, dan design.
Layar Code berfungsi sebagai tempat kita membuat halaman web dengan mengetik bahasa pemograman secara langsung. Artinya, layar inilah yang menampilkan struktur bahasa pemograman web yang dipakai pada halaman web yang sedang kita buat. Pada bagian design, kita membuat website
dengan menggunakan menu-menu yang tersedia, misalnya menu menambahkan
gambar, membuat tabel, mengatur tampilan tulisan, dan lain-lain. Kita
tidak perlu mengetik bahasa pemograman halaman web yang kita buat karena secara otomatis, setiap kita menambahkan sebuah elemen, maka dreamweaver akan menerjemaahkannya kedalam kalimat-kalimat bahasa pemograman yang kita gunakan. Inilah keunggulan dreamweaver dibanding notepad, frontpage, dan mungkin yang lainnya. Karena pada dreamweaver sudah tersedia menu-menu yang siap pakai untuk mendesain halaman web. Selain itu, interface-nya juga sangat bagus dan mudah digunakan. Bagian split berguna untuk membagi halaman kerja dreamweaver menjadi 2, separuh untuk menampilkan layar code, dan separuh lagi menampilkan layar design. Hal ini berguna jika kita ingin mendesain halaman melalui layar design namun ingin melihat perubahan kode bahasa webnya, dan juga sebaliknya. Jika pembaca masuk ke layar Code, Anda akan melihat struktur HTML seperti yang pernah saya tunjukkan pada postingan yang ini. Sebagai contoh struktur:
<title>Untitled Document</title>
dimana struktur tersebut berfungsi untuk mendefenisikan judul halaman web kita yang akan muncul di title bar browser.
- Dibagian kiri atas dibawah menu File, terdapat menu dropdown
yang terdiri dari beberapa pilihan. Pilihan ini berguna untuk memilih
menu-menu desain yang akan kita gunakan. Misalnya kita ingin menambah
gambar, maka pilih Common, maka
disebelah kanannya akan muncul menu-menu bergambar yang bisa kita
gunakan, salah satunya untuk memasukkan gambar ke halaman website.
- Coba pembaca masuk ke layar Design seperti yang saya jelaskan pada poin 3. Setelah memilih bagian tersebut, dibagian bawah pembaca akan melihat bagian Properties. Bagian ini berfungsi untuk mengatur tampilan dari elemen-elemen yang kita tambahkan kedalam halaman web yang kita buat. Menu-menu Properties ini hanya terlihat jika kita bekerja pada layar Design.
- Dibagian samping, terdapat pula bagian yang bernama Panel. Salah satu fungsi panel ini adalah untuk mengatur file-file web yang telah kita buat.
- Dibagian atas tepatnya disamping menu pilihan layar, ada kotak isian bernama Title. Bagian berfungsi untuk memberikan judul halaman web yang sedang kita buat yang akan muncul pada title bar browser.
Fungsi ini sama seperti yang dijelaskan pada poin 3 diatas mengenai tag title. Coba pembaca ganti tulisan yang ada di kotak tersebut menjadi misalnya "Tutorial Website Dengan Dreamweaver". Setelah itu, kembali ke layar code dan lihat perubahan yang terjadi pada bagian tag <title>.
Nama : kiki oktavia
Nim :1011254
Kls :MI_4M
Jurusan :pemrograman web 1
MANAJEMEN INFORMATIKA