Kamis, 28 Februari 2008

membuat web

Pelatihan Pembuatan website

Selamat datang di bagian Pelatihan Pembuatan website. Pada bagian pelatihan pembuatan website ini kami hadir untuk membantu bagi para pengguna atau pemilik komputer yang ingin mempelajari pembuatan Website yang sederhana. Didalam Website ini kami akan memberikan pelatihan dasar bagaimana cara membuat website yang sederhana namun menarik. Sehingga Anda dapat membuat website dengan tangan Anda sendiri.

Dan Anda juga dapat melakukan tanya jawab dengan kami apabila Anda merasa kesulitan dalam pembuatan website yang Anda kerjakan.
Didalam pembuatan Website kita harus mempunyai kreativitas dan daya imajinasi yang tinggi agar website kita terlihat menarik walaupun bentuknya sederhana.

Baik itu untuk pewarnaan ataupun untuk penempatan gambar, kita harus benar-benar jeli agar terlihat menarik dan tidak terlalu lama pada saat dibuka di Internet. Kita bisa memakai program Microsoft Front Page, Macromedia Dreamweaver, ataupun Notepad yang sudah tersedia di setiap Windows.

Ada juga Program tambahan misalnya Adobe Photoshop yang digunakan untuk mengedit grafik sebelum ditempatkan kedalam dokumen website, lalu Macromedia Flash yang digunakan untuk membuat grafik Animasi. Kita juga bisa memasukkan musik ataupun yang lainnya kedalam dokumen website kita.

Tetapi harus ingat satu hal! jangan kita terlalu memasukkan banyak grafik yang bermuatan tinggi karena akan membuat lamanya pembukaan dokumen kita, pada saat akan dibuka di Internet (Grafik dari Adobe Photoshop ataupun dari Macromedia Flash).

Bagaimana Cara Merancang Sebuah Website ?

Banyak sekali cara-cara yang digunakan oleh beberapa orang untuk membuat website. Dan didalam pelatihan ini Anda akan diberitahu hal-hal yang penting dalam Pembuatan Website agar terlihat menarik walau bentuknya sederhana. Jadi sebelum membuat website perhatikanlah hal-hal berikut ini :

  • Tentukan Sasaran Pembaca Web Page Anda:
    Apabila sasaran pembaca WebPage Anda adalah orang lokal, lebih baik Anda menggunakan Bahasa Indonesia pada dokumen web Anda. Agar lebih dapat dipahami dan lebih cepat memberikan reaksi atas WebPage Anda.
    Sedangkan, bila sasaran pembaca WebPage Anda adalah orang diseluruh dunia, gunakanlah bahasa Inggris yang merupakan bahasa International pada dokumen web Anda. Dan tidak ada salahnya apabila dokumen web Anda dibuat dalam tiga atau empat bahasa, yang dipergunakan oleh orang diseluruh dunia.

  • Tentukan Tujuan dari WebSite Anda:
    Didalam pembuatan Website, sebelumnya Anda harus menentukan tujuan dari Website yang Anda bikin atau Anda buat. Apakah website tersebut untuk mempublikasikan diri Anda sendiri atau Anda ingin mempublikasikan Perusahaan Anda dan barang-barang produksi Perusahaan Anda, dll. Bagaimanapun bentuk tujuan dari Website atau dokumen Website yang Anda buat, harus jelas agar pembaca Website Anda dapat lebih mengerti dan memahami tujuan dari Website Anda.

  • Buat Struktur WebPage Anda:
    Sebelum Anda membuat dokumen Web Anda, alangkah lebih baik apabila Anda pertimbangkan dulu bagaimana cara mengelola dokumen Web Anda. Buatlah struktur dari dokumen yang Anda buat dengan jelas dan teliti agar tidak menyimpang dari tujuan pembuatan WebSite Anda.


Apa Itu WWW?

Terminologi

Apa Itu Home Page

Home Page adalah halaman pertama dari suatu website yang berisi berbagai Informasi tentang apa dan siapa dari perusahaan atau organisasi pemilik website tersebut. Didalam website tersebut juga terdapat Informasi tentang link-link yang menghubungkan antar dokumen yang satu dengan dokumen yang lainnya.Setiap pribadi atau organisasi perusahaan yang memiliki informasi di World Wide Web akan memerlukan suatu alamat atau URL khusus yang disebut Website.

Apa itu HyperText Transfer Protocol ( HTTP )

HTTP adalah suatu protokol yang digunakan untuk menentukan aturan yang harus diikuti oleh Web browser dalam meminta atau mengambil suatu dokumen, dan oleh Web server dalam menyediakan dokumen yang diminta. Jika anda sedang menjelajah Web dan pada Addres bar ada tulisan http://www.msn.com, ini merupakan salah satu penggunaan protokol http dalam Web.

Uniform Resource Locator ( URL )

URL adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server. Format umum suatu URL adalah :

Protokol transfer ://nama host/path/nama file

  • Protokol transfer adalah protocol yang digunakan oleh suatu browser untuk mengambil informasi.

  • Nama host adalah nama dari komputer dimana informasi tersebut berada.

  • Path/nama file adalah jalur serta nama file dari suatu informasi.


Protokol Transfer

