Pemrograman Web 1 Mohamad Syafri Tuloli. Penilaian Quiz : 10 %Quiz : 10 % Tugas : 20 %Tugas : 20 % UTS : 30 %UTS : 30 % UAS : 40 %UAS : 40 %

Presentasi berjudul: "Pemrograman Web 1 Mohamad Syafri Tuloli. Penilaian Quiz : 10 %Quiz : 10 % Tugas : 20 %Tugas : 20 % UTS : 30 %UTS : 30 % UAS : 40 %UAS : 40 %"— Transcript presentasi:

1 Pemrograman Web 1 Mohamad Syafri Tuloli

2 Penilaian Quiz : 10 %Quiz : 10 % Tugas : 20 %Tugas : 20 % UTS : 30 %UTS : 30 % UAS : 40 %UAS : 40 %

3 Peraturan Peraturan pakaian.Peraturan pakaian. Keterlambatan maksimal 15 menit.Keterlambatan maksimal 15 menit. Tidak ada pengulangan UTS dan UAS.Tidak ada pengulangan UTS dan UAS.

4 Referensi www.wikipedia.orgwww.wikipedia.orgwww.wikipedia.org “Pengantar Teknologi Informasi”, Abdul Kadir, Terra Ch. Triwahyuni, ANDI Yogyakarta.“Pengantar Teknologi Informasi”, Abdul Kadir, Terra Ch. Triwahyuni, ANDI Yogyakarta.

5 Sillaby –Internet –HTML (struktur dokumen, aturan-aturan, format, list, gambar/image, tabel) UTSUTS –FrontPage –Javascript –CSS UASUAS

6 Pengantar Apa itu Internet?Apa itu Internet? Apa itu World wide web?Apa itu World wide web? Apa itu URL?Apa itu URL? Apa itu HTML?Apa itu HTML? Bagaimana membuat web?Bagaimana membuat web?

7 Internet Sebuah jaringan komputer yang memberikan fasilitas:Sebuah jaringan komputer yang memberikan fasilitas: –Email –WWW –Remote Access –Collaboration –File Sharing –Streaming media –Internet Telephony (VOIP)

8 World Wide Web Salah satu layanan dari Internet yang berupa koleksi dari dokumen yang saling terhubung menggunakan hyperlinks dan URL.Salah satu layanan dari Internet yang berupa koleksi dari dokumen yang saling terhubung menggunakan hyperlinks dan URL. hyperlink is a reference, link, or navigation element in a document to another place, such as another section of the same document or to another document that may be on or part of a (different) domain.hyperlink is a reference, link, or navigation element in a document to another place, such as another section of the same document or to another document that may be on or part of a (different) domain.

9 URL Sebuah string yang digunakan untuk mengindentifikasi sebuah resource di Internet.Sebuah string yang digunakan untuk mengindentifikasi sebuah resource di Internet. Struktur URLStruktur URL

10 Web Pages Web pages atau halaman web adalah sumber informasi yang dapat diakses melalui WWW dan ditampilkan melalui web browser. Web pages memiliki format HTML dan bisa memiliki hyperlinks yang merujuk ke halaman lain.Web pages atau halaman web adalah sumber informasi yang dapat diakses melalui WWW dan ditampilkan melalui web browser. Web pages memiliki format HTML dan bisa memiliki hyperlinks yang merujuk ke halaman lain.

11 Web Browser Web browser adalah software aplikasi yang memungkinkan user untuk menampilkan dan berinteraksi dengan teks, gambar, video, musik, permainan, dan informasi lain yang terdapat pada suatu halaman web.Web browser adalah software aplikasi yang memungkinkan user untuk menampilkan dan berinteraksi dengan teks, gambar, video, musik, permainan, dan informasi lain yang terdapat pada suatu halaman web. Contoh web browser: Internet Explorer, Mozilla Firefox,Contoh web browser: Internet Explorer, Mozilla Firefox,

12 HTML Adalah mark-up language yang digunakan oleh web pages.Adalah mark-up language yang digunakan oleh web pages. Markup language adalah sekumpulan kode yang memberikan instruksi tentang struktur suatu dokumen atau bagaimana dokumen tersebut harus ditampilkan.Markup language adalah sekumpulan kode yang memberikan instruksi tentang struktur suatu dokumen atau bagaimana dokumen tersebut harus ditampilkan.

13 Cara Kerja WWW User melakukan request terhadap sebuah halaman web dengan cara mengetik URL atau dengan meng-click sebuah link.User melakukan request terhadap sebuah halaman web dengan cara mengetik URL atau dengan meng-click sebuah link. Web browser kemudian melakukan:Web browser kemudian melakukan: –Bagian server-name dari URL di translate menjadi IP Address melalui DNS, yang merupakan identitas dari web server. –Menerima html teks dari halaman web tersebut, melakukan parsing untuk menentukan file-file lain (images, sound, dll) yang perlu direquest ke web server. –Menampilkan halaman web ke user.

14 Struktur HTML <html><head></head><body></body></html>

15 Praktek 1.1 <html> Dunia saya Dunia saya </head><body> Selamat Datang di dunia saya </body></html>

16 Praktek 1.2 <html> Dunia saya Dunia saya <body> Dunia Leonardo Selamat Datang di dunia saya! Namaku adalah Leonardo Da Vinci. Aku adalah mahasiswa di dunia kehidupan, dalam bidang khusus komputer. Aku memiliki hobi belajar, dan bermain ski yang merupakan olahraga yang menyenangkan. Dunia Leonardo Selamat Datang di dunia saya! Namaku adalah Leonardo Da Vinci. Aku adalah mahasiswa di dunia kehidupan, dalam bidang khusus komputer. Aku memiliki hobi belajar, dan bermain ski yang merupakan olahraga yang menyenangkan. </body></html>

17 Praktek 1.2 <html> Dunia saya Dunia saya <body> Dunia Leonardo Selamat Datang di dunia saya! Namaku adalah Leonardo Da Vinci. Aku adalah mahasiswa di dunia kehidupan, dalam bidang komputer. Aku memiliki hobi belajar, dan bermain ski yang merupakan olahraga yang menyenangkan. Dunia Leonardo Selamat Datang di dunia saya! Namaku adalah Leonardo Da Vinci. Aku adalah mahasiswa di dunia kehidupan, dalam bidang komputer. Aku memiliki hobi belajar, dan bermain ski yang merupakan olahraga yang menyenangkan. </body></html>

18 Tag yang dipelajari

19 Latihan Dunia saya Dunia saya