i

LAPORAN PRAKTIKUM PENGANTAR KOMPUTER

MODUL 12
PENGENALAN INTERNET, WEBSITE, DAN BLOG



Disusun Oleh :

Nama : Maria Ulfah Agustina
NPM : 13010012
Dosen : Deni Sukendar., S. Si., M.T.
Asisten : Fajar P.D
Group : 1T1














LABORATORIUM KOMPUTER
SEKOLAH TINGGI TEKNOLOGI TEKSTIL
BANDUNG
2014
Di setujui, ........../...../............


( Fajar .P.D )
11010038

( Asisten )
11010038

ii
PERNYATAAN

Dengan ini saya menyatakan bahwa Laporan Praktikum Pengantar Komputer Modul 12 beserta isinya
adalah benar-benar karya saya dan saya tidak melakukan penjiplakan atau pengutipan dengan cara-cara
yang tidak sesuai dengan etika keilmuan yang berlaku dalam masyarakat ilmiah.
Atas pernyataan ini, kami siap menanggung risiko/sanksi yang dijatuhkan kepada saya apabila kemudian
ditemukan adanya pelanggaran terhadap etika keilmuan dalam laporan ini, atau ada klaim dari pihak lain
terhadap keaslian laporan kami ini.


Bandung, 13 Juni 2014
Yang membuat pernyataan,



Maria Ulfah Agustina

iii
DAFTAR ISI


COVER .............................................................................................................................................. i
DAFTAR ISI .................................................................................................................................... iii
BAB I PENDAHULUAN .............................................................................................................. 4
1.1 PRAKTIKUM ............................................................................................................................. 4
1.2 TUJUAN PRAKTIKUM ............................................................................................................ 4
BAB II DASAR TEORI ................................................................................................................. 5
BAB III STUDI KASUS .................................................................................................................. 9
BAB IV IMPLEMENTASI ............................................................................................................ 10
4.1 LANGKAH-LANGKAH ........................................................................................................ 10
4.2 HASIL ................................................................................................................................... 20
BAB V PENUTUP ........................................................................................................................ 24
5.1 KESIMPULAN ...................................................................................................................... 24
5.2 SARAN ................................................................................................................................. 24
DAFTAR PUSTAKA ...................................................................................................................... 25




4
BAB I
PENDAHULUAN

1.1 PRAKTIKUM

Praktikum ini adalah praktikum mengenai internet, website, dan blog, lebih tepatnya akan membahas
mengenai website. Bagaimana caranya mendesain website menggunakan aplikasi Dreamweavr akan
dibahas pada laporan ini.

1.2 TUJUAN PRAKTIKUM

Tujuan diadakannya praktikum modul 12 ini agar kita dapat menggunakan dreamweaver untuk mendesain
website sesuai dengan keinginan kita dan dapat meningkatkan kreativitas kita.


5
BAB II
DASAR TEORI


WEBSITE
Sejarah pertama kali penemu website adalah Sir Timothy John Tim Berners-Lee, sedangkan website
yang tersambung dengan jaringan, pertamakali muncul pada tahun 1991. Maksud dari Tim ketika
membuat website adalah untuk mempermudah tukar menukar dan memperbarui informasi kepada sesama
peneliti di tempat dia bekerja. Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja)
menginformasikan bahwa WWW dapat digunakan secara gratis oleh semua orang.
Sebuah website bisa berupa hasil kerja dari perorangan atau individu, atau menunjukkan kepemilikan dari
sebuah organisasi, perusahaan, dan biasanya website itu menujukkan beberapa topik khusus, atau
kepentingan tertentu. Sebuah website bisa berisi hyperlink (pranala) yang menghubungkan ke website
lain, jadi, kadangkala perbedaan antara website yang dibuat oleh individu perseorangan dengan website
yang dibuat oleh organisasi bisnis bisa saja tidak kentara.
Website ditulis, atau secara dinamik di konversi menjadi HTML dan diakses melalui sebuah program
software yang biasa disebut dengan web browser, yang dikenal juga dengan HTTP Client. Halaman web
dapat dilihat atau diakses melalui jaringan komputer dan internet, perangkatnya bisa saja berupa komputer
pribadi, laptop, PDA ataupun telepon selular.
Sebuah website dibuat didalam sebuah sistem komputer yang dikenal dengan server web, juga disebut
HTTP Server, dan pengertian ini juga bisa menunjuk pada software yang dipakai untuk menjalankan
sistem ini, yang kemudian menerima lalu mengirimkan halaman-halaman yang diperlukan untuk
merespon permintaan dari pengguna. Apache adalah piranti lunak yang biasa digunakan dalam sebuah
webserver, kemudian setelah itu adalah Microsoft Internet Information Services (IIS).
Pengertian Website, Web Hosting dan Domain Name
Dalam mencari informasi dari internet, pengguna akan menuju ke sebuah alamat unik internet (misal:
http://www.namawebsite.com) yang disebut nama domain (Domain Name/URL Uniform Resource
Locator) dan menemukan informasi berbentuk teks, gambar diam atau bergerak, animasi bergerak, suara
ataupun video dalam sebuah media, yang disebut dengan website atau situs. Website ini dibuka melalui
sebuah program penjelajah (Browser) yang berada di sebuah komputer. Program penjelajah yang bisa
digunakan dalam komputer diantaranya: IE (Internet Explorer), Mozilla, Firefox, Netscape, Opera .
A. PENGERTIAN WEBSITE ATAU SITUS.
Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data
gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat
statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-
masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi
website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis
apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari
pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website
dinamis adalah seperti Friendster, Multiply, dll. Dalam sisi pengembangannya, website statis hanya bisa

