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
Pengenalan Dasar Web. Pengertian, sejarah web, jenis-jenis website, komponen penyusun website, unsur-unsur website, teknologi web, cara kerja elemen web, CMS, referensi belajar
Blog adalah situs web yang berisi tulisan, artikel atau informasi yang diperbarui secara teratur dan dapat diakses secara online, yang memiliki manfaat seperti membuka peluang usaha, meningkatkan penghasilan, dan berbagi informasi serta tips. Terdapat beberapa jenis blog seperti Blogspot, Wordpress, dan Idhostinger yang baik untuk SEO.
This document discusses session tracking techniques in servlets. It begins by defining a session as a series of related interactions between a client and server over time. Session tracking is needed to maintain state since HTTP is stateless. The main techniques discussed are HTTP session, cookies, hidden form fields, and URL rewriting. HTTP session uses a session ID to identify users and store data server-side. Cookies store data client-side but only text. Hidden form fields also store data on the server. URL rewriting passes data in the URL. The document provides details on implementing each technique.
This document provides an overview of key web technologies and terminology for a course on web design for effective communication. It defines the Internet and World Wide Web, protocols like HTTP and FTP, URLs, IP addresses, DNS, browsers, JavaScript, PHP, content management systems, MySQL, XML, and AJAX. The document is presented by Bruce Clary of McPherson College as part of the course CM350.
Dokumen tersebut membahas konsep dasar HTML dan elemen-elemennya, termasuk elemen pada tag head seperti title dan meta, serta elemen pada tag body seperti heading, paragraph, dan list.
Pengenalan Dasar Web. Pengertian, sejarah web, jenis-jenis website, komponen penyusun website, unsur-unsur website, teknologi web, cara kerja elemen web, CMS, referensi belajar
Blog adalah situs web yang berisi tulisan, artikel atau informasi yang diperbarui secara teratur dan dapat diakses secara online, yang memiliki manfaat seperti membuka peluang usaha, meningkatkan penghasilan, dan berbagi informasi serta tips. Terdapat beberapa jenis blog seperti Blogspot, Wordpress, dan Idhostinger yang baik untuk SEO.
This document discusses session tracking techniques in servlets. It begins by defining a session as a series of related interactions between a client and server over time. Session tracking is needed to maintain state since HTTP is stateless. The main techniques discussed are HTTP session, cookies, hidden form fields, and URL rewriting. HTTP session uses a session ID to identify users and store data server-side. Cookies store data client-side but only text. Hidden form fields also store data on the server. URL rewriting passes data in the URL. The document provides details on implementing each technique.
This document provides an overview of key web technologies and terminology for a course on web design for effective communication. It defines the Internet and World Wide Web, protocols like HTTP and FTP, URLs, IP addresses, DNS, browsers, JavaScript, PHP, content management systems, MySQL, XML, and AJAX. The document is presented by Bruce Clary of McPherson College as part of the course CM350.
Dokumen tersebut membahas konsep dasar HTML dan elemen-elemennya, termasuk elemen pada tag head seperti title dan meta, serta elemen pada tag body seperti heading, paragraph, dan list.
Understanding world wide web and the internetMangesh Dete
The document discusses the key components and uses of the World Wide Web. It explains that the World Wide Web allows sharing of resources globally using websites, web pages, hyperlinks and web browsers. Websites are collections of web pages that can be accessed via a web browser using URLs. Popular uses of the World Wide Web include sending emails, sharing information, entertainment and e-commerce. Key components that power the World Wide Web are search engines, web servers, protocols like HTTP and FTP, and technologies like HTML, URLs and hyperlinks.
Rencana Pelaksanaan Pembelajaran (RPP) ini membahas tentang pembelajaran Teknologi Informasi dan Komunikasi untuk siswa kelas X semester 1 dan 2 SMA Negeri 1 Cikembar, mencakup standar kompetensi, kompetensi dasar, indikator, materi pokok, metode pembelajaran, media pembelajaran, dan penilaian."
Modul pelatihan penggunaan internet untuk pemula dengan menggunakan aplikasi-aplikasi dari Google:
- Google Chrome
- Google Search Engine
- Google Mail (GMail)
- Google Drive
- Blog
Dan aplikasi Google lainnya seperti:
- Google Hangout
- Google Calendar
- Google Translate
- Google Maps
Dokumen tersebut berisi tentang visi dan misi SMA Kosgoro Kota Bogor. Visi SMA Kosgoro adalah menjadi SMA swasta terdepan di Kota Bogor dan unggul di tingkat nasional, sedangkan misinya adalah menyelenggarakan pendidikan berwawasan kebangsaan, mengembangkan pelayanan pendidikan profesional, mengembangkan sarana pendidikan, dan berorientasi pada pengembangan mutu secara berkelanjutan.
Modul ini memberikan penjelasan tentang berbagai tool yang tersedia dalam Microsoft Word beserta cara kerjanya. Tool-tool tersebut meliputi formatting teks (font, ukuran huruf, tebal, miring, garis bawah), pengaturan paragraf (rata kiri, tengah, kanan), penyisipan gambar dan objek lain, serta pengaturan halaman (margin, orientasi, ukuran kertas). Modul ini dapat diunduh untuk mempelajari penggunaan fitur-fitur dasar
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Assalamu'alaikum. Berikut Materi Pelajaran Pemrograman Dasar dengan yang dibahas yaitu Alur Logika Pemrograman.
.
Materi ini untuk SMK kelas 1 jurusan Teknik Komputer dan Jaringan, Rekayasa Perangkat Lunak, Multimedia, dan Jurusan Lain yang mempelajari Pemrograman Dasar.
.
Isi materi di dalam video ini yaitu :
- Pengertian bahasa pemrograman
- Fungsi bahasa pemrograman
- Tingkatan bahasa pemrograman
- Jenis-jenis bahasa pemrograman
.
Video sebelumnya :
1. Alur Logika Pemrograman : https://youtu.be/80EXU-pOaGE
2. Algoritma Pemrograman Komputer : https://youtu.be/_kYuTofSmLg
.
Ok, jika video ini bermanfaat, silahkan like, comment, dan share agar orang lain bisa belajar Pemrograman Dasar dengan topik materi mengenai Bahasa Pemrograman.
Microsoft Word adalah perangkat lunak pengolah kata yang populer yang dikembangkan oleh Microsoft. Aplikasi ini memungkinkan pengguna membuat berbagai dokumen seperti surat, laporan, dan presentasi dengan mudah karena menyediakan beragam fitur seperti pengeditan teks, penambahan gambar dan tabel, serta desain halaman. Microsoft Word juga memiliki berbagai manfaat seperti membuat dokumen secara efisien, fleksibel, dan menghemat biaya cetak.
Dokumen tersebut membahas mengenai penggunaan media pembelajaran berbasis Adobe Flash untuk meningkatkan hasil belajar siswa. Adobe Flash dapat digunakan untuk membuat animasi dan konten interaktif yang dapat memotivasi siswa dan mengubah metode belajar yang terlalu banyak menggunakan ceramah. Kelebihan Flash termasuk mampu menghasilkan konten visual yang hidup dan fleksibel untuk menjelaskan materi sulit.
Website is a collection of related web pages that may contain text, images, audio and video. The first page of a website is called home page. Each website has specific internet address (URL) that you need to enter in your browser to access a website.
Berikut ini langkah-langkah untuk membuat E-mail Gmail. Bila ada yang salah ataupun yang kurang, harap maklum. namanya juga sama-sama belajar. semoga bermanfaat. :)
The document provides an overview of the history and structure of the Internet. It discusses how the Internet began as ARPANET, a network developed by the US Department of Defense in the 1960s. It grew to connect hundreds of thousands of individual networks worldwide, transmitting data through packet switching and protocols like TCP/IP. The Internet has no central ownership or management. Websites are hosted on servers and accessed by clients using browsers, with pages identified by URLs linking to domain names and file paths.
Dokumen tersebut memberikan instruksi tentang cara mengetik sepuluh jari di keyboard serta penjelasan singkat mengenai penggunaan aplikasi Microsoft Word, Excel, PowerPoint, dan eksplorasi internet.
Cookies are used to maintain state in HTTP, which is a stateless protocol. Cookies are small pieces of data stored in a user's browser by a website. They help identify users and customize web pages for that user. There are different types of cookies like session cookies, persistent cookies, and third-party cookies. Cookies can store information to remember items in a shopping cart, login credentials, and browsing preferences. However, cookies also present security and privacy risks if not properly implemented.
Steganografi adalah ilmu dan seni menyembunyikan informasi dengan menyisipkan pesan rahasia di dalam pesan lain seperti gambar, audio, atau teks. Teknik ini berguna untuk mengirim pesan secara rahasia tanpa diketahui orang lain. Metode penyisipan pesan pada gambar digital yang umum adalah dengan mengganti bit terakhir dari setiap piksel (LSB substitution) karena perubahan ini sulit dideteksi oleh mata manusia.
Understanding world wide web and the internetMangesh Dete
The document discusses the key components and uses of the World Wide Web. It explains that the World Wide Web allows sharing of resources globally using websites, web pages, hyperlinks and web browsers. Websites are collections of web pages that can be accessed via a web browser using URLs. Popular uses of the World Wide Web include sending emails, sharing information, entertainment and e-commerce. Key components that power the World Wide Web are search engines, web servers, protocols like HTTP and FTP, and technologies like HTML, URLs and hyperlinks.
Rencana Pelaksanaan Pembelajaran (RPP) ini membahas tentang pembelajaran Teknologi Informasi dan Komunikasi untuk siswa kelas X semester 1 dan 2 SMA Negeri 1 Cikembar, mencakup standar kompetensi, kompetensi dasar, indikator, materi pokok, metode pembelajaran, media pembelajaran, dan penilaian."
Modul pelatihan penggunaan internet untuk pemula dengan menggunakan aplikasi-aplikasi dari Google:
- Google Chrome
- Google Search Engine
- Google Mail (GMail)
- Google Drive
- Blog
Dan aplikasi Google lainnya seperti:
- Google Hangout
- Google Calendar
- Google Translate
- Google Maps
Dokumen tersebut berisi tentang visi dan misi SMA Kosgoro Kota Bogor. Visi SMA Kosgoro adalah menjadi SMA swasta terdepan di Kota Bogor dan unggul di tingkat nasional, sedangkan misinya adalah menyelenggarakan pendidikan berwawasan kebangsaan, mengembangkan pelayanan pendidikan profesional, mengembangkan sarana pendidikan, dan berorientasi pada pengembangan mutu secara berkelanjutan.
Modul ini memberikan penjelasan tentang berbagai tool yang tersedia dalam Microsoft Word beserta cara kerjanya. Tool-tool tersebut meliputi formatting teks (font, ukuran huruf, tebal, miring, garis bawah), pengaturan paragraf (rata kiri, tengah, kanan), penyisipan gambar dan objek lain, serta pengaturan halaman (margin, orientasi, ukuran kertas). Modul ini dapat diunduh untuk mempelajari penggunaan fitur-fitur dasar
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Assalamu'alaikum. Berikut Materi Pelajaran Pemrograman Dasar dengan yang dibahas yaitu Alur Logika Pemrograman.
.
Materi ini untuk SMK kelas 1 jurusan Teknik Komputer dan Jaringan, Rekayasa Perangkat Lunak, Multimedia, dan Jurusan Lain yang mempelajari Pemrograman Dasar.
.
Isi materi di dalam video ini yaitu :
- Pengertian bahasa pemrograman
- Fungsi bahasa pemrograman
- Tingkatan bahasa pemrograman
- Jenis-jenis bahasa pemrograman
.
Video sebelumnya :
1. Alur Logika Pemrograman : https://youtu.be/80EXU-pOaGE
2. Algoritma Pemrograman Komputer : https://youtu.be/_kYuTofSmLg
.
Ok, jika video ini bermanfaat, silahkan like, comment, dan share agar orang lain bisa belajar Pemrograman Dasar dengan topik materi mengenai Bahasa Pemrograman.
Microsoft Word adalah perangkat lunak pengolah kata yang populer yang dikembangkan oleh Microsoft. Aplikasi ini memungkinkan pengguna membuat berbagai dokumen seperti surat, laporan, dan presentasi dengan mudah karena menyediakan beragam fitur seperti pengeditan teks, penambahan gambar dan tabel, serta desain halaman. Microsoft Word juga memiliki berbagai manfaat seperti membuat dokumen secara efisien, fleksibel, dan menghemat biaya cetak.
Dokumen tersebut membahas mengenai penggunaan media pembelajaran berbasis Adobe Flash untuk meningkatkan hasil belajar siswa. Adobe Flash dapat digunakan untuk membuat animasi dan konten interaktif yang dapat memotivasi siswa dan mengubah metode belajar yang terlalu banyak menggunakan ceramah. Kelebihan Flash termasuk mampu menghasilkan konten visual yang hidup dan fleksibel untuk menjelaskan materi sulit.
Website is a collection of related web pages that may contain text, images, audio and video. The first page of a website is called home page. Each website has specific internet address (URL) that you need to enter in your browser to access a website.
Berikut ini langkah-langkah untuk membuat E-mail Gmail. Bila ada yang salah ataupun yang kurang, harap maklum. namanya juga sama-sama belajar. semoga bermanfaat. :)
The document provides an overview of the history and structure of the Internet. It discusses how the Internet began as ARPANET, a network developed by the US Department of Defense in the 1960s. It grew to connect hundreds of thousands of individual networks worldwide, transmitting data through packet switching and protocols like TCP/IP. The Internet has no central ownership or management. Websites are hosted on servers and accessed by clients using browsers, with pages identified by URLs linking to domain names and file paths.
Dokumen tersebut memberikan instruksi tentang cara mengetik sepuluh jari di keyboard serta penjelasan singkat mengenai penggunaan aplikasi Microsoft Word, Excel, PowerPoint, dan eksplorasi internet.
Cookies are used to maintain state in HTTP, which is a stateless protocol. Cookies are small pieces of data stored in a user's browser by a website. They help identify users and customize web pages for that user. There are different types of cookies like session cookies, persistent cookies, and third-party cookies. Cookies can store information to remember items in a shopping cart, login credentials, and browsing preferences. However, cookies also present security and privacy risks if not properly implemented.
Steganografi adalah ilmu dan seni menyembunyikan informasi dengan menyisipkan pesan rahasia di dalam pesan lain seperti gambar, audio, atau teks. Teknik ini berguna untuk mengirim pesan secara rahasia tanpa diketahui orang lain. Metode penyisipan pesan pada gambar digital yang umum adalah dengan mengganti bit terakhir dari setiap piksel (LSB substitution) karena perubahan ini sulit dideteksi oleh mata manusia.
Dokumen tersebut membahas struktur dasar algoritma dan konsep-konsep pentingnya seperti urutan eksekusi instruksi, percabangan, dan pengulangan. Struktur dasar algoritma meliputi eksekusi sekuensial instruksi, percabangan eksekusi berdasarkan kondisi, dan pengulangan blok instruksi berdasarkan syarat tertentu.
Dokumen tersebut membahas konsep dasar dan teknologi pembuatan website statis. Terdapat penjelasan mengenai struktur website, perbedaan antara website statis dan dinamis, serta komponen-komponen penting dalam pembuatan website seperti HTML, browser, dan server.
Dokumen tersebut membahas tentang berbagai komponen memori dan penyimpanan data pada komputer, mulai dari RAM, hard disk, floppy disk, CD-ROM, hingga USB flash drive. RAM digunakan untuk menyimpan data sementara, sedangkan hard disk dan floppy disk menyimpan data secara permanen walaupun berbeda kapasitasnya. CD-ROM dan USB flash drive merupakan media penyimpanan tambahan yang portabel.
Dokumen tersebut membahas tentang Internet, World Wide Web, URL, DNS, web browser, server dan client, serta bahasa pemrograman server-side dan client-side. HTML dibahas sebagai bahasa markup standar untuk membuat halaman web dan menampilkan berbagai informasi. Struktur dasar HTML dan tag-tag dasarnya dijelaskan secara singkat."
- 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.
PHP adalah bahasa script yang berjalan pada server side. PHP mendukung berbagai tipe data seperti integer, string, array, objek, dan boolean. Variabel dalam PHP bersifat dinamis dan case sensitive. Terdapat berbagai operator yang dapat digunakan untuk mengolah variabel seperti operator aritmatika, increment, decrement, dan logika.
[/ringkasan]
PHP adalah bahasa script yang berjalan pada server side. PHP mendukung berbagai tipe data seperti integer, string, array, objek, dan boolean. Variabel dalam PHP bersifat dinamis dan case sensitive. Terdapat berbagai operator aritmatika, increment/decrement, dan logika untuk melakukan perhitungan dan pengolahan data dalam PHP.
[/ringkasan]
Modul ini memberikan panduan tentang web design dan pemrograman. Materi yang dibahas mencakup konsep file grafik, dasar-dasar pemrograman web, perintah pemrograman web, dan cara membangun aplikasi berbasis web."
PPT Seri Belajar Pembuatan Website dengan HTML, CSS, dan Javascript
Dapat melihat video tutorial dibawah:
https://www.youtube.com/playlist?list=PLM81x4SWlGyvE5MIANju_8xCk5E88tG2n
Dokumen ini membahas konsep database internet dan pengembangan aplikasi berbasis database di web. Topik utama meliputi World Wide Web, HTML, XML, DTDs, querying data XML, dan model data semi-terstruktur.
Dokumen tersebut memberikan penjelasan mengenai cara belajar HTML dari dasar, meliputi pengenalan tag-tag dasar HTML, format font, format teks, dan hyperlink. Diberikan contoh-contoh kode HTML untuk setiap elemen yang dijelaskan.
Dokumen tersebut membahas tentang modul web design yang digunakan sebagai panduan dalam kursus webdesign. Modul ini mencakup penguasaan konsep file grafik, pemrograman web, dan membangun aplikasi berbasis web."
Paper ini bertujuan untuk menganalisis pencemaran udara akibat pabrik aspal. Analisis ini akan fokus pada emisi udara yang dihasilkan oleh pabrik aspal, dampak kesehatan dan lingkungan dari emisi tersebut, dan upaya yang dapat dilakukan untuk mengurangi pencemaran udara
Modul Ajar Bahasa Indonesia Kelas 7 Fase D Kurikulum Merdeka - [abdiera.com]Fathan Emran
Modul Ajar Bahasa Indonesia Kelas 7 SMP/MTs Fase D Kurikulum Merdeka - abdiera.com. Modul Ajar Bahasa Indonesia Kelas 7 SMP/MTs Fase D Kurikulum Merdeka. Modul Ajar Bahasa Indonesia Kelas 7 SMP/MTs Fase D Kurikulum Merdeka. Modul Ajar Bahasa Indonesia Kelas 7 SMP/MTs Fase D Kurikulum Merdeka. Modul Ajar Bahasa Indonesia Kelas 7 SMP/MTs Fase D Kurikulum Merdeka. Modul Ajar Bahasa Indonesia Kelas 7 SMP/MTs Fase D Kurikulum Merdeka.
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. DESAIN WEB STATIS DAN HTMLDESAIN WEB STATIS DAN HTML
Taufik RahmanTaufik Rahman
Email :Email : rahmantaufik00@gmail.comrahmantaufik00@gmail.com
taufikrahman88@ymail.comtaufikrahman88@ymail.com
Website :http://Website :http://rahmantaufik.blogspot.comrahmantaufik.blogspot.com
3. KONSEP DASAR DAN TEKNOLOGI WEBKONSEP DASAR DAN TEKNOLOGI WEB
• World Wide Web secara luas lebih dikenal
dengan istilah Web/WWW
• Web pertama kali diperkenalkan pd thn 1992
• Internet & web adalah dua hal yang berbeda
• Internet lebih merupakan perangkat keras
(Hardware), sedangkan web adalah
perangkat lunak (Software).
• Internet menggunakan TCP/IP sebagai
protokol operasionalnya, sedangkan web
menggunakan HTTP (Hyper Text Transfer
Protocol).
5. Structural LayerStructural Layer
• Layer ini berhubungan dengan struktur dokumen
dokumen web.
• Bagaimana sebuah dokumen tersusun, format apa
yang dipakai, tanda atau mark up apa yang
digunakan merupakan bagian dari layer ini.
• Standar Teknologi yang direkomendasikan saat ini
adalah Extensible Hypertext Markup Language
(XHTML) dan Extensible Markup Language
• (XML). XHTML adalah HTML versi terakhir (4.01)
yang ditulis ulang dengan dengan aturan-aturan
yang lebih ketat mengacu pada XML.
• Sedangkan XML adalah sekumpulan aturan untuk
menyusun bahasa markup.
6. Presentation LayerPresentation Layer
• Layer ini berhubungan dengan bagaimana
mengatur tampilan dokumen pada layar,
suara yang keluar, atau bagaimana format
pencetakan dokumen.
• Pada teknologi web lama bagian ini
menyatu dengan structural layer.
• Tapi pada standar baru, layer ini disarankan
untuk dipisah.
• Yang termasuk teknologi ini adalah
Cascading Style Sheets (CSS).
7. Behavioral LayerBehavioral Layer
• Layer ini berhubungan dengan masalah
penggunaan bahasa skrip dan pemrogramannya
untuk tujuan meningkatkan sisi interaktif dan
dinamis halaman web.
• Yang termasuk dalam layer ini adalah Document
Object Model (DOM) dan JavaScript.
• DOM memungkinkan suatu dokumen atau skrip
untuk mengakses atau meng-update isi, struktur,
dan style dari dokumen.
• JavaScript merupakan teknologi yang cukup lama
dan tetap digunakan untuk menambah dokumen
menjadi lebih interaktif.
8. Web Statis dan Web DinamisWeb Statis dan Web Dinamis
• Pengertian web statis dan web dinamis seringkali
mengundang perdebatan
• Berdasarkan kesepakatan maka pengertian statis dan
dinamis tidak ditentukan oleh ada atau tidaknya animasi
bergerak pada halaman-halaman web, tetapi ditentukan
oleh isi atau informasi yang ada pada halaman-halaman
tersebut.
• Data dan informasi yang ada pada web statis tidak
berubah-ubah. Dokumen web yang dikirim kepada client
akan sama isinya dengan apa yang ada di web server.
• Sedangkan web dinamis, memiliki data dan informasi
yang berbeda-beda tergantung input apa yang
disampaikan client. Dokumen yang sampai di client akan
berbeda dengan dokumen yang ada di web server
9. PERSIAPAN PEMBUATAN WEBPERSIAPAN PEMBUATAN WEB
• Perangkat Keras
• Perangkat Lunak
1. Sistem operasi
2. Web Server
Web server adalah perangkat lunak yang bertindak
melayani permintaan-permintaan client terhadap
halaman-halaman web tertentu.
Apache dan IIS (Internet Information Service).
Apache dapat digunakan baik untuk web statis maupun
web dinamis dan mendukung banyak platform sistem
operasi dan bahasa pemrograman server, antara
lain Perl, Phyton, Java (JSP dengan menggunakan
Tomcat) dan tentu saja PHP.
Dukungan pada koneksi dengan berbagai basis data,
seperti MySQL, SQL Lite, PosgreSQL, Oracle, DB2 dan
lain-lain
11. Web / HTML EditorWeb / HTML Editor
• Web / HTML Editor adalah perangkat lunak yang
digunakan untuk membuat halaman-halaman web, baik
yang bersifat statis maupun dinamis.
• Untuk membuat halaman web baik statis maupun dinamis
kita dapat menggunakan teks editor biasa
seperti Notepad atau Vi.
• Pada perangkat pengembang web yang lebih kompleks
seperti Adobe Dreamweaver (dulu Macromedia
Dreamweaver), Microsoft Visual Studio.Net, dan beberapa
yang lainnya, kita akan mendapati fasilitas yang sangat
membantu mempercepat pembuatan halaman web, antara
lain: tampilan berbasis GUI, automatic code completion
(melengkapi kode secara otomatis), WYSIWYG (What You
See Is What You Get) HTML Editor, koneksi ke basis data
yang lebih mudah, dan banyak lagi fasilitas.
12. Web BrowserWeb Browser
• Web browser berfungsi menerjemahkan kode-
kode HTML menjadi tampilan yang kita kehendaki
• Beberapa contoh WB : Microsoft Internet Explorer,
Firefox, Opera atau Safari
• Microsoft Internet Explorer :Windows
• Firefox : LINUX
• Safari : MAC Os X
16. MEMBUAT DAN MENGUJI HALAMAN WEBMEMBUAT DAN MENGUJI HALAMAN WEB
• Ada dua model dalam pembuatan halaman web
statis :
1. Membuat halaman-halaman tersebut pada
komputer lokal, kemudian setelah berhasil
dipindahkan ke lokasi di web server.
2. Membuat halaman-halaman web di lokasi web
server
20. Pengertian HTMLPengertian HTML
• HTML dibuat oleh Tim Barners-Lee ketika masih bekerja untuk
CERN
• HTML dipopulerkan pertama kali oleh browser Mosaic
• Selama awal tahun 90’an, HTML mengalami perkembangan
yang sangat pesat
• Sebuah dokumen atau file HTML agar dapat dibaca langsung
oleh browser disimpan dalam ekstensi .htm atau .html
• Untuk menulis HTML tidak dibutuhkan perangkat lunak yang
spesifik, cukup dengan text editor sederhana seperti Notepad
(pada Microsoft Windows) atau beragam text editor yang ada
di platform Linux dan Apple Mac OS, seperti vi, nano, joe,
gedit, leafpad dan lain-lain.
25. Struktur Umum File dengan Bahasa HTMLStruktur Umum File dengan Bahasa HTML
• HTML adalah bahasa yang disisipkan (embedded language)
pada dokumen dengan memberi tanda tertentu yang disebut
tag
• Tag merupakan aturan penulisan kode yang ditulis dengan
diawali tanda lebih kecil dan di akhiri dengan tanda lebih
besar (<tag>)
• Sintaks penulisan tag mengikuti aturan-aturan umum berikut
ini:
Setiap tag mempunyai nama yang spesifik. Kadang-kadang
diikuti opsi-opsi yang disebut atribut. Baik nama maupun opsi
harus berada dalam tanda <..>.
Contoh:
<a href="/wiki/PHP" title="PHP">PHP</a>
Pada contoh ini tagnya memiliki nama <a> sedangkan atribut
untuk tag <a> adalah href dan title. Sehingga baik nama tag
dan atributnya harus berada di dalam tanda <…> seperti
pada contoh.
26. Struktur Umum File dengan Bahasa HTMLStruktur Umum File dengan Bahasa HTML
• Sebagian besar tag berpasangan. Penulisan untuk
tag yang berpasangan adalah sebagai berikut :
<namatag>….</namatag>
Contoh:
<TITLE>Paragraf</TITLE>
<strong>Cetak Tebal</strong>
Pada tag yang berpasangan seperti pada contoh
ini, <TITLE> adalah tag awal dan </TITLE> adalah
tag akhir. Perhatikan tanda / pada tag akhir.
• Nama tag dan atribut-nya tidak bersifat case
sensitive. Penulisan <strong> Cetak Tebal </strong>
memberikan hasil yang sama dengan
<STRONG>Cetak Tebal</STRONG>.
27. Struktur Umum File dengan Bahasa HTMLStruktur Umum File dengan Bahasa HTML
• Penulisan atribut suatu tag diletakkan setelah
nama tag. Jika ada lebih dari satu atribut maka
digunakan spasi untuk memisahkan. Urutan atribut
tidak penting.
Contoh:
<FONT SIZE=3>Teks Baru</FONT>
<FONT SIZE=5 FACE=“verdana“>Teks Baru </FONT>
• Nilai dari atribut ditulis setelah tanda sama dengan (=).
Pada contoh sebelumnya (lihat bagian d) terlihat bahwa
atribut SIZE dari tag FONT memiliki nilai 5 sedangkan
atribut FACE memiliki nilai “verdana”.
28. Struktur Umum File dengan Bahasa HTMLStruktur Umum File dengan Bahasa HTML
• Jika nilai dari atribut hanya tunggal, maka kita
langsung menuliskan setelah tanda =. Jika lebih
dari satu maka dapat digunakan tanda ‘… ‘ atau
“…”.
• Pada contoh bagian d, tampak bahwa penulisan
nilai untuk atribut SIZE tanpa menggunakan tanda
“..”, sedangkan pada atribut FACE tanda “..”
untuk menandai kata verdana.
29. Struktur umum dokumen HTMLStruktur umum dokumen HTML
Dokumen HTML secara umum akan terdiri dari dua bagian
yaitu Header dan Body.
30. Header dokumen HTML tanpa tag titleHeader dokumen HTML tanpa tag title
Bagian ini ditandai dengan tag <head> …. </head>
32. Dokumen HTML dengan body content sederhanaDokumen HTML dengan body content sederhana
33. Dokumen HTML dengan body content yangDokumen HTML dengan body content yang
lebih komplekslebih kompleks
34. Format DokumenFormat Dokumen
• Ada banyak sekali tag HTML yang tersedia, baik
itu berhubungan dengan deskripsi dokumen atau
yang berhubungan dengan format tampilan
dokumen.
• Tidak semuanya akan dibahas dalam materi ini.
Pada bagian berikut ini akan dibahas beberapa
tag yang biasa dipakai dalam format tampilan
dokumen.
35. Penggunaan headingPenggunaan heading
• Heading adalah sekumpulan kata yang menjadi judul
atau subjudul dalam sebuah dokumen HTML.
• Heading berbeda dengan tag <TITLE>.
• HTML menyediakan enam tingkatan heading, dimana
heading level 1 (<H1>) adalah yang terbesar dan
heading level 6 (<H6>) adalah yang terkecil
36. Penggunaan paragraphPenggunaan paragraph
• Paragraf dalam HTML dibuat dengan tag <P>. Tag ini akan
membuat baris baru dengan menyisipi satu baris kosong.
Penulisan isi paragraf diapit oleh <P> dan </P>.
• Pengaturan posisi paragraf dapat dilakukan dengan atribut
ALIGN yang diikuti dengan posisi yang diinginkan, yaitu left
untuk rata kiri, center untuk rata tengah horisontal dan right
untuk rata kanan
37. Line BreakLine Break
• Line break digunakan untuk menuliskan teks pada baris
berikutnya. Line break dibuat dengan tag tunggal <BR>.
Tag ini akan membuat baris baru tanpa memberi baris
kosong sebagaimana pada tag <P>.
38. L i s tL i s t
• HTML menyediakan 3 cara untuk membuat daftar
atau list, yaitu
1. Ordered list
42. F o n tF o n t
• HTML menyediakan fasilitas pengaturan huruf
yang akan ditampilkan dalam dokumen.
Pengaturan ini dilakukan dengan tag berpasangan
<FONT> dan </FONT>. Tag ini memiliki beberapa
atribut untuk mengatur ukuran, jenis dan warna
huruf yang digunakan.
46. T a b e lT a b e l
• Tabel dalam HTML dibuat dengan menggunakan
tag awal <TABEL> dan tag penutup </TABLE>.
Tag ini memiliki beberapa bagian penting,
seperti dapat dilihat pada Tabel berikut ini.
48. Tabel dengan format yang lebih kompleksTabel dengan format yang lebih kompleks
49. Link antar DokumenLink antar Dokumen
Link merupakan pautan untuk membuka atau memanggil halaman web atau file
tertentu.
Link merupakan tag yang sangat penting dalam penggunaan HTML, karena
disinilah letak perbedaan antara dokumen HTML dengan dokumen teks yang lain.
Link dapat dibuat dengan memberi perintah tag anchor <A>.
Anchor memiliki beberapa atribut, diantaranya HREF yang berfungsi untuk
membuat link ke dokumen HTML tertentu dan NAME yang berfungsi untuk
memberi tanda/nama titik tertentu pada dokumen HTML yang sama.
51. Tugas 7Tugas 7
• Buatlah halaman web dengan jumlah halaman
sebanyak 10 halaman yang ada unsur :
1. Tabel
2. Image
3. Link
• Lebih baik apabila menggunakan animasi
• Dikumpul dalam bentuk CD tanggal : 16 Juni 2010