SEPUTAR
TENTANG HOME PAGE PATA TAMPILAN WEB
1. Pengertian
home page
Definisi atau pengertian home page
dan fungsinya - Pastinya kita sudah mengetahui apa itu home page apalagi jika
yang sering mengakses internet, kali ini kita akan membahas bersama-sama secara
lebih jelas mengenai apa itu sebenarnya home page.
Pengertian home page adalah halaman
muka dari seuatu situs web (web site), atau lokasi dari situs web di mana
dokumen web dapat diakses. Definisi yang lain nya yaitu halaman default yang
telah diset untuk sebuah browser, dimana halaman ini ditayangan di Internet
melalui media World Wide Web (WWW). Biasanya digunakan orang untuk
mempromosikan berbagai informasi, jasa, produk, dan yang lainnya. Atau lebih
singkatnya homepage ialah halaman utama atau bagian depan dari web yang berisi
daftar isi ataupun menu-menu dari situs Web tersebut.
2. Fungsi
dari sebuah home page
Fungsi
homepage (halaman utama atau awal) selain bisa menampilkan serta mengakses
halaman awal dari suatu situs, dapat juga menampilkan pada topik fitur, sebab
merupakan bagian dari fitur yang terdapat pada situs tertentu tergantung dari
settingan pemilik atau adminnya. Dan
sebagai halaman utama dari suatu situs web. Itulah mengenai definisi home page
(halaman utama).
3. Contoh
dari sebuah home page
Contoh
halaman homepage Biasanya ketika saat mengakses home page dari suatu situs web
site, kita dapat memilih kehalaman mana yang akan kita tuju. Biasanya halaman
ini merupakan website pada Domain utama dan terdapat informasi selanjutnya pada
sub-domain-sub-domain yang telah dibuatlebih spesifik untuk mengorganisir
content website supaya lebih mudah ditemukan dan dilihat oleh sipengunjung web.
Akan tetapi ada beberapa website yang dibuat dengan menggunakan Content
Management System (CMS) hampir setiap halamannya sama dengan homepage, sebab
pada setiap halaman sudah terdapat tombol navigasi khusus untuk mengantarkan
kita kehalaman yang ingin di akses/tuju.
contoh
dari sebuah halaman home page adalah sebagai berikut :
Merubah
design tampilan home page berbeda dengan halaman posting, melihat tampilan blog
sendiri dengan tampilan yang monoton kadang membosankan, dengan sedikit
perubahan akan bisa menghasilkan tampilan yang lebih hidup, perubahan yang
dimaksud adalah membuat beda antara tampilan home page dengan tampilan halaman
postingan.
Sebagai
contoh kita akan merubah tampilan posisi ruang post, diasumsikan posisi ruang
post berada disebelah kanan (default) baik itu pada tampilan halaman home page
maupun pada tampilan halaman posting, untuk membedakan tampilan home page
dengan tampilan halaman posting kita akan merubah posisi ruang post menjadi
berada disebelah kiri, dengan kata lain tampilan ruang post berada pada sebelah
kanan pada tampilan halaman home page dan waktu masuk pada halaman posting, tampilan
ruang post berada disebelah kiri, sebagai contoh coba masuk kehalaman home page
blog ini.
Untuk
menjadikan tampilan tersebut berubah, kita harus mengetahui kode css bagian
ruang post yang memberi perintah posisi ruang post tersebut, perhatikan kode
css dibawah ini :
#main-wrapper
{
float:right;
}
kode
tersebut diatas menunjukan bahwa posisi ruang post menunjukan berada disebelah
kanan. #main-wrapper {menunjukan keterangan untuk ruang post, float:right;
menunjukan posisi ruang post berada disebelah kanan (default template), mungkin
pada template kalian berbeda untuk penamaan #main-wrapper {, kalian sesuaikan
saja namanya dengan template yang dipergunakan.
Setelah
mengetahui kode css untuk bagian ruang post (seperti contoh diatas), untuk
menampilkan posisi ruang post berada disebelah kanan pada halaman home page dan
posisi ruang post berada disebelah kiri padahalaman postingan, kita harus
menambahkan kode perintah :
<b:ifcond='data:blog.pageType
== "item"'>
Widget
Kalian Disini
</b:if>
Kode
HTML tersebut merupakan kode perintah untuk menampilkan hanya pada halaman
postingan, kode perintah html tersebut akan kita tujukan kepada kode css
diatas, kode css tidak bisa disatukan secara langsung dengan kode HTML, kita
harus merubah kode css tersebut dengan style HTML dengan menambah kode seperi
ini :
<style
type='text/css'>
Kode
CSS
</style>
Setelah
mengetahui kode-kode yang akan dipergunakan dan mengetahui kode bagian css yang
akan dirubah, langkah selanjutnya adalah meletakan kode-kode tersebut pada
tempatnya, kode css yang akan dirubah adalah ini :
#main-wrapper
{
float:right;
}
kode
tersebut diatas (pada template kalian) copy saja (yang ada pada template utama
jangan dirubah), letakan (paste) diantara kode html dan rubah menjadi seperti
ini :
<b:ifcond='data:blog.pageType
== "item"'>
<style
type='text/css'>
#main-wrapper
{
float:left;
}
Gambar
tampilan home page
PENGERTIAN
WEBSITE
1. Pengertian
website
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 diupdate oleh pemiliknya saja,
sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.
2. Pengertian
website oleh para ahli adalah sebagai berikut :
1. MENURUT
SUWANTO RAHARJO S.Si, M.Kom, Web merupakan salah satu layanan internet yang
paling banyak digunakan dibanding dengan layanan lain seperti ftp, gopher, news
atau bahkan email.
2. MENURUTWAHANA
KOMPUTER, Web adalah formulir komunikasi interaktif yang digunakan pada sutu
jaringan komputer.
3. MENURUT
A. TAUFIQ HIDAYATULLAH, Web adalah bagian paling terlihat sebagai jaringan
terbesar dunia, yakni intrenet.
4. MENURUT
HAERTALIB, Web adalah sebuah tempat di internet yang emmpunyai nama dan alamat.
5. MENURUT
BOONE (THOMSON), Web adalah koleksi sumber informasi kaya grafis yang saling
berhubungan satu sama lain dalam internet yang lebih besar.
6. MENURUT
FERI INDAYUDHA, Web adalah suatu program yang dapat emmuat film, gambar, suara,
serta musik yang ditampilkan dalam internet.
7. MENURUT
YUHEFIZAR, Web adalah suatu metode untuk menampilan informasi di internet, baik
berupa teks, gambar, suaramaupun video yang interaktif dan mempunyai kelebihan
untuk menghubungkan (link) satu dokumen dengan dokumen lainnya (hypertext) yang
dapat diakses melalui sebuah browser.
3. Fungsi
website
1. Media
Promosi : Sebagai media promosi dapat dibedakan menjadi media promosi utama,
misalnya website yang berfungsi sebagai search engine atau toko Online, atau
sebagai penunjang promosi utama, namun website dapat berisi informasi yang
lebih lengkap daripada media promosi offline seperti koran atau majalah.
2. Media
Pemasaran : Pada toko online atau system afiliasi, website merupakan media
pemasaran yang cukup baik, karena dibandingkan dengan toko sebagaimana di dunia
nyata, untuk membangun toko online diperlukan modal yangr relatif lebih kecil,
dan dapat beroperasi 24 jam walaupun pemilik website tersebut sedang istirahat
atau sedang tidak ditempat, serta dapat diakses darimana saja.
3. Media
Informasi : Website portal dan radio atau tv online menyediakan informasi yang
bersifat global karena dapat diakses dari mana saja selama dapat terhubung ke
internet, sehingga dapat menjangkau lebih luas daripada media informasi
konvensional seperti koran, majalah, radio atau televisi yang bersifat lokal.
4. Media
Pendidikan : Ada komunitas yang membangun website khusus berisi informasi atau
artikel yang sarat dengan informasi ilmiah misalnya wikipedia.
5. Media
Komunikasi : Sekarang banyak terdapat website yang dibangun khusus untuk
berkomunikasi seperti forum yang dapat memberikan fasilitas fasilitas bagi para
anggotanya untuk saling berbagi informasi atau membantu pemecahan masalah
tertentu.
4. Sejarah
website
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 di dalam 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).
5. Macam-macam
situs web
Sebuah Website statik, adalah salah satu
bentuk website yang isi di dalam website tersebut tidak dimaksudkan untuk di
update secara berkala, dan biasanya di maintain secara manual oleh beberapa
orang yang menggunakan software editor.Ada3 tipe kategori software editor yang
biasa dipakai untuk tujuan maintaining ini, mereka adalah :
1. Elemen
1 Penyunting teks. Contohnya adalah Notepad atau TextEdit, dimana HTML diubah
di dalam program editor tersebut.
2. Elemen
2 WYSIWYG editor. Contohnya Microsoft Frontpage dan Macromedia Dreamweaver,
dimana situs di edit menggunakan GUI (Graphical User Interface) dan format HTML
ini secara otomatis di generate oleh editor ini.
3. Elemen
3 Editor yang sudah memiliki templat, contohnya Rapidweaver dan iWeb, dimana,
editor ini membolehkan user untuk membuat dan mengupdate websitenya langsung ke
server web secara cepat, tanpa harus mengetahui apapun tentang HTML. Mereka
dapat memilih templat yang sesuai dengan keinginan mereka, menambah gambar atau
obyek, mengisinya dengan tulisan, dan dengan sekejap mereka sudah dapat membuat
situs web tanpa harus melihat sama sekali kode-kode HTML.
Sebuah website dynamic adalah website yang
secara berkala, informasi di dalamnya berubah, atau website ini bisa
berhubungan dengan user dengan berbagai macam cara atau metode (HTTP cookies
atau Variabel Database, sejarah kunjungan, variabel sesi dan lain-lain) bisa
juga dengan cara interaksi langsung menggunakan form dan pergerakan mouse.
Ketika web server menerima permintaan dari user untuk memberikan halaman
tertentu, maka halaman tersebut akan secara otomatis di ambil dari media
penyimpanan sebagai respon dari permintaan yang diminta oleh user. Sebuah situs
dapat menampilkan dialog yang sedang berlangsung di antara dua user, memantau
perubahan situasi, atau menyediakan informasi yang berkaitan dengan sang user.
Ada banyak jenis sistem software yang
dapat dipakai untuk meng-generate Dynamic Web System dan Situs Dynamic,
beberapa di antaranya adalah ColdFusion (CFM), Active Server Pages (ASP), Java
Server Pages (JSP) dan PHP, bahasa program yang mampu untuk meng-generate
Dynamic Web System dan Situs Dinamis. Situs juga bisa termasuk di dalamnya
berisi informasi yang diambil dari satu atau lebih database atau bisa juga
menggunakan teknologi berbasis XML, contohnya adalah RSS. Isi situs yang statis
juga secara periodik di generate, atau, apabila ada keadaan dimana dia butuh
untuk dikembalikan kepada keadaan semula, maka dia akan di generate, hal ini
untuk menghindari kinerjanya supaya tetap terjaga.
Plugin tersedia untuk menambah banyaknya
feature dan kemampuan dari web browser, dimana, plugin ini dipakai untuk
membuka content yang biasanya berupa cuplikan dari gambar bergerak (active
content) contohnya adalah Flash, Shockwave atau applets yang ditulis dalam
bahasa JAVA. Dynamic HTML juga menyediakan untuk user supaya dia bisa secara
interaktif dan realtime, meng-update di web page tersebut (catatan; halaman
yang diubah, tak perlu di load atau di reloaded agar perubahannya dapat
dilihat), biasanya perubahan yang dilakukan mereka memakai DOM dan Javascript
yang sudah tersedia pada semua Web Browser sekarang ini.
Seperti yang tertulis di atas, di luarsanaada beberapa perbedaan dalam
penulisan dari terminologi website. Walaupun ¨Website¨ sudah secara umum
dipakai, namun untuk Associated Press Stylebook, Reuters, Microsoft, Academia,
dan kamus-kamus yang ada, penulisan yang mereka pakai adalah dengan menggunakan
2 kata, yaitu Web site. Hal ini karena ¨Web¨ bukanlah
terminilogi umum, namun kependekan dari World Wide Web
SUMBER
Dewanto, I. Joko. (2006). Web Desain (Metode
Aplikasi dan Implementasi). Yogyakarta: Graha Ilmu. Rachmawati. [Online]. Tersedia:
http://elib.unikom.ac.id/files/disk1/527/jbptunikompp-gdl-rachmawati-26318-5-unikom_r-i.pdf.
[29 September 2012, 17.35 WIB].
Saleh, Abdul Rahman. (2010). Membangun Perpustakaan
Digital: Step by Step. Jakarta: Sagung Seto.
Saputro, Hendra W. (2007). Pengertian Website dan
Unsur-unsurnya.[Online].Tersedia:
http://www.balebengong.net/topik/teknologi/2007/08/01/pengertian-website-dan-unsur-unsurnya.html.
[29 September 2012, 17.30 WIB].
Suyanto, Asep Herman. (2007). Step by Step: Web
Design Theory and Practices. Yogyakarta: Andi Offset.
2012. Definisi dan Pengertian Web Menurut Para Ahli.
[Online]. Tersedia:
http://www.sambureki.com/definisi/definisi-dan-pengertian-web-menurut-para-ahli.html.
[29 September 2012, 17.32 WIB].
Tulisan ini saya buat sebagai tugas
matakuliah teori MOBILE. Ucapan terimakasih
saya ucapkan kepada dosen pengampu.
file diatas juga dapat di download dengan link dibawah ini
file diatas juga dapat di download dengan link dibawah ini
http://www.mediafire.com/view/cz5o132h819s0c7/tugas_teori_MOBILE.docx
dapat juga di download persi pdf di link dibawah ini
http://www.mediafire.com/view/v1u5rebx14v4z37/HOME_PAGE_DAN_WEB_SITE.pdf
dapat juga di download persi pdf di link dibawah ini
http://www.mediafire.com/view/v1u5rebx14v4z37/HOME_PAGE_DAN_WEB_SITE.pdf
Nama :
M. Ropianto, M. Kom
Nidn :
102867804
Status : Dosen
tetap YAPISTA/STT
Ibnu Sina
Dapat berkunjung di blog kampus saya dapat dibuka dibwah ini
dan dapat juga dilihat penerimaan
mahasiswa baru angkatan 2015 dapat dilihat dibawah ini
Pengampuh : Pemrograman
Teory Mobile
Demikian semoga tulisan yang saya buat
bermanfaat untuk teman-teman dan para pembaca.
KOMEN BALIK WAK...... cheeerrss
BalasHapusJANGAN LUPA YA.........cherrrrsss
BalasHapusijin ningalin jejak http://sahabatstti.blogspot.com/
BalasHapusTerima kasih untuk artikelnya, perkenalkan saya AMANDA MONICA (1922500162) dari http://www.atmaluhur.ac.id
BalasHapus