6
diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.
B. UNSUR-UNSUR DALAM PENYEDIAAN WEBSITE ATAU SITUS.
Untuk menyediakan sebuah website, maka harus tersedia unsur-unsur penunjangnya, adalah sebagai
berikut:
1. Nama domain (Domain name/URL Uniform Resource Locator)
Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet
yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah
alamat yang digunakan untuk menemukan sebuah website pada dunia internet. Contoh :
http://www.baliorange.net
Nama domain diperjualbelikan secara bebas di internet dengan status sewa tahunan. Setelah Nama
Domain itu terbeli di salah satu penyedia jasa pendaftaran, maka pengguna disediakan sebuah kontrol
panel untuk administrasinya. Jika pengguna lupa/tidak memperpanjang masa sewanya, maka nama
domain itu akan di lepas lagi ketersediaannya untuk umum. Nama domain sendiri mempunyai identifikasi
ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama domain
ber-ekstensi internasional adalah com, net, org, info, biz, name, ws. Contoh nama domain ber-ekstensi
lokasi Negara Indonesia adalah :
- .co.id : Untuk Badan Usaha yang mempunyai badan hukum sah
- .ac.id : Untuk Lembaga Pendidikan
- .go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia
- .mil.id : Khusus untuk Lembaga Militer Republik Indonesia
- .or.id : Untuk segala macam organisasi yand tidak termasuk dalam kategori
ac.id,co.id,go.id,mil.id dan lain lain
- .war.net.id : untuk industri warung internet di Indonesia
- .sch.id : khusus untuk Lembaga Pendidikan yang menyelenggarakan pendidikan seperti SD, SMP dan
atau SMU
- .web.id : Ditujukan bagi badan usaha, organisasi ataupun perseorangan yang melakukan kegiatannya di
World Wide Web.
2. Rumah tempat website (Web hosting)
Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai
data, file-file, gambar, video, data email, statistik, database dan lain sebagainya yang akan ditampilkan di
website. Besarnya data yang bisa dimasukkan tergantung dari besarnya web hosting yang
disewa/dipunyai, semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan
ditampilkan dalam website.
Web Hosting juga diperoleh dengan menyewa. Pengguna akan memperoleh kontrol panel yang
terproteksi dengan username dan password untuk administrasi websitenya. Besarnya hosting ditentukan
ruangan harddisk dengan ukuran MB (Mega Byte) atau GB (Giga Byte). Lama penyewaan web hosting
rata-rata dihitung per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web
hosting yang banyak dijumpai baik di Indonesia maupun Luar Negeri. Lokasi peletakan pusat data
(datacenter) web hosting bermacam-macam. Ada yang di Jakarta, Singapore, Inggris, Amerika, dll
dengan harga sewa bervariasi.
3. Bahasa Program (Scripts Program).
Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website yang pada saat
diakses. Jenis bahasa program sangat menentukan statis, dinamis atau interaktifnya sebuah website.
Semakin banyak ragam bahasa program yang digunakan maka akan terlihat website semakin dinamis, dan
interaktif serta terlihat bagus.
Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. Jenis jenis bahasa
program yang banyak dipakai para desainer website antara lain HTML, ASP, PHP, JSP, Java Scripts,
Java applets, XML, Ajax dsb. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP,
ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan
interaktifnya situs.
Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa program ini biasanya digunakan

