BAB 1 Mengelolah isi halaman web
Memeriksa
informasi untuk
Relevensi
dan currency
≠ software web
design
Software web design
merupakan perangkat lunak yang berguna untuk menbangun/membuat/mendesain
halaman-halaman web. Baik yang bersifat stasis maupun dinamais.
× software web
design terpopuler yang ada saat ini antara lain
1 ) Adobe image ready
1 ) Adobe image ready
2 ) Macromedia dreamweaver
3 ) Macrimedia fireworkf
4 ) Dan lain sebagainya
≠
mengenal marcomedia dreamweaver NX
Marcomedia dreamweaver yang merupakan salah
satu sofware web design terpopuler sebagai software web design yang akan
digunakan dalam proses pembelajaran ini.
Marcomedia
dreamwaver dipilih karena kompatibilitas dan dukungannya terhadap bahasa
pemprograman web atara lain : ASP, JSP, CFN, ASP, NET, PHP, java script, css,
dan XML
×wndow dreamwaver NX
ini dibagi menjadi 7 bagian yaitu :
1 ) Insert bar
2 ) Document toolbar
3 ) Document window
4 ) Panel groups
5 ) Tag selector
6 ) Property inspector
7 ) Files panel
7 ) Files panel
≠ HTML
HTML hang merupakan
kepanjangan dari hayper text markup language memiliki fungsi untuk memformat
dokumen text agar bisa digunakan pasda world wide web ( WWW)
HTML bukan merupakan
suatu bahasa programan , karena sifatnya yang hanya memberikan tanda (marxing
up) pada suatu dokumen teks dan bukan sebagai program.
≠ struktur dasar
dokumen HTML berisi elemen-elemen atau tag seperti pada gambar berikut :
keterangan
<html>
</html> : mendefiniskan bahwa text yang
Berada pada kedua tag
tersebut adalah file HTML
<head>
</head> : mendefinisikan head dalam tersebut file HTML <title>
</title> : mendefinisikan judul yang hendak di tampilkan pada browser
<body>
</body> : mendefinisikan teks berserta formatnya yang hendak ditampilkan
sebagai isi halaman web
≠ format teks dasar
dalam HTML :
Heading, HTML mengenal 6 level heading,
mulai 1 (terbesar) sebagai 6, heading
ditampilkan dengan font lebih besar dan tebal dari pada teks moral.
Paragraf, setiap pada paragraf baru di
awali dengan List, HTML mendukung daftar (list) tidak bernomor, bernomor dan definisi.
Perfrogmated text, dalam HTML , spasi, tab
dan baris baru (enter) tidak memelik pengaruh extended quotations untuk membuat
kutipan panjang sehingga hasilnya menvrok kedalam digunakan tag <block
quote>
BAB 2
1
PENGENALAN JOOMLA
1.1
tentang
joomla
joomla
adalah sebuah content managemen system yang dapat digunkan oleh siapa saja
untuk keperluan pebuatan website, mulai dari yang sangat sederhana sampai
dengan website yang sangat komples. Berikut beberapa jenis website yang dapat
dibangun dengan joomla.
1) Website corporate atau portal
2) Website e-commerce
3) Website untuk perusahaan kecil
4) Website untuk organisasi non-profit
5) Website untuk pemerintah
6) Websituntuk keperluan internet
7) Website untuk sekolah dan perguruan tinggi
8) Website pribadi atau blog
9) Website untuk komunitas dan portal
10) Website untuk majalah, koran, dan taloid
11) Dan
masih banyak lagi.
Begitu banyak
aplikasi yang dapat ditanggani oleh joomla. Tak heran kalau joomla menjadi
pilihan banya orang dalam pembuatan website di samping itu, joolma juga mudah
diinstalasi, mudah dalam pengelolaannya
dan dapat di modifikas sesuai kebutuhan kita. Oleh karena itu joomla
mempunyai prinsip pleksible silple elegant, costum, zibledan fowerfull.
Joomla merupakan
pengenmbangan dari open sourc projekct mambo, yang dahulu sering disebut sebagi
manbo open sourc atau perusahaan yang
bernama miro. Miro memberikannya pada komunitas open sourc (komunitas
berkembang) sebuah fariant WCMS yang geratis untuk dikembangkan. Setelah menyerahkanay
pada komunitas, MOS berkembang dengan baik. bulan agustus 2005 terjadi
perselisihan prinsip antara pihak komunitas pengembang MOS dengan MIRO.
1.2
struktur
file dan direktori joomla. pada bagian ini kita belajar tentang strktur file
dan direktori yang digunakan oleh joomla. Seperti kita ketahui joomla adalah
sebuah website konten management.
PENGERTIAN DESAIN
WEB.
Desain web adalah
seni dan proses dalam menciptakan halaman tunggal/keseluruhan dan bisa
melibatkan estetika dan seluk beluk mekanisme dari suatu situs web walaupun
yang utama memusatkan pada look dan filee dari situs web tersebut sebagian dari aspek yang tercakup pada desain web dan
produksi web adalah menciptakan animasi grafis, pemilihan warna, pemilihan
font, desain napigasi menciptkan isi, HTML/XML outhoring, java script,
programming dan pengembangan e-commerce.
Desain web adalah
orag bertugas yang mendesain halaman web. Tugas desainer web secara umum adalah
menentukan look/feel sebuah situs web secara garis besar seorang desainer web
yang baik harus memahami seni,program,dan aspek elemen pada web.
Secara garis besar penciptaan web bredasarkan
pada 3 hal yaitu :
Estetika, mood dan
content
Estetika berhubungan
dengan keindahan warna, font, corak, kesesuaian produk dengan keserasian gambar
tipografi, dan navigasi. Mood berkaitan dengan pengesanan/pemberian pesan
kepada pengujung mengenai perasaan dari situs tersebut, tampilan situs bisa
membawa rasa sedih, gembira, simpati dan lain-lain.
Beberapa elemen yang
mengekpresikan mood. Ditampilkan melalui warna , teks, layout, gambar grafis,
dan efek pendukung lain. Konten meliputi isi halaman web yang lengkap, menarik,
one stop visitin. Hal yang berkaitan dengan konten misalnya web memiliki situs download, chating, searching, menu
member, registrasi dan info lainya yang di butukan.
MENGUBAH HALAMA WEB
2. fungsi situs web
Sebelum mendesain
web, kita sebaliknya mengetahui dan memahami beberapa fungsi dari situs web
agar desain agar kita buat sesuai dengan situs web tersebut, secara umum situs
web mempunyai fungsi sebagai berikut :
) fungsi komunikasi web menyediakan fasilitas
umum ( chating,forum,dll).
) Fungsi informasi web menjadi wadah informasi
umum (news,profil,perusahaan)
) Fungsi entertaiment situs web menjadi hiburan
game online,film,musik,dll
) Fungsi transaksi situs web dijadikan sarana
trasaksi online barang dan jasa.
3 JENIS-JENIS SITUS WEB
Berikut ini
beberapa jenis situs web yang
dikelompokan sesuai tujuan :
Alat pemasaran = dapat berupa company
profile.
Nilai tambah sarana promosi dari confersional
brosur kemoderen.
Katalog = menampilkan daftar produksi.
E-commerce =aplikasi web untuk perdagangan
online.
e E-learning =web digunakan sebagai media
pembelajaran online.
f Komunikasi = web sarana untuk diskusi dengan
minat yang sama.
g Portal = adalah aplikasi berbasis web yang
memudahkan penggunaan mencari inforasi.
Personal = situs yang dimiliki oleh individu
sebagai fortopolio/biodata
4 PRINSIP-PRINSIP
MENDESAIN WEB.
Prinsip utama adalah
kualitas/karakteristik bawaan dalam berbagai bentuk seni.seperti
keseimbangan,kontras,konsisten,ruang kosong,dll. Dengan menggunakan
prinsip-prinsip tersebut situs web diharapkan dapat memiliki desain yang baik
dan efektif sehingga dapat dibaca dan dapat ceoat dimengerti. Adapun
prinsip-prinsip desain web sebagai berikut :
A. Keseimbagan
Keseimbagan
adalah hasil susunan satu atau lebih elemen desain sehingga antara yang satu
dengan yang lainnya memiliki bobot yang sama ada tiga jenis keseimbangan yaitu
:
1. Keseimbangan simetris (formal): memiliki
bobot keseimbagan yang sama.
2. Keseimbangan asimetris(informal): mempunyai
bobot tidak seimbangan.
3. Keseimbangan ideal : modal melingkar dari
titik suatu objek
B. Kontras : tampilan web berkesan menonjol dan
menarik perhatian
C. Konsistensi : membuat pengunjung merasa
nyaman karena dapat menjelajah web dengan mudah.
D. Ruang kosong : web menyediakan ruang kosong
berguna mengistirahatkan mata kegunaan ruang kosong dalam web.
1. Tujuan membuat website
Dalam
membuat sebuah website ada beberapa hal yang perlu anda persiapkan sebelum anda
memulainya
Pertama,
anda bisa mengajukan sebuah pertanyaan kepada diri anda sendiri” apa tujuan
saya membuat website ?” dengan mejawab pertanyaan tersebut dapat mengarahkan
pikiran anda untuk menentukan dan menjawab pertanyaan selanjutnya yaitu
“website seperti apa yang akan saya buat untuk mencapai tujuan tersebut dan
bagai mana cara membuat websitenya” perlu anda ketahui jenis website itu
bermacam-macam, ada yang satu halaman sederhana saja seperti website ini, ada
yang memvuat beberapa halaman seperti website perusahaan, ada yang mengunakan
sistem blog dan sering di sebut juga blog atau weblog (website blog ) ada yang
menggunakan sistem CMS (conten managemant sistem) seperti joomla, ada yang
berupa forum diskusi, ada yang berupa website iklan baris, ada yang berupa toko
online dan ada yang lebih konflek lagi seperti website komunitas friendster.
B.
Persiapan belajar membuat website/buat web.
Untuk
membuat website ada tiga bagian utama yang perlu anda pahami yaitu :
•
domain
•
hosting
•
software website
B.1
DOMAIN
Domain
adalah nama atau alamat dari sebuah website. di internet setiap orang harus
mengertikan sebuah nama domain untuk bisa membukan dan membaca isi dari sebuah
website. dalam hal ini, peranan pemilihan nama domain cukup penting untuk
membedakan website anda denga website orang lain. Domain ini terdiri dari nama
domain dan extension contih blogbisnisinternet.com blog bisnis adalah nama
domain dan extension contoh blog bisni internet.com blog bisnis internet adalah
nama domain dan COM adalah extensionnya
extensionya biasanya memiliki katagori tertentu seperti COM untuk
keperluan website nonkomersial, dll
Extension
bermacam-macam bisa berupa TLD (top level domain) seperti com.net.orang/job
juga berupa CTLD ( contry top level domain) seperti co.id, co.cc dimana id
memiliki domain negara indonesia. Untuk memilih nama domain anda bisa
menggunakan website yang menyertakan jasa registrasi nama domain/ dengan menggunakan
software domain tools untuk membantu memilih nama domain untuk website anda
bila anda menggunakan website yang menyertakan jasa registrasi nama domain
contohnya domain hosting murah .net, anda tinggal masukan nama domain yang anda
sukai untuk mengcek apakah amsih tersedia atau tidak.
Tips
dalam memilih nama domain
antara lain :
1. Pilih nama domain yang simple dan mudah di
ingat.
2. Pilih nama doamain yang sesuai dengan isi dan
tujuan dari website anda, untuk memudahkan orang mengingat nama domain/ alamat
website anda nantinya,
3. Bila anda menggunakan nama domain yang
panjang, usahankan menggunakan nama domain yang berisikan kata-kata yang umum,
sehingga menghindari untuk kesalaha dalam menuluskan nama doamain.
4. Usahakan pilih domain.com.
5. Anda bisa mengikut sertakan dalam nama domain
anda untuk membantu proses SEO (search engine optimation). Agar website anda
tampil di search engine dengan posisi di atas.
2 . hosting
Hosting adalah tempat anda
meletakan file-file website anda di sebabkan server yang terhubung dengan
jaringan internet. Jadi agar websute anda bisa di tampilkan, maka file-file
website perlu anda simpan di sebuah server hosting. Anda perlu membeli paket
hosting dalam memilih paket hosting ada beberapa hal yang perlu di perhatikan
yaitu :
1. Sistem server yang di gunakan apakah
linux/windows. Hal ini dalam akan menentukan software dan bahasa pemprograman
website yang bisa di gunakan kebanyakan orang menggunakan linux anda pilih
linux cap.
2. Besaran disk space yang di berikan. Disk
space adalah kapastas pada server hosting yang di gunakan anda, untuk menyimpan
file-file website anda, seperti biasanya untuk menyimpan file anda di komputer
anda.
3. Besaran badwith yang diberikan bandwith
adalah kapasitas akses perbulan yang diberikan untuk mengakses web anda. Setiap
orang yang membuka website /mendownload/firefox/inetrnet explorer aka
mendownload file anda. Hal tersebut akan memakai bandwithdan kapasitas bandwith
ini akan di ingat setiap awal bulan.
4. Domain allowed,jumlah domain yang bisa di
gunakan dalam sebuah paket hosting. Anda bisa menggunakan 1 bulan paket hosting
untuk semua domain anda bila paket hosting tsb memberikan akses untuk itu, dan
anda juga perlu mempertimbagkanbesarnya disk space maupun bandwith yang
diberikan, apakah cukup untuk menjalankan domain-domain anda.
5. Jumlah peta base yang di izinkan. Contoh
untuk linux berapa banya jumlah database MYSQL yang diizinkan. Untuk pembelian
perusahaan.anda bisa membelinya ditempat-tempat yang berbeda. Yang perlu anda
lakukan hanyalah menghubungkan domain dan hosting dan melakukan seting DNS
(domain name server) pada accont domain. Anda hal ini di lakukan untuk
mengkoneksi domain dangan hosting.
C. Belajar membuat website
dengan blog wordpress.
Langkah-langkah
membuat website dengan blog wordpress :
1. Anda log in dipanel hosting anda, dengan
alamat http :// domain anda.com panel kemudian masukan unsername dengan
password yang diberikan oleh hosting anda. Pada panel hosting anda biasanya
sudah tersedia video yang akan memadukan anda dalam menggunakan fasilitas dari
panel dengan baik. Lebih baik anda belajar melalui video tersebut.
2. Pada panel hosting anda, klik ikon” fantas
toco”
3. Kemudian akan ditampilkan daftar softwareopen
source yang bisa di gunakan untuk. Kantastico merupakan progran yang membantu
proses penginstalan software dengan mudah hanya denga mengisi data dan
mengikuti langkah-langkah yang sudah di sediakan, seperti yang akan.
Tidak ada komentar:
Posting Komentar