Deskripsi Mata Kuliah: Dunia internet semakin lama semakin berkembang karena manusia selalu mencari terobosan baru. Meskipun pada awalnya internet hanya.

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

HTML.
Pemrograman Web 1Humisar Hasugian, S.Kom 1 Pengenalan HTML HTML • Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan.
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Nine: Pengantar HTML The Net Language. 2 Objectives Setelah menyelesaikan bab ini, anda diharapkan dapat: Memahami konstruksi dasar halaman web. Mengerti.
STMIK PPKIA Pradnya Paramita
DASAR HTML Marina Azizah. Struktur Dokumen HTML Dokumen HTML bisa di bagi mejadi tiga bagian utama: HTML Setiap dokumen HTML harus di awali dan di tutup.
LAYANAN BERBASIS APLIKASI WEB Pertemuan I Budi Arifitama.
HTML.
PEMROGRAMAN WEB DENGAN HTML & php frame work (code igniter)
Pengantar HTML By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
Basic HTML Konsep dan Fungsi HTML
Konsep Pemrograman Internet
 HTML merupakan bahasa paling standard yang digunakan untuk membuat suatu website  HTML Singkatan dari H yper T ext M arkup L anguage  HTML bukanlah.
Internet Programming PHP 1 M. Agus Zainuddin EEPIS – ITS Surabaya.
Pengantar Pemrograman WEB
Pemrograman Web/TI/ AK /2 sks
 Pengenalan Dreamweaver sebagai tools pengembangan aplikasi web  Dasar-dasar HTML  Penggunaan Form, Frame dan Layer.
HTML Basic.
HTML (Hypertext Markup Language)
HTML Achmad Yasid,SKom. HTML Singkatan dari HyperText Markup Language adalah bahasa yang menjelaskan bagaimana suatu teks, video, grafik, animasi dan.
Pemrograman Web HTML (1) Andy Haryoko, ST.
HTML PEMROGRAMAN INTERNET.
BASIC TAG Belajar HTML COBA COBA 1 HASILNYA STRUKTUR HTML HTML Setiap document HTML harus di awali dan di tutup dengan tag HTML HEAD Bagian header dari.
Pengenalan HTML Oleh Benny Irawan. WORLD WIDE WEB Web pada awalnya merupakan ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, terdiri.
PERANCANGAN WEB Pertemuan 1: Pengenalan tentang WEB
Pertemuan 2 : HTML.
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
PERTEMUAN I PENGENALAN HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan document web, yang bisa dilakukan dengan.
HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
S1 Teknik Informatika - Unijoyo
Pengantar Web Design.
Desain Web dengan Tag HTML
Pertemuan ke 2 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
Perancangan dan Pemrograman Web
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
WEB 1 (HTML) STMIK A. Yani.
Pertemuan 4 Khairul Anwar Hafizd
Apa Itu HTML HTML adalah singkatan dari Hypertext Markup Language, yaitu bahasa (aturan) standar yang digunakan untuk menampilkan teks, gambar, video dan.
KOMPUTER APLIKASI IT I HTML – INTERNET Angky Febriansyah SE
PEMETAAN VORD KEDALAM CMMI UNTUK MENINGKATKAN ANALISA KEBUTUHAN PERANGKAT LUNAK (STUDI KASUS : APLIKASI MEDIA MANAGEMENT DI PT.EBDESK INDONESIA) Mata.
Tak Kenal Maka Tak Sayang (HTML)
Internet dan Web By : Lisda Juliana P..
Komputer aplikasi it-I (html)
Komputer aplikasi it-I (html)
INTERNET (Praktikum) STMIK “BINA NUSANTARA JAYA”
Pemrograman Berbasis Web
Internet dan Web By : Lisda Juliana P..
S1 Teknik Informatika - Unijoyo
PEMROGRAMAN WEB 1 PERTEMUAN 1
Pengantar HTML.
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Pengenalan Dasar Web dan HTML
Oleh : Inggar Prayoga.,S.I.Kom
Pemrograman Basis Data Berbasis Web
Internet dan Web Ecking Mendrofha.
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Web Design : Struktur Dasar Web dan Dokumen HTML
(Hyper Text Markup Language)
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Darmawan satyananda Mathematics department State university of malang
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Pemrograman Web PG117 – 3 SKS.
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
Pengenalan Dasar Web dan HTML
Pengantar HTML By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
Dasar-dasar HTML. 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP.
Pemrograman Basis Data Berbasis Web
Pengantar HTML By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
Transcript presentasi:

Deskripsi Mata Kuliah: Dunia internet semakin lama semakin berkembang karena manusia selalu mencari terobosan baru. Meskipun pada awalnya internet hanya digunakan untuk menampilkan data-data statis, namun dalam perkembangan sebuah sistem informasi jarak jauh yang memberikan hak akses khusus bagi anggotanya sudah banyak yang menggunakannya. Matakuliah ini membahas tentang perkenalan desain web yang lebih banyak pada data statis sebagai pengantar pengelolaan web yang dinamis.

Standar Kompetensi Mahasiswa mengenal internet dan dapat mengetahui, memahami, menguasai dan mampu mengimplementasi teori, konsep dan prinsip pemrograman website dengan teknologi HTML, CSS dan Java Script

Kompetensi Dasar Memahami dan memiliki wawasan tentang pengantar HTML dan Pembuatan Halaman Web

Indikator Setelah mengikuti kuliah ini, mahasiswa diharapkan mampu: menguasai cara-cara pengerjaan HTML sebagai tahapan awal. Mengerjakan desain awal halaman web