7
untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list
dan lain sebagainya yang memerlukan update setiap saat.
4. Desain website.
Setelah melakukan penyewaan domain name dan web hosting serta penguasaan bahasa program (scripts
program), unsur website yang penting dan utama adalah desain. Desain website menentukan kualitas dan
keindahan sebuah website. Desain sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya
sebuah website.
Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa website designer. Saat ini
sangat banyak jasa web designer, terutama di kota-kota besar. Perlu diketahui bahwa kualitas situs sangat
ditentukan oleh kualitas designer. Semakin banyak penguasaan web designer tentang beragam
program/software pendukung pembuatan situs maka akan dihasilkan situs yang semakin berkualitas,
demikian pula sebaliknya. Jasa web designer ini yang umumnya memerlukan biaya yang tertinggi dari
seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas designer. Program-program desain
website salah satunya adalah Macromedia Firework, Adobe Photoshop, Adobe Dreamweaver, Microsoft
Frontpage, dll.
5. Program transfer data ke pusat data.
Para web designer mengerjakan website dikomputernya sendiri. Berbagai bahasa program, data informasi
teks, gambar, video, dan suara telah menjadi file-file pendukung adanya website. File tersebut bisa dibuka
menggunakan program penjelajah (browser) sehingga terlihatlah sebuah website utuh di dalam komputer
sendiri (offline). Tetapi file-file tersebut perlu untuk diletakkan dirumah hosting versi online agar terakses
ke seluruh dunia. Pengguna akan diberikan akses FTP (File Transfer Protocol) setelah memesan sebuah
web hosting untuk memindahkan file-file website ke pusat data web hosting. Untuk dapat menggunakan
FTP diperlukan sebuah program FTP, misalnya WS FTP, Smart FTP, Cute FTP, dll. Program FTP ini
banyak ditemui di internet dengan status penggunaan gratis maupun harus membayar. Para web designer
pun dapat menggunakan fasilitas FTP yang terintegrasi dengan program pembuat website, misal Adobe
Dreamweaver.
6. Publikasi website.
Keberadaan website tidak ada gunanya dibangun tanpa dikunjungi atau dikenal oleh masyarakat atau
pengunjung internet. Karena efektif tidaknya situs sangat tergantung dari besarnya pengunjung dan
komentar yang masuk. Untuk mengenalkan situs kepada masyarakat memerlukan apa yang disebut
publikasi atau promosi.
Publikasi situs di masyarakat dapat dilakukan dengan berbagai cara seperti dengan pamlet-pamlet,
selebaran, baliho, kartu nama dan lain sebagainya tapi cara ini bisa dikatakan masih kurang efektif dan
sangat terbatas. Cara yang biasanya dilakukan dan paling efektif dengan tak terbatas ruang atau waktu
adalah publikasi langsung di internet melalui search engine-search engine (mesin pencari, spt : Yahoo,
Google, MSN, Search Indonesia, dsb).
Cara publikasi di search engine ada yang gratis dan ada pula yang membayar. Yang gratis biasanya
terbatas dan cukup lama untuk bisa masuk dan dikenali di search engine terkenal seperti Yahoo atau
Google. Cara efektif publikasi adalah dengan membayar, walaupun harus sedikit mengeluarkan akan
tetapi situs cepat masuk ke search engine dan dikenal oleh pengunjung.
C. PEMELIHARAAN WEBSITE.
Untuk mendukung kelanjutan dari situs diperlukan pemeliharaan setiap waktu sesuai yang diinginkan
seperti penambahan informasi, berita, artikel, link, gambar atau lain sebagainya. Tanpa pemeliharaan
yang baik situs akan terkesan membosankan atau monoton juga akan segera ditinggal pengunjung.
Pemeliharaan situs dapat dilakukan per periode tertentu seperti tiap hari, tiap minggu atau tiap bulan
sekali secara rutin atau secara periodik saja tergantung kebutuhan (tidak rutin). Pemeliharaan rutin
biasanya dipakai oleh situs-situs berita, penyedia artikel, organisasi atau lembaga pemerintah. Sedangkan
pemeliharaan periodik bisanya untuk situs-situs pribadi, penjualan/e-commerce, dan lain sebagainya.
D. PERPANJANGAN MASA SEWA DOMAIN NAME DAN WEB HOSTING.
Perlu dipahami bahwa domain name dan web hosting berstatus sewa. Selama kedua hal itu dibayarkan

