01 Pengenalan Web & Jenis Profesi Di bidang Web Amiroh S.Kom
Dokumen tersebut membahas tentang teknologi aplikasi web dan profesi yang terkait dengan bidang web seperti web designer, web programmer, web administrator, dan web master. Juga membahas tentang website, cara kerja web, web hosting, nama domain, serta tugas perorangan mengenai penyewaan domain dan hosting.
Bab 3 membahas tentang web hosting, yaitu tempat untuk menyimpan data situs web yang terkoneksi ke internet selama 24 jam, serta cara memilih web hosting yang sesuai kebutuhan, seperti gratis atau berbayar."
Dokumen tersebut membahas tentang konsep dasar teknologi webpage. Secara singkat, dokumen tersebut menjelaskan tentang standar kompetensi dan kompetensi dasar pembuatan web statis, konsep-konsep teknologi web seperti web server, URL, HTTP, HTML, dan web browser, perbedaan antara web statis dan dinamis, serta penjelasan dasar HTML.
Dokumen tersebut membahas tentang desain web statis dan HTML, mulai dari konsep dasar teknologi web, standar teknologi web yang terdiri dari structural layer, presentation layer, dan behavioral layer, penjelasan mengenai web statis dan web dinamis, persiapan pembuatan web, membuat dan menguji halaman web, penggunaan berbagai tag HTML untuk format tampilan dokumen seperti heading, paragraph, list, font, image, table, dan link antar dokumen, serta contoh tugas pembuatan 10
01 Pengenalan Web & Jenis Profesi Di bidang Web Amiroh S.Kom
Dokumen tersebut membahas tentang teknologi aplikasi web dan profesi yang terkait dengan bidang web seperti web designer, web programmer, web administrator, dan web master. Juga membahas tentang website, cara kerja web, web hosting, nama domain, serta tugas perorangan mengenai penyewaan domain dan hosting.
Bab 3 membahas tentang web hosting, yaitu tempat untuk menyimpan data situs web yang terkoneksi ke internet selama 24 jam, serta cara memilih web hosting yang sesuai kebutuhan, seperti gratis atau berbayar."
Dokumen tersebut membahas tentang konsep dasar teknologi webpage. Secara singkat, dokumen tersebut menjelaskan tentang standar kompetensi dan kompetensi dasar pembuatan web statis, konsep-konsep teknologi web seperti web server, URL, HTTP, HTML, dan web browser, perbedaan antara web statis dan dinamis, serta penjelasan dasar HTML.
Dokumen tersebut membahas tentang desain web statis dan HTML, mulai dari konsep dasar teknologi web, standar teknologi web yang terdiri dari structural layer, presentation layer, dan behavioral layer, penjelasan mengenai web statis dan web dinamis, persiapan pembuatan web, membuat dan menguji halaman web, penggunaan berbagai tag HTML untuk format tampilan dokumen seperti heading, paragraph, list, font, image, table, dan link antar dokumen, serta contoh tugas pembuatan 10
Dokumen tersebut membahas pengantar tentang Internet, termasuk sejarah, manfaat, dan fasilitas dasar Internet seperti browsing, e-mail, dan mesin pencari."
- Dokumen ini membahas dasar-dasar pemrograman web dan istilah-istilah internet seperti WWW, TCP/IP, URL, dan nama domain serta perbedaan antara web statis dan dinamis. Juga dijelaskan pengertian HTML, struktur dasar kode HTML, dan contoh-contoh penggunaan tag HTML.
Dokumen ini memberikan panduan lengkap untuk membuat website secara gratis dengan mendaftarkan domain dan web hosting gratis. Langkah-langkahnya meliputi pendaftaran domain gratis, pendaftaran web hosting gratis, pengaturan nama domain dan hosting, serta cara membuat website menggunakan website builder.
Modul pemrograman web ini membahas pengenalan internet, web browser, editor, dan aplikasi tambahan XAMPP untuk pemrograman web. Modul ini memberikan panduan instalasi notepad, notepad++, dreamweaver, dan XAMPP beserta penjelasan singkat tentang manfaat dan komponen masing-masing aplikasi.
2014-15. Membuat Website dengan WordpressSyiroy Uddin
Dokumen tersebut membahas tentang WordPress sebagai sistem manajemen konten yang populer. WordPress dapat digunakan untuk membuat blog atau situs web dengan fitur-fitur seperti pembangunan konten, manajemen konten, dan publikasi konten secara mudah. Dokumen tersebut juga menjelaskan cara instalasi, konfigurasi, dan penggunaan WordPress secara offline maupun online.
Dokumen tersebut memberikan penjelasan mengenai persiapan yang perlu dilakukan sebelum membuat website, meliputi memilih nama domain, membeli hosting, dan memilih jenis perangkat lunak website. Beberapa poin penting yang dijelaskan adalah pentingnya memilih nama domain yang mudah diingat dan sesuai dengan tujuan website, serta mempertimbangkan fasilitas seperti kapasitas penyimpanan dan bandwidth dalam memilih hosting.
Pengenalan Dasar Web. Pengertian, sejarah web, jenis-jenis website, komponen penyusun website, unsur-unsur website, teknologi web, cara kerja elemen web, CMS, referensi belajar
Dokumen tersebut merangkum penjelasan mengenai Hypertext Transfer Protocol (HTTP) yang meliputi definisi terminologi, overview HTTP, pesan HTTP, koneksi, versi HTTP, dan komponen arsitektur web seperti proxy, cache, gateway, tunnel, dan agent.
Ringkasan dokumen tersebut adalah sebagai berikut:
1. Dokumen tersebut memberikan panduan langkah-langkah dasar dalam membuat dan memanipulasi halaman web menggunakan perangkat lunak Dreamweaver.
2. Langkah-langkah tersebut meliputi pembuatan template halaman, pengeditan isi, penggunaan tabel, penambahan video, dan pembuatan tautan antarhalaman.
3. Tujuan dari bahan ajaran tersebut adalah membekali peserta den
Dokumen tersebut membahas tentang pemrograman web yang mencakup beberapa hal seperti profesi di bidang web, sejarah dan cara kerja web, serta jenis-jenis layanan hosting. Dokumen ini juga menjelaskan tentang konsep dasar teknologi aplikasi web dan pengembangan aplikasi web.
Dokumen tersebut memberikan penjelasan tentang storyboard dan proses perancangannya untuk merekabentuk antarmuka laman web. Ia mendefinisikan storyboard sebagai alat komunikasi visual, menjelaskan tahapan perancangannya seperti pengumpulan data dan analisis, serta memberikan contoh storyboard dan elemen-elemennya. Dokumen tersebut juga menjelaskan konsep wireframe dan sitemap yang penting dalam merancang struktur laman web.
Konsep pembangunan tapak web & laman webAhmad Faizar
Untuk mengetahui konsep-konsep asas pembanguan sesebuah tapak & laman web
Menyediakan satu tapak & laman web dengan menggunakan aplikasi web page editor
Menghantar web page yang telah siap ke laman web percuma
Dokumen tersebut memberikan ringkasan tentang berbagai jenis perisian penyuntingan dan pengarangan termasuk perisian penyuntingan teks, grafik, audio, video, animasi, dan perisian pengarangan multimedia.
Dokumen tersebut membahas pengantar tentang Internet, termasuk sejarah, manfaat, dan fasilitas dasar Internet seperti browsing, e-mail, dan mesin pencari."
- Dokumen ini membahas dasar-dasar pemrograman web dan istilah-istilah internet seperti WWW, TCP/IP, URL, dan nama domain serta perbedaan antara web statis dan dinamis. Juga dijelaskan pengertian HTML, struktur dasar kode HTML, dan contoh-contoh penggunaan tag HTML.
Dokumen ini memberikan panduan lengkap untuk membuat website secara gratis dengan mendaftarkan domain dan web hosting gratis. Langkah-langkahnya meliputi pendaftaran domain gratis, pendaftaran web hosting gratis, pengaturan nama domain dan hosting, serta cara membuat website menggunakan website builder.
Modul pemrograman web ini membahas pengenalan internet, web browser, editor, dan aplikasi tambahan XAMPP untuk pemrograman web. Modul ini memberikan panduan instalasi notepad, notepad++, dreamweaver, dan XAMPP beserta penjelasan singkat tentang manfaat dan komponen masing-masing aplikasi.
2014-15. Membuat Website dengan WordpressSyiroy Uddin
Dokumen tersebut membahas tentang WordPress sebagai sistem manajemen konten yang populer. WordPress dapat digunakan untuk membuat blog atau situs web dengan fitur-fitur seperti pembangunan konten, manajemen konten, dan publikasi konten secara mudah. Dokumen tersebut juga menjelaskan cara instalasi, konfigurasi, dan penggunaan WordPress secara offline maupun online.
Dokumen tersebut memberikan penjelasan mengenai persiapan yang perlu dilakukan sebelum membuat website, meliputi memilih nama domain, membeli hosting, dan memilih jenis perangkat lunak website. Beberapa poin penting yang dijelaskan adalah pentingnya memilih nama domain yang mudah diingat dan sesuai dengan tujuan website, serta mempertimbangkan fasilitas seperti kapasitas penyimpanan dan bandwidth dalam memilih hosting.
Pengenalan Dasar Web. Pengertian, sejarah web, jenis-jenis website, komponen penyusun website, unsur-unsur website, teknologi web, cara kerja elemen web, CMS, referensi belajar
Dokumen tersebut merangkum penjelasan mengenai Hypertext Transfer Protocol (HTTP) yang meliputi definisi terminologi, overview HTTP, pesan HTTP, koneksi, versi HTTP, dan komponen arsitektur web seperti proxy, cache, gateway, tunnel, dan agent.
Ringkasan dokumen tersebut adalah sebagai berikut:
1. Dokumen tersebut memberikan panduan langkah-langkah dasar dalam membuat dan memanipulasi halaman web menggunakan perangkat lunak Dreamweaver.
2. Langkah-langkah tersebut meliputi pembuatan template halaman, pengeditan isi, penggunaan tabel, penambahan video, dan pembuatan tautan antarhalaman.
3. Tujuan dari bahan ajaran tersebut adalah membekali peserta den
Dokumen tersebut membahas tentang pemrograman web yang mencakup beberapa hal seperti profesi di bidang web, sejarah dan cara kerja web, serta jenis-jenis layanan hosting. Dokumen ini juga menjelaskan tentang konsep dasar teknologi aplikasi web dan pengembangan aplikasi web.
Dokumen tersebut memberikan penjelasan tentang storyboard dan proses perancangannya untuk merekabentuk antarmuka laman web. Ia mendefinisikan storyboard sebagai alat komunikasi visual, menjelaskan tahapan perancangannya seperti pengumpulan data dan analisis, serta memberikan contoh storyboard dan elemen-elemennya. Dokumen tersebut juga menjelaskan konsep wireframe dan sitemap yang penting dalam merancang struktur laman web.
Konsep pembangunan tapak web & laman webAhmad Faizar
Untuk mengetahui konsep-konsep asas pembanguan sesebuah tapak & laman web
Menyediakan satu tapak & laman web dengan menggunakan aplikasi web page editor
Menghantar web page yang telah siap ke laman web percuma
Dokumen tersebut memberikan ringkasan tentang berbagai jenis perisian penyuntingan dan pengarangan termasuk perisian penyuntingan teks, grafik, audio, video, animasi, dan perisian pengarangan multimedia.
Wireframing Web 2.0 for Design and Definition: London IA UXLondon reduxJames Box
The document discusses various topics related to wireframing and prototyping for Web 2.0 projects. It covers the benefits of sketching ideas by hand during the ideation process. Interactive prototyping is also discussed as a way to test behaviors and user participation. The document emphasizes an iterative process of diverging and converging ideas to arrive at the best solutions through collaboration and usability testing.
Storyboard merupakan alat penting dalam proses penciptaan filem, animasi, perniagaan, dan media interaktif. Ia memberikan gambaran visual mengenai urutan peristiwa dan memudahkan perbincangan antara pembuat kandungan. Storyboard kini digunakan secara meluas dalam pelbagai industri kreatif dan perniagaan.
Di sebuah desa ikan, seorang ikan bernama Tanya ingin menjadi bintang ASI namun menyadari kenyataan pahit di baliknya. Desa mereka juga terancam sampah manusia. Tanya mencari solusi dan berhasil membersihkan desa melalui ide kreatifnya.
Hypermedia dan World Wide Web membahas sejarah perkembangan sistem hypertext dan hypermedia, fitur-fitur alat bantu pembuatan situs web, membuat dokumen untuk hypertext, serta genre dan tujuan bagi perancang situs web.
Dokumen tersebut membahas konsep-konsep penting dalam pembuatan website secara profesional, termasuk berkonsultasi dengan pemilik website, penggunaan bahasa pemrograman dan nilai seni, serta aspek-aspek seperti usabilitas, navigasi, penulisan konten, kesederhanaan, dan aksesibilitas."
Tips desain situs web memberikan panduan untuk membuat desain yang efektif dengan mempertimbangkan tujuan, sasaran pengunjung, kesan pertama, isi yang relevan, kenyamanan pengunjung, interaksi dengan pengunjung, standarisasi, kesesuaian dengan mesin pencari, dan terus belajar.
Dokumen tersebut membahas tentang karakteristik desain website yang baik, yaitu inovatif, memiliki fungsi, dan estetis. Kemudian diberikan contoh interface desain website buruk dan baik beserta alasannya. Interface desain website baik memiliki desain yang sederhana namun interaktif serta jelas fungsinya.
Website dirancang untuk memberikan informasi mengenai desa wisata secara mudah dipahami dan menarik bagi pengunjung. Unsur penting dalam desain web meliputi tujuan memberikan informasi, komunikasi yang jelas, penggunaan teks dan warna yang tepat, gambar yang relevan, navigasi yang mudah diikuti, tata letak yang rapi, serta kecepatan pemuaian yang baik.
Dokumen tersebut membahas tentang desain web yang mencakup beberapa elemen pentingnya seperti teks, gambar, animasi, video, suara, dan tautan interaktif. Dibahas pula prinsip-prinsip desain grafis seperti komunikatif, estetis, dan ekonomis. Diakhiri dengan contoh desain website perusahaan penerbitan buku.
Ringkasan: Kertas kerja ini memohon kelulusan untuk melaksanakan Program Hari Inovasi di Kolej Komuniti Ampang pada 30 Mac 2019, yang bertujuan mendedahkan pelajar kepada kemahiran pencetusan idea teknologi dan mempraktikkan ilmu yang dipelajari untuk manfaat masyarakat. Program ini terbuka kepada semua pelajar kolej dan dijangka melibatkan 150 peserta, dengan anggaran perbelanjaan sebanyak RM6,750.
This document provides examples of greetings, introductions, and farewells in both formal and informal contexts. It includes sample dialogues demonstrating different ways to greet people, introduce oneself and others, respond to introductions, and say goodbye. Guidelines are given for initiating and participating in greetings, introductions, small talk, and taking leave in formal and informal situations. The purpose is to teach appropriate language and etiquette for common social interactions.
Dokumen tersebut membahas tentang topik gerakan linear dan gerakan putaran dalam mata pelajaran Sains 1. Ia menjelaskan konsep-konsep seperti jarak, sesaran, laju, halaju, pecutan dan nyahpecutan serta memberikan contoh-contoh penyelesaian masalah berkaitan.
Kerja,Kuasa,Tenaga Keupayaan,Tenaga Kinetik Dan Keabadian Tenagacyberns_
Dokumen tersebut membahas tentang konsep kerja, kuasa, tenaga kinetik, tenaga potensial gravitasi, dan hukum kekekalan tenaga dalam bidang fizik. Secara khusus, dokumen tersebut menjelaskan rumus-rumus yang terkait dengan konsep-konsep tersebut beserta contoh perhitungannya.
Proximity sensors detect nearby objects without making physical contact. There are several types including inductive, capacitive, ultrasonic, and optical proximity sensors. Proximity sensors are commonly used in smartphones to disable accidental touchscreen inputs when objects like ears are near the screen during calls. They work by sensing objects close to the speaker and ignoring any touch events that are detected. The global market for proximity sensors is growing as they are used in applications like machinery, automatic doors, elevators, and the automotive and building industries.
This document provides a history of mobile computing from the 1970s to present day. It begins with early devices like the Texas Instruments Speak & Spell and moves through graphing calculators, laptops, PDAs, smartphones and today's powerful smartphones that contain powerful multicore processors, advanced sensors, and run complex operating systems. It describes the architecture of ARM processors and system on a chip designs. It also provides details on technologies like MEMS sensors, fingerprint scanners, and the evolution of mobile device capabilities and components over time.
UI AND UX GRAPHIC DESIGN(SOCIAL NETWORKING)cyberns_
This document outlines the user interface and user experience design for a social networking app, including splash screens, log in screens, main menus, sub menus for following, notifications, and saved pages, as well as a log out option. It was created by Siti Nurfatehah Binti Noorizan and Muhammad Iqbal Bin Fazi for their DMT 3043 UI and UX Graphic Design course.
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...nasrudienaulia
Dalam teori fungsionalisme kulturalisasi Talcott Parsons, konsep struktur sosial sangat erat hubungannya dengan kulturalisasi. Struktur sosial merujuk pada pola-pola hubungan sosial yang terorganisir dalam masyarakat, termasuk hierarki, peran, dan institusi yang mengatur interaksi antara individu. Hubungan antara konsep struktur sosial dan kulturalisasi dapat dijelaskan sebagai berikut:
1. Pola Interaksi Sosial: Struktur sosial menentukan pola interaksi sosial antara individu dalam masyarakat. Pola-pola ini dipengaruhi oleh norma-norma budaya yang diinternalisasi oleh anggota masyarakat melalui proses sosialisasi. Dengan demikian, struktur sosial dan kulturalisasi saling memengaruhi dalam membentuk cara individu berinteraksi dan berperilaku.
2. Distribusi Kekuasaan dan Otoritas: Struktur sosial menentukan distribusi kekuasaan dan otoritas dalam masyarakat. Nilai-nilai budaya yang dianut oleh masyarakat juga memengaruhi bagaimana kekuasaan dan otoritas didistribusikan dalam struktur sosial. Kulturalisasi memainkan peran dalam melegitimasi sistem kekuasaan yang ada melalui nilai-nilai yang dianut oleh masyarakat.
3. Fungsi Sosial: Struktur sosial dan kulturalisasi saling terkait dalam menjalankan fungsi-fungsi sosial dalam masyarakat. Nilai-nilai budaya dan norma-norma yang terinternalisasi membentuk dasar bagi pelaksanaan fungsi-fungsi sosial yang diperlukan untuk menjaga keseimbangan dan stabilitas dalam masyarakat.
Dengan demikian, konsep struktur sosial dalam teori fungsionalisme kulturalisasi Parsons tidak dapat dipisahkan dari kulturalisasi karena keduanya saling berinteraksi dan saling memengaruhi dalam membentuk pola-pola hubungan sosial, distribusi kekuasaan, dan pelaksanaan fungsi-fungsi sosial dalam masyarakat.
Materi ini membahas tentang defenisi dan Usia Anak di Indonesia serta hubungannya dengan risiko terpapar kekerasan. Dalam modul ini, akan diuraikan berbagai bentuk kekerasan yang dapat dialami anak-anak, seperti kekerasan fisik, emosional, seksual, dan penelantaran.
1. F3026 – WEB AUTHORING 1
1.1 Pengenalan kepada World Wide Web (WWW)
1.2 Rekabentuk laman web
1.3 Jenis-jenis penyunting HTML (HTML editors)
1.4 Pelayan Web
* Klik pada tajuk untuk keterangan selanjutnya*
PENGENALANPENGENALAN KEPADA LAMAN WEBKEPADA LAMAN WEB
2. F3026 – WEB AUTHORING 2
Objektif
• Memperkenalkan sejarah World Wide Web (WWW) dan
istilah-istilah yang berkaitan dengan World Wide Web.
• Memberi panduan dalam merekabentuk laman web yang baik.
• Mendedahkan kepada para pelajar elemen-elemen rekabentuk
laman web yang baik.
• Memperkenalkan kepada para pelajar ciri-ciri bentuk laman
peribadi, semasa, komersil dan hiburan.
Pengenalan Kepada Laman Web
3. F3026 – WEB AUTHORING 3
WORLD WIDE WEBWORLD WIDE WEB
(WWW)(WWW)
Di kenali
sebagai WEB,
WWW atau W3
1 rangkaian sejagat
dan maya yang
dihubungkan melalui
sistem pautan
Menggunakan
internet
sebagai alat
hubungan
Dicipta pada tahun 1989
di institut penyelidikan
CERN- The European
Laboratary for Particle
Physics
Bergantung
kepada pelayar
web dan http
Pelayar web
pertama
yang popular
ialah Mosaic
Kebanyakan
dokumen web
dibangunkan
menggunakan
HTML
Satu medium
komersil
1.1 Pengenalan Kepada World Wide Web
Pengenalan Kepada Laman Web
4. F3026 – WEB AUTHORING 4
Istilah :
Beberapa istilah atau konsep yang berkaitan dengan World Wide Web (WWW):
Tapak web (web site): Satu set halaman yang dihubungkan antara satu sama lain.
Laman web (web page): Dokumen elektronik yang mempunyai kombinasi teks,
bunyi dan grafik.
Home page: Halaman permulaan laman web dimana pelawat memulakan pencarian
di tapak web tersebut.
Hyperlink: Pautan diantara perkataan atau grafik di pelayar web yang aktif yang
memaparkan laman web kepada fail lain di World Wide Web.
Pemetaan imej (image map): Grafik yang mempunyai lebih daripada satu pautan.
Pelayar web (web browsers): pelanggan perumah (hosted clients) seperti
NetScape, Mosaic, dan lain-lain, yang membaca fail
yang dibangunkan dengan menggunakan HTML dan
memaparkan halaman yang interaktif kepada
pengguna.
Pengenalan Kepada Laman Web
5. F3026 – WEB AUTHORING 5
1.2 Rekabentuk Laman Web
1.2.1 Elemen-elemen rekabentuk halaman web yang baik
Elemen-elemen yang
perlu dipertimbang
dalam merekabentuk
halaman web yang baik
ElemenElemen--elemenelemen yangyang
perluperlu dipertimbangdipertimbang
dalamdalam merekabentukmerekabentuk
halamanhalaman web yangweb yang baikbaik
Warna Stail
Grafik
Saiz halamanNavigasi
Teks
Kekonsistenan
*Klik pada perkataan untuk penerangan selanjutnya*
Pengenalan Kepada Laman Web
6. F3026 – WEB AUTHORING 6
WarnaWarna
Penggunaan warna yang salah akan memusnahkan rekabentuk laman web.
Gunakan warna putih atau pastel untuk latarbelakang.
Warna teks mesti berlawanan dengan warna latarbelakang.
Bezakan warna pautan untuk membezakan pautan yang telah dilawati atau
belum.
Jenis-jenis pautan : belum dilawati, telah dilawati dan pautan yang aktif.
Contoh :- biru tua untuk pautan yang belum dilawati, ungu untuk
pautan yang sudah dilawati dan merah untuk pautan
yang aktif.
Pengenalan Kepada Laman Web
7. F3026 – WEB AUTHORING 7
TeksTeks
Atribut yang boleh ditambah pada teks : tebal, condong, bergaris dan
berkelip.
Teks yang ditebalkan – untuk memberi penekanan kepada teks.
Teks yang berkelip – menunjukkan amaran atau kesalahan.
Tulisan dan saiz tulisan penting kepada rekabentuk. Gunakan tag di
dalam HTML untuk setkan tulisan dan saiznya.
Pengenalan Kepada Laman Web
8. F3026 – WEB AUTHORING 8
StailStail
Terdapat 3 generasi dalam merekabentuk stail laman web :
1. Halaman generasi yang pertama.
2. Halaman generasi yang kedua.
3. Halaman Generasi yang ketiga.
*Klik pada jenis generasi untuk penerangan selanjutnya*
Pengenalan Kepada Laman Web
9. F3026 – WEB AUTHORING 9
1. Halaman generasi yang pertama
Linear.
Turutan teks dan imej dari atas-ke-bawah,
kiri-ke-kanan diasingkan dengan tanda
kembali dan pemisah aliran data.
Mempunyai headline banner dan tersusun.
Direkabentuk oleh orang-orang teknikal.
Pengenalan Kepada Laman Web
10. F3026 – WEB AUTHORING 10
2. Halaman generasi kedua
Ciri-ciri sama seperti halaman generasi
pertama tetapi ikon menggantikan perkataan.
Imej menggantikan latarbelakang kelabu.
Terdapat butang dengan beveled edge.
Banner menggantikan tajuk utama.
Menggunakan model atas_bawah, senarai
bullet dan model berpandukan menu untuk
mempersembahkan maklumat secara berhieraki
Pengenalan Kepada Laman Web
11. F3026 – WEB AUTHORING 11
3. Halaman generasi yang ketiga
Kombinasi typografi dan susunatur secara
visual yang kreatif.
Gunakan tema visual untuk menarik perhatian
serta sebagai panduan kepada pengguna.
Cenderung menjadikan tapak yang ramah-
pengguna dan mudah dikemudikan, isi kandungan
yang berkualiti serta nilai pengeluaran yang tinggi.
Direkabentuk oleh beberapa orang dalam kumpulan.
Pengenalan Kepada Laman Web
12. F3026 – WEB AUTHORING 12
SaizSaiz halamanhalaman
Pastikan halaman pendek.
Panjang halaman yang dicadangkan kurang dua muatan-skrin di mana
terdapat pautan di halaman pertama dan terakhir.
Grafik tidak melebihi 30K bagi memudahkan proses muatan.
Dimensi Halaman Cetakan Paparan
Kelebaran Maksimum 535 piksel 595 piksel
Ketinggian Masimum (satu skrin) 295 piksel 295 piksel
Dimensi Halaman
Pengenalan Kepada Laman Web
13. F3026 – WEB AUTHORING 13
GrafikGrafik
Grafik dikurangkan kerana ia akan mengganggu perhatian pengguna dan
memperlahankan proses navigasi.
Majoriti grafik di web dalam format GIF atau JPEG.
Fail GIF untuk imej bergambarajah bagi ikon dan animasi.
Fail JPEG untuk imej yang besar dan kompleks.
Pengenalan Kepada Laman Web
14. F3026 – WEB AUTHORING 14
KonsistensiKonsistensi
Gunakan pendekatan yang konsisten untuk susunatur, latarbelakang, dan
rekabentuk supaya pengguna dapat menyesuaikan diri dengan rekabentuk
anda.
Rekabentuk, grafik dan latarbelakang yang bercampur aduk akan
memperlahankan masa pindah turun serta mengelirukan pelawat tapak anda.
Contoh rekabentuk susunan yang konsisten
Pengenalan Kepada Laman Web
15. F3026 – WEB AUTHORING 15
NavigasiNavigasi
Sediakan alat navigasi seperti butang, secara konsisten di lokasi yang
sama di keseluruhan laman web.
Butang navigasi perlulah jelas dan logik.
Setiap halaman mesti mempunyai pautan untuk kembali ke halaman
pertama atau ke mana-mana titik navigasi di dalam tapak web.
Pengenalan Kepada Laman Web
16. F3026 – WEB AUTHORING 16
1.2.1 Soalan yang perlu diambil kira semasa membentuk laman web
Siapakah yang akan
membaca laman web ini?
Kenapa mereka
melawat tapak web
anda?
Apakah ciri-ciri yang akan
membuatkan mereka melawat
laman web anda semula?
Bagaimana ia boleh
berkomunikasi dengan anda?
Adakah mereka mempunyai
soalan, keperluan atau kaitan?
Pengenalan Kepada Laman Web
17. F3026 – WEB AUTHORING 17
RancangRancang secarasecara berhatiberhati--hatihati
Rancang isi kandungan, susunatur dan rekabentuk.
Susunatur hendaklah berbeza untuk kanak- kanak atau orang dewasa.
Buat papan cerita untuk menunjukkan bagaimana semua halaman
dipautkan.
Pautkan setiap halaman kembali kepada halaman pertama.
JadikanJadikan setiapsetiap halamanhalaman konsistenkonsisten
Gunakan templet (template) supaya setiap elemen yang berulang akan
berada di tempat yang sama di setiap halaman.
1.2.3 Panduan untuk membangunkan laman web
Sambungan…
Pengenalan Kepada Laman Web
18. F3026 – WEB AUTHORING 18
BinaBina halamanhalaman yangyang mempunyaimempunyai visualvisual
Seimbangkan teks dan grafik serta gunakan latarbelakang bewarna putih.
Gunakan animasi dan bunyi yang tidak keterlaluan kerana pengguna tidak
mahu mengambil masa yang lama untuk proses pemuatan.
BinaBina halamanhalaman pertamapertama yangyang ringkasringkas
Halaman yang pertama mestilah ringkas (tanpa skrol) dan dipautkan
kepada keseluruhan isi kandungan.
Sekiranya isi kandungan, guna anchor untuk memisahkannya.
Sambungan…
Pengenalan Kepada Laman Web
19. F3026 – WEB AUTHORING 19
BeriBeri kepercayaankepercayaan kepadakepada halamanhalaman andaanda
Beri akuan dan pautan emel kepada anda.
SemakSemak dandan ulangiulangi menyemakmenyemak kerjakerja andaanda
Membuat semakan untuk memastikan adakah semua pautan berfungsi.
Semak ejaan dan tatabahasa.
Semak navigasi dari satu halaman ke halaman yang lain.
Adakah susunatur berfungsi secara logik?
Buka laman web anda di beberapa pelayar web untuk memastikan
paparan yang sama.
Pengenalan Kepada Laman Web
20. F3026 – WEB AUTHORING 20
1.2.4 Ciri-ciri rekabentuk laman web
Terdapat beberapa jenis laman web:
1. Laman peribadi (personal page)
2. Laman semasa (topical page)
3. Laman komersil (commercial page)
4. Laman hiburan (entertainment page)
* Klik pada jenis laman web untuk keterangan selanjutnya *
Pengenalan Kepada Laman Web
21. F3026 – WEB AUTHORING 21
LamanLaman peribadiperibadi ((personal pagepersonal page))
Dibina secara peribadi.
Membenarkan anda berkongsi maklumat bersama rakan-rakan, keluarga
dan orang ramai.
Merupakan satu latihan yang menyeronokkan.
Maklumat yang selalu dipaparkan:
- Latarbelakang peribadi - Maklumat untuk dihubungi
- Hobi - Pekerjaan
- Koleksi gambar peribadi - Maklumat tentang penerbitan laman web
- Pautan kepada laman web yang lain
Pengenalan Kepada Laman Web
22. F3026 – WEB AUTHORING 22
LamanLaman semasasemasa ((topical pagetopical page))
Homepage untuk topik tertentu.
Ditulis oleh ahli kumpulan sukarelawan atau seseorang yang meminati isu
tersebut.
Halaman ini boleh diubah dari masa ke semasa.
Perkara yang perlu dipertimbangkan:
- Apa yang dimasukkan dahulu?
- Fokus pada isi penting
- Halaman komersil
- Buat rancangan pertukaran
Pengenalan Kepada Laman Web
23. F3026 – WEB AUTHORING 23
HalamanHalaman komersilkomersil ((Commercial pageCommercial page))
Dibina oleh organisasi untuk mengurangkan kos penerbitan.
Penghantaran katalog barangan kepada penjual.
Fokus kepada isi kandungan.
Merangkumi pelbagai stail.
Memerlukan matlamat, kepakaran dan sumber.
Pastikan semua halaman di laksanakan dengan baik dan berkualiti.
Mesti ada ciri-ciri keselamatan.
Beberapa tip yang perlu dipertimbangkan:
- Apa yang dimasukkan dahulu? - Dapatkan kebenaran.
- Di dalam atau di luar firewall. - Perlukan pakar.
- Keunikan. - Awasi penggunaannya.
Pengenalan Kepada Laman Web
24. F3026 – WEB AUTHORING 24
LamanLaman hiburanhiburan ((entertainment pageentertainment page))
Fokus pada peningkatan bilangan pelawat ke tapak web kerana peningkatan
hasil pengiklanan adalah fokus perniagaan seperti ini.
Laman web yang paling popular dan perlu di kemaskini setiap hari.
Pelawat boleh berkomunikasi melalui laman web ini.
Lebih daripada hiburan semata-mata.
Cadangan untuk membina laman web ini:
- Pastikan ia sentiasa kelihatan segar dan ceria.
- Gunakan teknologi terkini.
Pengenalan Kepada Laman Web
25. F3026 – WEB AUTHORING 25
1.3 Jenis-jenis penyunting HTML (HTML editors)
Penyunting HTML -> satu alat yang memudahkan anda membina laman web.
Penyunting HTML yang paling asas -> NotePad.
Antara jenis-jenis penyunting yang berada di pasaran :
- Microsoft FrontPage
- Macromedia Dreamweaver
Pengenalan Kepada Laman Web
26. F3026 – WEB AUTHORING 26
1.3.1 Microsoft Frontpage
Sesuai untuk sesiapa sahaja yang mahu merekabentuk laman web yang
mudah dengan sedikit kesan khas, dengan cepat dan pantas.
Mudah dipelajari ->mempunyai sistem kerja dan tapak templet yang mudah diikuti.
Tapak templet membantu anda membina tapak web dalam masa yang singkat.
Mudah memformat teks, memasukkan imej atau jadual dengan menggunakan
mana-mana pemprosesan web.
• Boleh menguruskan struktur tapak web dengan menggunakan struktur pokok.
Sesuai dengan program Office yang lain.
Sambungan…
Pengenalan Kepada Laman Web
27. F3026 – WEB AUTHORING 27
Kelebihan bagi kesesuaian tugas:
- Mencipta halaman yang mudah – Cemerlang
- Mencipta halaman yang kompleks – Baik
- Pengurusan tapak (site) – Cemerlang
- Kod Server-side – Cemerlang
• Peringkat mudah bagi kesesuaian tugas:
- Mencipta halaman yang mudah – Cemerlang
- Mencipta halaman yang kompleks – Cemerlang
- Pengurusan tapak (site) – Cemerlang
- Kod Server-side – Cemerlang
Pengenalan Kepada Laman Web
28. F3026 – WEB AUTHORING 28
1.3.2 Macromedia Dreamweaver
Sesuai untuk membina isi kandungan yang lebh profesional dan
rekabentuk yang lebih baik menggunakan Flash atau Firework ke tapak
web yangberkaitan dengan pangkalan data dan e-dagang.
Membenarkan anda merekabnetuk halaman dengan beberapa lapisan
Boleh membina pemetaan imej dari imej asal yang terletak di dalam
program itu sendiri.
Membenarkan anda membuat imej interaktif tanpa guna JavaScript
dalaman
Sesuai dengan produk Macromedia yang lain.
Mudah diurus dan mengubah penampilan keseluruhan halaman.
Sambungan…
Pengenalan Kepada Laman Web
29. F3026 – WEB AUTHORING 29
kelebihan bagi kesesuaian tugas:
- Mencipta halaman yang mudah – Cemerlang
- Mencipta halaman yang kompleks – Baik
- Pengurusan tapak (site) – Sederhana
- Kod Server-side – Sederhana
Peringkat mudah bagi kesesuaian tugas:
- Mencipta halaman yang mudah – Cemerlang
- Mencipta halaman yang kompleks – Cemerlang
- Pengurusan tapak (site) – Baik
- Kod Server-side – Sederhana
Pengenalan Kepada Laman Web
30. F3026 – WEB AUTHORING 30
1.4 Pelayan Web
Definisi Pelayan Web ->
Program komputer yang melayan permintaan fail / carian laman web daripada
pelayar pelanggan.
Pelayan web juga dirujuk sebagai sebuah komputer di mana perisian pelayan
yang menyimpan fail-fail bagi satu atau lebih laman web.
Pengenalan Kepada Laman Web