INTERNET Internet adalah kependekan dari International Networking, yang artinya jaringan berskala internasional /global yang dapat membuat masing-masing komputer saling berkomunikasi. Intranet merupakan jaringan komputer berskala kecil, hanya memiliki beberapa Web server yang diperuntukkan organisasi atau perusahaan, dan digunakan sebagai sarana berkomunikasi antara komputer dalam orgnasasi tersebut.

A. WWW Internet merupkan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia, TCP/IP menjadi protocol penghubung antara jaringan- jaringan yang beragam di seluruh dunia untuk dapat berkomunikasi. World Wide Web (WWW) merupakan bagian dari internet yang paling populer. WWW bekerja merdasarkan pada tiga mekanisme berikut: ‰Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer networking, Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW. Address WWW memiliki aturan penamaan alamat web yaitu URL(Uniform Resource Locator) yang di gunakan sebagai standard alamat internet. ‰HTML digunakan untuk membuat document yang bisa di akses melalui web. Pengenalan HTML

B. Pengenalan HTML Hypertext Markup Language merupkan standard bahasa yang di unakan untuk menampilkan document web, yang bisa anda lakukan dengan HTML yaitu: Mengontrol tampilan dari web page dan contentnya. Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia. Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online. Menambahkan object-object seperti image, audi, video dan juga java applet dalam document HTML. Pengenalan HTML

Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi : Hypertext Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju. Markup Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web. Language Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen. Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi. Pengenalan HTML

Browser Browser merupakan software yang di install di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya Internet Explorer, Mozilla Firefox, Opera Google Chrome dan Safari.

Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad. Editor HTML

Command HTML biasanya disebut TAG, TAG digunakan untuk menentukan tampilan dari document HTML. Sintak Dasar Tag HTML: …… Tidak case sensitive misal juga sama artinya dgn Dasar – Dasar HTML

Basic HTML tags : Judul Dokumen HTML Penulisan Informasi WEB Sintak Dasar Tag HTML

Element  nama tag Attribute  atribut dari tag Value  nilai dari atribut. Contoh: BODY merupakan element, BGCOLOR (Background) merupakan atribut yang memiliki nilai green(hijau). Bentuk dari tag HTML :

Tag BODY akan menentukan tampilan html secara umum. Kita dapat mengatur warna teks, hyperlink, background dari halaman situs dan lain-lain dengan mengatur atribut-atribut yang ada di tag BODY. Attributnya : BGCOLOR BACKGROUND TEXT LINK VLINK ALINK BGPROPERTIES MARGIN onLoad onUnload SCROLL Tag Body

BGCOLOR BACKGROUND TEXT LINK VLINK ALINK BGPROPERTIES MARGIN onLoad onUnload SCROLL menentukan warna latar belakang dari halaman web. menentukan gambar latar belakang dari halaman web. Tag ini berguna untuk menentukan warna standar dari teks yang ada pada halaman menentukan warna standar dari tautan (link) yang ada pada halaman tersebut sebelum di-klik menentukan warna standar dari tautan (link) yang ada pada halaman tersebut ketika telah di-klik menentukan warna standar dari tautan (link) pada halaman tersebut ketika kursor berada diatasnya menentukan bisa tidaknya gambar latar belakang untuk di geser menentukan jarak atas dan tepian pada halaman menjalankan suatu perintah ketika suatu halaman html dibuka menentukan apakah suatu halaman dapat digeser ke bawah atau tidak

Tag di gunakan untuk memulai baris baru pada document HTML, tag ini fungsinya mirip dengan carriage return. Tag Break - >

yang merupakan singkatan dari kata paragraf menandakan awal dari sebuah paragraph baru. Perhatikan bahwa antara paragraf yang pertama dengan paragraf kedua ini akan diberi jarak/spasi, meskipun tidak diberi pada kode HTML-nya Attributnya : Align = Left / Center / Right / Justify Tag Paragraph dan attribut

Horizontal Rule tag digunakan untuk menggambar garis horizontal dalam document HTML. : Size Width Color Align Tag HR dan Atributnya

Tag berikut disebut tag header yag biasa digunakan untuk menunjukan awal dari suatu header dari halaman. …… Attributnya : Align = Left / Center / Right / Justify Tag Header dan Atributnya

FONT adalah tag HTML yang paling menarik untuk digunakan, karena dengan tag ini kamu dapat mengatur tampilan dari tulisan kamu. Kamu dapat mengatur warna, ukuran, bahkan hingga jenis huruf yang kamu ingin gunakan. SIZE untuk mengatur ukuran dari suatu tulisan SIZE aroelbjb.blogspot.com COLOR untuk mengatur warna dari tulisan COLOR aroelbjb.blogspot.com FACE untuk mengatur jenis huruf dari tulisan FACE aroelbjb.blogspot.com Tag Font dan Atributnya

ada 2 yaitu unordered list (UL) dan ordered list (OL) UL : Sunday Monday OL : Sunday Monday Tag List Item(LI) dan Atributnya

Definition List terdiri diapit oleh tag … dan tag menentukan definition term serta tag menentukan definition itu sendiri. Contoh: Definisi Pertama Bla….bla……bla… Tag Definition List dan Atributnya

Tag Description... Bold text... Italic text... Underline Text... Untuk ukuran yang lebih besar dari normal... Untuk ukuran yang lebih kecil dari normal... Untuk memberi garis di tengah text... Superscript text... Subscript text... Center document Tag Physical Formatting

Oleh : Khairullah, S.Kom Fb: khairullah syarkawi husin STMIK Banjarbaru Jl. A Yani Km. 33,5 Banjarbaru Telp Kalimantan Selatan Oleh : Khairullah, S.Kom Fb: khairullah syarkawi husin STMIK Banjarbaru Jl. A Yani Km. 33,5 Banjarbaru Telp Kalimantan Selatan

Baik menjadi orang penting,tapi lebih penting menjadi orang baik SEKIAN