8
masa sewa perpanjangannya, maka Anda berhak untuk memilikinya dan mempergunakannya. Banyak
terjadi kasus kelupaan dalam memperpanjang masa sewanya, atau sulit untuk menghubungi pihak ketiga
(web designer) sebagai perantara pendaftaran awal, maka akan berakibat fatal. Anda akan kehilangan
domain name sebagai identitas dalam dunia internet. Pastikan Anda mengingat untuk memperpanjang
masa sewanya. Arti penting domain name perlu Anda pahami.



9
BAB III
STUDI KASUS

Studi kasus yang diambil untuk melakukan praktikum ini adalah mengenai Sekolah Tinggi
Teknologi Tekstil. Dalam praktikum ini, kita akan mendesain website dengan menggunakan aplikasi
Dreamweaver. Seperti pengalaman saya, sebelum saya mendaftar ke Sekolah Tinggi Teknologi Tekstil
ini, saya mencari tahu terlebih dahulu mengenai STTT di internet. Mungkin orang lain juga akan sama
seperti saya sebelum mendaftar ke STTT. Oleh karena itu, pada website ini saya masukkan informasi-
informasi mengenai Sekolah Tinggi Teknologi Tekstil. Mulai dari apa itu STTT, sejarahnya apa, UKM
apa saja yang ada di STTT, apa saja fasilitas-faslitas yang disediakan oleh STTT, program studi apa saja
yang ada di STTT, dan apa perbedaan-perbedaan dari setiap program studinya. Menurut saya informasi-
informasi ini sangat penting agar mereka dapat menemukan bukti bahwa STTT memang universitas yang
bagus dan juga agar mereka dapat menentukan program studi yang cocok untuk mereka. Selain informasi-
informasi yang saya masukkan dalam website, apa yang akan membuat mereka tertarik? Tentu saja desain
websitenya. Dalam website ini, saya memasukkan tulisan bergerak dan memberikan warna-warna yang
berbeda-beda agar lebih menarik, dan saya juga memasukkan logo STTT agar mereka tahu logo STTT itu
seperti apa. Gambar kampus STTT juga saya masukkan dan bahkan ada yang saya jadikan sebagai
background websitenya. Gambar kampus STTT ini saya masukkan agar mereka tau bagaimana kampus
STTT itu.


10
BAB IV
IMPLEMENTASI

4.1 LANGKAH-LANGKAH

Saat kita selesai mendownload tema atau templete apa yang akan kita gunakan, file itu biasanya berupa
winRar, oleh karena itu kita harus mengekstaknya dulu agar file-file didalamnya bisa kita buka.
Apabila sudah diekstrak, akan muncul file-file seperti ini.


Kemudian kita buka aplikasi Dreamweaver, maka akan muncul seperti gambar dibawah ini.



Setelah itu ikuti langkah-langkah berikut ini.

11





Kita sudah bisa membuka file yang akan kita edit. Namun, apabila kita tidak bisa membuka file index.html
pada file yg sudah diekstrak tadi, kita harus mengcopy file-file tadi ke dalam folder baru agar bisa dibuka
oleh Dreamweavernya.


Dengan Dreamweaver ini, kita dapat mengeditnya langsung pada desainnya atau dengan menggunakan
code, apabila langsung mengeditnya pada desainnya sulit, kita dapat mengeditnya menggunakan code.

12
Klik logo poppy pops pada menu desainnya, kemudian klik delete agar logo tersebut hilang.



Setelah selesai, kita ikuti langkah-langkah untuk memasukkan gambar seperti berikut ini.





13


Untuk mencopy gambarnya, hanya tinggal klik copy pada gambar tersebut kemudian klik kursor di
sampingnya dan klik paste sehingga hasilnya akan seperti ini.




