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

Presentasi berjudul: "Deskripsi Mata Kuliah: Dunia internet semakin lama semakin berkembang karena manusia selalu mencari terobosan baru. Meskipun pada awalnya internet hanya."— Transcript presentasi:

1

2 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.

3 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

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

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

6 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.

7 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

8 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

9 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

10 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.

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

12 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

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

14 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 :

15

16 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

17 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

18

19

20

21

22

23

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

25 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

26

27

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

29

30 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

31

32 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

33

34

35

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

37

38

39 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

40

41 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

42

43

44 Oleh : Khairullah, S.Kom aroelti@yahoo.com aroelti@yahoo.com aroelbjb@gmail.com Khairullah.ngajar@gmail.com Fb: khairullah syarkawi husin STMIK Banjarbaru Jl. A Yani Km. 33,5 Banjarbaru Telp. 0511-4782881 Kalimantan Selatan Oleh : Khairullah, S.Kom aroelti@yahoo.com aroelti@yahoo.com aroelbjb@gmail.com Khairullah.ngajar@gmail.com Fb: khairullah syarkawi husin STMIK Banjarbaru Jl. A Yani Km. 33,5 Banjarbaru Telp. 0511-4782881 Kalimantan Selatan

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