Wellcome to my cyber home [ Tutorial / Pelajaran Web]
Halaman 1
Halaman ini berisi daftar bahan-bahan Tutorial
bagi para pemula yang ingin mempelajari tentang bagaimana membuat
suatu halaman web. Bahan-bahan tutorial ini disusun sedemikian rupa
dengan bahasa yang sederhana dan dilengkapi dengan contoh-contoh
praktis untuk membuat anda lebih mudah memahami tutorial ini. Silakan
klik bagian-bagian di bawah ini untuk masuk ke bahan tutorial yang
diinginkan. Bagi anda para pemula, kami menyarankan untuk mengikuti
tutorial ini secara satu per satu dimulai dengan topik yang pertama.
Tutorial | Pendahuluan
Sebelum mengikuti tutorial ini, anda mungkin ingin tahu apakah ini
memang tempat yang tepat untuk anda dan perlengkapan apa saja yang
dibutuhkan untuk mulai belajar membuat halaman web?
Apakah anda...
punya banyak informasi yang terlalu berharga untuk disimpan sendiri,
dan ingin membagikannya pada orang lain melalui internet?
ingin menghadirkan Organisasi, atau instansi tempat anda melayani/bekerja,
atau mungkin diri anda sendiri di internet?
sudah cukup lama berselancar di "cyberspace" dan memutuskan
membuat sendiri "homepage" anda yang pasti jauh lebih
hebat dari semua yang pernah anda lihat?
sedang menimbang-nimbang apakah karir di bidang web-authoring memang
dunia yang cocok untuk anda?
senang belajar dan mencoba tantangan baru?
hanya sekedar iseng...?
Siapapun anda, dan apapun alasan anda mengunjungi halaman ini, anda
sedang berada di tempat yang tepat untuk mulai belajar tentang web-authoring,
khususnya tentang HTML.
Apa yang anda butuhkan?
Banyak orang mengira bahwa untuk membuat sebuah situs web yang menarik
dibutuhkan dana yang besar. Anggapan tersebut memang beralasan,
tapi tidak sepenuhnya benar. Untuk memulai anda hanya membutuhkan:
Komputer, tentu saja!
Editor teks/ASCII, seperti Notepad (Windows) atau SimpleText (Mac)
Browser, seperti Internet Explorer atau Netscape Navigator
Koneksi ke Internet (tidak harus ada)
Editor grafik (tidak harus ada)
Program validator HTML (tidak harus ada tapi sebaiknya ada)
Kemauan untuk belajar, syarat mutlak untuk menguasai apa saja
Dokumen HTML
Pada dasarnya halaman web adalah dokumen teks biasa atau yang sering
disebut sebagai dokumen ASCII. Yang membedakannya dari dokumen teks
yang lain adalah dalam halaman web kita dapat menambahkan struktur,
format, bahkan kaitan (hyperlink) ke halaman lain dengan bantuan
kode-kode khusus (markup) yang disebut "tag". Aturan penulisan
tag-tag tersebut dirumuskan dalam spesifikasi bahasa HTML (HyperText
Markup Language) dan dokumen yang dihasilkan disebut dokumen HTML.
Editor HTML: Teks vs. WYSIWYG
Secara garis besar, editor HTML dapat dikelompokkan ke dalam dua
kategori: editor teks dan editor WYSIWYG (What You See Is What You
Get).
Editor Teks
Dengan editor teks kita dapat melakukan penyuntingan dokumen HTML
secara langsung. Terdapat banyak variasi editor teks, mulai dari
yang paling sederhana - yang tidak dirancang untuk membuat dokumen
HTML - seperti Notepad, SimpleText atau MS-Edit, atau yang memiliki
fasilitas macro seperti UltraEdit atau NoteTab, hingga yang bisa
menyisipkan tag-tag HTML secara otomatis seperti HotDog, DreamWeaver,
atau NetObject.
Editor WYSIWYG
Dengan editor WYSIWYG penyuntingan dilakukan seperti dalam aplikasi
word processing biasa. Kita dapat menambahkan format teks, meletakkan
gambar, menyusun tata letak, dan sebagainya dengan bebas, dan kode
HTML akan dibangkitkan oleh editor. Contoh editor dalam kategori
ini adalah FrontPage, Netscape Navigator Gold, atau PageMill.
Dalam tutorial ini kita akan belajar tentang kode-kode HTML, sehingga
untuk sementara sisihkan dulu editor WYSIWYG yang anda miliki dan
gunakan editor teks saja. Editor WYSIWYG lebih tepat digunakan untuk
orang awam yang ingin membuat halaman web sederhana dengan cepat,
walaupun ada juga beberapa fasilitas dan kemudahan khusus yang bisa
anda gunakan nanti jika anda sudah lebih mahir dalam HTML.
Baik, jika anda sudah tidak sabar lagi ingin segera membuat halaman
web anda yang pertama, silahkan menuju bagian pertama tutorial,
tentang Struktur Dasar Dokumen HTML.
pusing yah....lanjut oke biar tambah
pusing
|