MODUL PEMROGRAMAN WEB I TI Fix.docx - Modul Praktikum Pemrograman Web I Program Studi Teknik Informatika STMIK STIKOM Indonesia Modul Praktikum

MODUL PEMROGRAMAN WEB I TI Fix.docx - Modul Praktikum...

This preview shows page 1 - 6 out of 92 pages.

Modul Praktikum Pemrograman Web I
Image of page 1
Program Studi Teknik Informatika STMIK STIKOM Indonesia
Image of page 2
Modul Praktikum Pemrograman Web I DAFTAR ISI MODUL I HTML ................................................................................................................ 3 MODUL II CSS .................................................................................................................... 12 MODUL III STRUKTUR DASAR PHP ............................................................................. . 20 MODUL IV PERNYATAAN KONDISI ............................................................................. . 29 MODUL V PERNYATAAN PERULANGAN .................................................................... . 33 MODUL VI ARRAY ............................................................................................................ 37 MODUL VII FORM ............................................................................................................ 42 MODUL VIII FUNCTION ................................................................................................... 52 MODUL IX SESSION DAN COOKIES ............................................................................. 55 MODUL X DATABASE DALAM PHP .............................................................................. 62 MODUL XI LANJUTAN DATABASE DALAM PHP ....................................................... 69 MODUL XII LANJUTAN DATABASE DALAM PHP ...................................................... 74 MODUL XIII PEMROGRAMAN BERORIENTASI OBYEK DALAM PHP ................... 83 Program Studi Teknik Informatika 3
Image of page 3
Modul Praktikum Pemrograman Web I MODUL I HTML (Pertemuan 1) Tujuan : 1. Mahasiswa dapat mengenal dasar-dasar HTML 2. Mahasiswa dapat menguasai dasar-dasar HTML 3. Mahasiswa dapat mengenal dan memahami blok program HTML 4. Mahasiswa dapat memahami setiap object sebagai dasar pembuatan interface pada halaman browser 5. Mahasiswa dapat membuat halaman web sederhana dengan HTML Dasar Teori HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag- tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan. 1. Penamaan Dokumen HTML Penamaan dokumen dapat dilakukan pada saat melakukan penyimpanan, pada saat mengetikkan nama dile, maka file diberikan ekstensi .html, contoh : namafile.html. 2. Struktur Dokumen HTML Dokumen HTML mempunyai tiga buah tag utama yang membentuk struktur dari dokumen HTML yaitu HTML,HEAD dan BODY. Tag HTML berfungsi untuk menyatakan suatu dokumen HTML, tag HEAD berfungsi untuk memberikan informasi tentang dokumen HTML dan tag BODY berfungsi untuk menyimpan informasi atau data yang akan ditampilkan dalam dokumen HTML.Elemen yang terdapat pada sebuah dokumen HTML terbagi atas dua bagian yaitu Head dan Body. a. Bagian Head Bagian header dari dokumen HTML diapit dengan tag <HEAD> .... </HEAD> di dalam bagian ini biasanya dimuat tag <TITLE> .... </TITLE> yang menampilkan judul dari halaman pada browser. b. Bagian Body Dokumen body diapit dengan tag <BODY> .... </BODY>, bagian body digunakan untuk menampilkan text, image, link dan semua yang akan ditampilkan pada web page. Contoh Penulisan Struktur HTML : Program Studi Teknik Informatika 4
Image of page 4
Modul Praktikum Pemrograman Web I Penjelasan : <! Doctype html> Adalah tag awal dari setiap dokumen HTML, tag ini berfungsi untuk menginformasikan pada browser bahwa dokumen yang sedang dibuka adalah dokumen HTML. <html> ...... </html> Awal dari isi dokumen HTML, semua kode HTML yang dibuat akan ditulis dalam tag ini. <head> ...... </head> Tag head digunakan untuk menyimpan informasi tentang dokumen HTML. <title> ....... </title> Salah satu contoh informasi yang terdapat didalam tag HEAD adalah title. Title akan menampilkan teks pada judul browser atau pada tab browser.
Image of page 5
Image of page 6

You've reached the end of your free preview.

Want to read all 92 pages?

  • Fall '19

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern

Stuck? We have tutors online 24/7 who can help you get unstuck.
A+ icon
Ask Expert Tutors You can ask You can ask You can ask (will expire )
Answers in as fast as 15 minutes