Protokol transfer adalah suatu protokol yang digunakan untuk pengiriman informasi di Internet. Selain HTTP, dalam Internet juga dikenal beberapa protokol lain, diantaranya adalah :

  • FTP (File Transfer Protokol). Protokol ini dirancang untuk memungkinkan pemakai mentransfer file dalam format teks atau biner dalam server komputer di Internet. Contoh ftp.usma.edu/pub/msdos/.

  • Gopher. Protokol ini dirancang untuk mengakses server gopher. Contoh gopher://wiretrap.spies.com/.

  • News (Network News Transfer Protokol). Protokol untuk mendistribusikan berita di Usenet. Usenet adalah sistem yang dirancang sebagai forum diskusi dengan didasarkan pada topik-topik yang disebut newsgroup. Contoh : news:comp.infosystems.www.announce.

  • Telnet. Protokol yang digunakan untuk login ke suatu server komputer.

Dengan protokol-protokol tersebut, browser Anda dapat bertindak sebagai client dari protokol tersebut.

Domain Name System (DNS)

Komputer-komputer di Internet menggunakan suatu format penamaan standar untuk mempermudah pengelolaan server komputer di Internet. Sistem penamaan server komputer adalah Domain Name System (DNS). DNS membuat suatu tingkat-tingkat domain yang merupakan kelompok komputer yang terhubung ke Internet., Ada beberapa nama-nama domain beserta organisasinya antara lain :
Nama DomainJenis Organsiasi

Com

Organisasi Komersial Contoh: www.yahoo.com

Edu

Lembaga Pendidikan Contoh: www.usc.edu

Gov

Lembaga Pemerintah

Int

Organisasi International

Mil

Organisasi Militer

Net

Provider Internet Contoh telkom.net

Org

Organisai Umum

Au

Organisasi Komputer di Australia

At

Organisasi Komputer di Austria

Be

Organisasi Komputer di Belgia

Ca

Organisasi Komputer di Kanada

Ch

Organisasi Komputer di Swiss

Cz

Organisasi Komputer di Checna

De

Organisasi Komputer di Jerman

Dk

Organisasi Komputer di Denmark

Es

Organisasi Komputer di Spanyol

Id

Organisasi Komputer di Indonesia


Dokumen HTML

Apa Perbedaan Dokumen HTML ?

Dokumen HTML bisa mengandung teks, gambar, suara atau video, yang membedakan HTML dengan dokumen yang lain adalah adanya elemen-elemen HTML beserta tag-tagnya. Elemen dan tag HTML berfungsi untuk memformat atau menandai suatu bagian tertentudari dokumen HTML dan juga menentukan struktur bagian tersebut dalam dokumen HTML.

Bagian Dokumen HTML

Dokumen HTML tersusun oleh 3 bagian antara lain :

  1. Baris yang berisi informasi versi HTML yang digunakan.
  2. Deklarasi bagian header dengan elemen head.
  3. Deklarasi bagian body dengan elemen BODY atau FrameSET.
Berikut adalah contoh dokumen HTML sederhana :

Contoh Dokumen HTML sederhana













Halo semua, saya orang baru.........!




Beberapa Informasi tentang Versi HTML

Satu dokumen HTML yang Valid akan mendeklarasikan HTMLyang digunakan pada dokumennya.
Definisi type dokumen dikenal dengan DTD (Document Type Definition).
Dalam HTML 4.01 terdapat 3 DTD dan setiap pembuat dokumen harus menyertakan salah satunya, 3 DTD tersebut antara lain :

  • HTML 4.01 Strict DTD, memasukkan seluruh elemen daan atribut yang sudah usang atau tidak tampil padaa frameset dokumen. Untuk dokumen yang menggunakan tipe DTD ini, tipe deklarasinya adalah :

  • HTML 4.01 Transitional DTD, memasukkan seluruh yang ada pada strict DTD ditambah elemen daaaan atribut yang sudah tidak digunakan. Untuk dokumen yang menggunakan tipe DTD ini, tipe deklarasinya adalah :

  • HTML 4.01 Frameset DTD, memasukkan seluruh yang ada pada transitional DTD ditambah frame. Unutk dokumen yang menggunakan tipe DTD ini, tipe deklarasinya adalah :

Dan URL Pada masing-masing DTD akan mengijinkan browser untuk download DTD dan entity yang dibutuhkan.
Beberapa URL tersebut antara lain:

  • "strict dtd"--default strict DTD

  • "loose.dtd"--loose DTD

  • "frameset.dtd"--DTD untuk frameset document

  • "HTMLlat1.ent"--Latin-1 entities

  • "HTMLsymbol.ent"--Symbol entities

  • "HTMLspecial.ent"--Special entities

Entity atau kode khusus banyak sekali digunakan untuk menuliskan simbol-simbol khusus seperti huruf Greek dan simbol lain.



Bagian Elemen HTML

Pada suatu elemen HTML terdiri dari beberapa tag-tag dan atributnya antara lain:

  • TAG : Jika browser menampilkan halaman Web, maka browser akan membaca teks yang terdapat di dokumen HTML lalu mencari kode khusus yang biasa disebut TAG. Tag merupakan suatu pasangan tag awal/pembuka<...>dan tag akhir/Penutup <./.>

  • Atribute : Tag awal seperti biasanya terdapat beberapa buah atribut yang memperlihatkan karakteristik dari tag tersebut. Misal :

    Dipergunakan untuk membuat teks menjadi rata kiri dari suatu paragraf.



Silakan download contoh saya, - klik "File - Save As" di browser anda, dan simpan ke komputer anda atau floppy disk. Buka file tersebut di 'Notepad' dan klik di "Edit - Word Wrap". Anda hanya perlu mengganti ??? dengan info anda, nama, e-mail, dll.

0 komentar:


Blogspot Template by Isnaini Dot Com Powered by Blogger and Job Search