HTML, Webserver, File Manajer Geocities

MODUL PERKULIAHAN
KOMUNIKASI
MULTIMEDIA
HTML, Webserver, File Manajer
Geocities
Fakultas
Program Studi
Ilmu Komunikasi
Hubungan
Masyarakat
Tatap Muka
5
Kode MK
Disusun Oleh
MK43005
Ety Sujanti, M.Ikom
Abstract
Kompetensi
Modul ini membahas tentang HTML,
Webserver dan File Manajer Geocities.
Diharapkan mahasiswa dapat
memahami dan memiliki pengetahuan
dan kemampuan tentang HTML,
Webserver dan File Manajer Geocities.
HTML, Webserver, File Manajer Geocities
WWW (World Wide Web)
merupakan fasilitas yang paling disukai di Internet. Kelahiran WWW ini dilatar belakangi oleh
adanya kesulitan bertukar informasi pada Internet karena adanya format data yang berbedabeda. Oleh karena itu melalui Proyek World Wide Web yang digarap oleh Tim Berners – Lee
di European Particle Physics (CERN) Tahun 1989 diciptakanlah sebuah interface yang
sama untuk bertukar-menukar file pada internet. Dan sekarang kita lebih mengenal dengan
nama World Wide Web.
Informasi yang disediakan oleh WWW adalah dalam bentuk dokumen yang diberi nama
Webpage atau biasa menyebutnya page saja. Web page ini harus mempunyai Link ke
bagian lain.
Konsep link-link ini yang akhirnya dikenal dengan konsep Hypertext. Dokumen yang
mendukung ypertext inilah yang dikenal dengan nama HTML (Hypertext Markup Language).
Oleh karena itu setiap Web Page harus dibuat dalam format HTML
HTML document mirip dengan text biasa. Hanya dalam membuat intruksi ditandai dengan
kode-kode tertentu atau biasa dikenal dengan TAG. TAG-TAG tersebut selalu diawali
dengan TAG Pembuka dan TAG Penutup misalnya adalah untuk membuat cetak tebal
dahului dengan TAG Pembuka <B> kemudian tulis hurufnya dan akhiri dengan TAG
Penutup </B>. Format dokumen HTML biasanya .HTM, atau . HTML
•
Situs web yang anda lihat pada monitor PC anda tersusun dari sejumlah halaman
yang ditulis dalam bentuk HTML (Hypertext Markup Language). Browser web
kemudian menggunakan informasi ini dan menampilkannya sebagai image, file
audio/visual/teks. Semua yang perlu anda ketahui tentang Desain Web berbasiskan
kepada monitor, HTML, dan Browser Web
•
Pada dasarnya situs Web berbasis pada bahasa pemrograman yang dikenal sebagai
HTML. Tak peduli seberapa kompleknya situs, ia tetap memiliki HTML sebagai dasar
fundamentalnya. Oleh karena itu jika kita memahami HTML dengan baik, kita akan
dengan mudah mengatasi masalah yang mungkin terjadi pada saat pengembangan
situs web.
‘16
2
Komunikasi Multimedia
Ety Sujanti, M.Ikom
Pusat Bahan Ajar dan eLearning
http://www.mercubuana.ac.id
•
Kode HTML tersusun dari kumpulan teks dan berbagai file sumber. Ketika semua
sumber tersebut dipanggil, dan hasilnya disusun, browser web menampilkan
halaman yang bisa dibaca. Ketika halaman web dipanggil kembali, browser akan
memanggil halaman yang disimpan di hardisk (cache) sehingga situs web terasa
lebih cepat diakses. Inilah alasan mengapa Image yang sering diakses biasanya
diletakkan dalam satu folder
•
Kecepatan Koneksi Internet
Salah satu hal yang harus dipertimbangkan dalam mendesain website adalah
kecepatan koneksi. Kecepatan koneksi merujuk pada berapa KB/detik yang bisa
didownload oleh pengguna. Jika waktu download lebih lama biasanya pengguna
akan pindah ke situs web lain; berdasarkan survey 8 detik).
•
Penataan Situs Web
Untuk membentuk halaman web, image, statis atau dinamis, selayaknya mengikuti
aturan standar yang terdiri dari halaman utama dan sub halaman yang berisi materi
yang tersusun di dalamnya. Jika informasi yang akan disampaikan sangat banyak
disarankan membuat halaman portal sebagai pintu penghubung ke informasi lainnya
Catatan :
Penulisan kode-kode HTML bisa dilakukan dengan Notepad saja tanpa harus
menggunakan software khusus.
INTRUKSI :
1. Buatlah text HTML dengan menggunakan Notepad sbb :
<HTML>
<H1>JUDUL PERTAMA<H1>
<H2>JUDUL KEDUA<H2>
<H3>JUDUL KETIGA<H3>
<H4>JUDUL KEEMPAT<H4>
<H5>JUDUL KELIMA<H5>
‘16
3
Komunikasi Multimedia
Ety Sujanti, M.Ikom
Pusat Bahan Ajar dan eLearning
http://www.mercubuana.ac.id
<B>CETAK TEBAL</B>
<CENTER>
CETAK DITENGAH-TENGAH
<H1>JUDUL PERTAMA</H1>
</CENTER>
<H4> OLEH : DIANA – KM2-PKSM-04203-082</H4>
</HTML>
INTRUKSI :
1. Buatlah text HTML dengan menggunakan Notepad sbb :
<HTML>
<H1>JUDUL PERTAMA<H1>
<H2>JUDUL KEDUA<H2>
<H3>JUDUL KETIGA<H3>
<H4>JUDUL KEEMPAT<H4>
<H5>JUDUL KELIMA<H5>
<B>CETAK TEBAL</B>
<CENTER>
CETAK DITENGAH-TENGAH
<H1>JUDUL PERTAMA</H1>
</CENTER>
<H4> OLEH : DIANA – KM2-PKSM-04203-082</H4>
</HTML>
‘16
4
Komunikasi Multimedia
Ety Sujanti, M.Ikom
Pusat Bahan Ajar dan eLearning
http://www.mercubuana.ac.id
<H1>JUDUL PERTAMA<H1>
<H2>JUDUL KEDUA<H2>
<H3>JUDUL KETIGA<H3>
<H4>JUDUL KEEMPAT<H4>
<H5>JUDUL KELIMA<H5>
<B>CETAK TEBAL</B>
<CENTER>
CETAK DITENGAH-TENGAH
<H1>JUDUL PERTAMA</H1>
</CENTER>
<H4> OLEH : DIANA – KM2-PKSM-04203-082</H4>
</HTML>
Catatan :
Intruksi di atas adalah contoh kode-kode / TAG HTML untuk membuat :
a. HEADING 1, 2,3,4, dan 5
b. Teks dengan Cetak Tebal
Teks dengan Cetak ditenga
TAG-TAG Style Font yang lain misalnya :
‘16
1. <B>
: Huruf tebal
2. <I>
: Huruf miring
3. <U>
: Huruf digaris bawahi
4. <STRONG>
: mirip huruf tebal
5. <CODE>
: huruf jenis courier
5
Komunikasi Multimedia
Ety Sujanti, M.Ikom
Pusat Bahan Ajar dan eLearning
http://www.mercubuana.ac.id
6. <EM>
: Mirip Italic
7. <SAMP>
: Seperti Code
8. <HTML>
9. <HEAD>
10. <TITLE>
11. Universitas Mercu Buana Official Website
12. </TITLE>
13. </HEAD>
14. <BODY>
15. <H2>Universitas Mercu Buana, Jakarta</H2>
16. Oleh : Nama Mhs_NIM
17. </BODY>
18. </HTML
TAG-TAG Style Font yang lain misalnya :
‘16
1. <B>
: Huruf tebal
2. <I>
: Huruf miring
3. <U>
: Huruf digaris bawahi
4. <STRONG>
: mirip huruf tebal
5. <CODE>
: huruf jenis courier
6. <EM>
: Mirip Italic
7. <SAMP>
: Seperti Code
6
Komunikasi Multimedia
Ety Sujanti, M.Ikom
Pusat Bahan Ajar dan eLearning
http://www.mercubuana.ac.id
Pengantar
Hosting adalah proses menempatkan file-file website kita ke webserver tertentu. Saat ini
berkembang Hosting Gratis dari beberapa domain yang bisa kita manfaatkan untuk belajar.
Misalnya www.geocities.com, www.freeserver.com, www.50megs.com dll.. Secara tidak
sadar
bagi
anda
yang
memiliki
alamat
e-mail
di
yahoo.com,
misalnya
:
[email protected], sebenarnya anda telah memiliki potensial alamat website :
http://www.geocities.com/cyberpr2005
tetapi supaya aktif kita harus melakukan beberapa langkah aktivasi
1. Langkah Aktivasi
Untuk melakukan aktivasi, login dengan username dan password anda kemudian setelah
masuk buka website
Geocities.com, dengan alamat http://www.geocities.com
Setelah itu akan muncul tampolan seperti Gambar 1.b.
Setelah itu ketikkan Sign Up
‘16
7
Komunikasi Multimedia
Ety Sujanti, M.Ikom
Pusat Bahan Ajar dan eLearning
http://www.mercubuana.ac.id
2.Langkah Registrasi
Kemudian lakukan registrasi dengan memilih salah satu kategori tema website pilih salah
satu
kemudian klik Continue (Gambar 2.a). Setelah itu akan muncul tampilan seperti
Gambar 2.b. yang menandakan alamat web site anda telah siap. Kemudian klik Menu “
Build Your Web site Now!”
3. Persiapan masuk File Manager
Setelah step 2 (slide sebelumnya), Kemudian akan muncul tampilan seperti Gambar 3.a.
Klik File Manager kemudian akan muncul tampilan seperti Gambar 3.b. Kemudian Klik Menu
“ Open File Manager”
‘16
8
Komunikasi Multimedia
Ety Sujanti, M.Ikom
Pusat Bahan Ajar dan eLearning
http://www.mercubuana.ac.id
4. File Manager
Ini adalah tampilan File Manager, dimana nantinya akan ditempatkan file-file Website yang
telah didesign dengan Software Web Page Maker sebelumnya dengan metode “Upload
File”
‘16
9
Komunikasi Multimedia
Ety Sujanti, M.Ikom
Pusat Bahan Ajar dan eLearning
http://www.mercubuana.ac.id
Daftar Pustaka
Bob Julius Onggo, Cyber Public Relations, PT Elex Media Komputindo, Jakarta, 2004
Dan B Curtis dkk, Komunikasi Bisnis dan Profesional, PT Remaja Rosda Karya, Bandung,
2002.
‘16
10
Komunikasi Multimedia
Ety Sujanti, M.Ikom
Pusat Bahan Ajar dan eLearning
http://www.mercubuana.ac.id

HTML, Webserver, File Manajer Geocities

Related documents

Products

Support

HTML, Webserver, File Manajer Geocities

Related documents

Add this document to collection(s)

Add this document to saved

Suggest us how to improve StudyLib