14
Kita juga dapat merubah tulisan-tulisan pada menu dengan mudah, langkah-langkahnya adalah sebagai
berikut.



Mengklikkan kursor pada tulisan Our Lollipops kemudian menggantinya dengan tulisan UKM,
langkah ini dapat dilakukan pada menu-menu berikutnya hingga hasilnya adalah seperti ini.



Langkah-langkah berikut ini adalah langkah-langkah untuk mengganti background.




15






16

Untuk apa kita membuat website kalau isinya tidak ada bukan? Oleh karena itu, kita harus mengisinya
dengan sesuatu seperti gambar dibawah ini.



Warna tulisan dapat kita ubah dengan langkah berikut ini.



Dengan menggunakan dreamweaver juga kita dapat mengedit tulisan agar dapat bergerak-gerak.
Langkahnya adalah sebagai berikut.




17
Blok tulisan SEKOLAH TINGGI TEKNOLOGI TEKSTIL kemudian masukkan rumus seperti pada
gambar dan jadilah tulisan tersebut dapat bergerak. Gerakan tulisan tersebut dapat kita edit sesuai keinginan
kita.
Keterangan pada code tersebut:
Direction : Mengatur arah gerakan teks (left, right, up dan down)
Scrollmount : Mengatur kecepatan gerakan. semakin tinggin nilainya semakin cepat
Align : Mengatur posisi teks (left, right, center, justify)
Behavior : Mengatur gerakan teks (scroll, slide, alternate)

Untuk membuat gambar dapat menuju suatu link tertentu, berikut langkah-langkahnya.
1. Masukkan gambar yang ingin kita gunakan
2. Klik pada gambar tersebut.
3. Pada tampilan code, kita tinggal merubahnya seperti ini.

Pada tulisan yang dibulatkan warna biru, kita dapat merubahnya dengan link lain agar saat gambar tersebut
diklik maka kita akan langsung menuju ke link tersebut.

Untuk membuat menu saat diklik langsung menuju link yang sesuai dengan menu tersebut, kita melakukan
langkah-langkah berikut.



Blok tulisan About.


18


Pada kolom link, kita dapat menggantinya dengan link lain yang kita inginkan.

Lalu bagaimana cara untuk membuat website lagi?
Berikut langkah-langkahnya.

Misalnya pada program studi. Klik Program Studi.html kemudian copy dan klik paste masih pada folder
tersebut. Ganti namanya agar mudah dibedakan.


19

Untuk setiap Program Studinya kita ubah lagi desainnya dan diisi sesuai dengan judulnya. Agar pada
Program Studi.html saat diklik kata-kata tertentu dapat langsung menuju ke link yang diinginkan misalnya
Program Studi TEKNIK TEKSTIL, kita dapat melakukan langkah memblok tulisan pada tampilan desain
kemudian memasukkan link yang diinginkan.





20
4.2 HASIL

~Home.html~



~About.html~












21
~UKM.html~



~Fasilitas.html~



~Program Studi.html~



22

~Program Studi TEKNIK TEKSTIL~



~Program Studi KIMIA TEKSTIL~











23
~Program Studi GARMEN~



~Program Studi D1~





24
BAB V
PENUTUP

5.1 KESIMPULAN

Berdasarkan praktikum yang telah dilakukan, terbukti bahwa dengan menggunakan website, kita
dapat memberikan informasi kepada orang lain tanpa harus bertatap muka atau bertemu langsung maupun
berkomunikasi dengannya. Dan juga berdasarkan praktikum yang telah dilakukan, terbukti bahwa kita
dapat mendesain website kita sesuai dengan keinginan tanpa harus menggunakan internet atau dengan cara
offline menggunakan aplikasi Dreamweaver.


5.2 SARAN
Dengan adanya praktikum ini, diharapkan agar para pembaca atau praktikan dapat menggunakan
website untuk memberikan informasi berguna untuk orang lain dan juga dapat terus berlatih menggunakan
aplikasi Dreamweaver agar dapat mendesain website menjadi lebih menarik.


25
DAFTAR PUSTAKA


http://annasupriadii.wordpress.com/01-tik/f-teori-website/
http://stttekstil.ac.id/
http://www.panduantemplateblog.com/2013/02/cara-membuat-efek-teks-tulisan-berjalan.html