Modul ini membahas tentang desain dan pemrograman web yang mencakup konsep dasar web design, tata letak halaman, tipografi, dan pemakaian tag HTML dasar seperti heading, paragraf, font, hingga soal latihan pembuatan kode sumber untuk berbagai tampilan halaman web.
Proses merencanakan website dimulai dengan mengumpulkan data dan informasi untuk membuat peta situs, kemudian merancang tata letak halaman depan dan halaman selanjutnya. Berdasarkan perencanaan, desain halaman web dilakukan dengan menggunakan perangkat lunak desain, dengan mempelajari elemen-elemen seperti tipe huruf, tata letak, dan warna.
Dokumen tersebut membahas tentang pengertian dasar pemrograman dan bahasa pemrograman. Menguraikan bahwa program adalah urutan langkah logis untuk menyelesaikan masalah dengan bahasa pemrograman, dan membedakan berbagai jenis bahasa pemrograman berdasarkan tingkatannya seperti bahasa mesin, rendah, menengah, tinggi, dan berorientasi objek.
Dokumen tersebut merupakan materi perkuliahan Teknik Pemrograman yang mencakup pengenalan algoritma, konstruksi sekuensial, selektif, dan iteratif beserta contoh soal dan kriteria penilaian.
Modul ini membahas tentang cara menampilkan konten pada halaman web secara lebih baik dengan menggunakan HTML text formatting, HTML styles, HTML images, dan HTML tables. Beberapa tag penting yang diajarkan antara lain <p> untuk paragraph, <h1-6> untuk judul, style untuk mengatur gaya teks, <img> untuk menambahkan gambar, dan <table> untuk membuat tabel.
Proses merencanakan website dimulai dengan mengumpulkan data dan informasi untuk membuat peta situs, kemudian merancang tata letak halaman depan dan halaman selanjutnya. Berdasarkan perencanaan, desain halaman web dilakukan dengan menggunakan perangkat lunak desain, dengan mempelajari elemen-elemen seperti tipe huruf, tata letak, dan warna.
Dokumen tersebut membahas tentang pengertian dasar pemrograman dan bahasa pemrograman. Menguraikan bahwa program adalah urutan langkah logis untuk menyelesaikan masalah dengan bahasa pemrograman, dan membedakan berbagai jenis bahasa pemrograman berdasarkan tingkatannya seperti bahasa mesin, rendah, menengah, tinggi, dan berorientasi objek.
Dokumen tersebut merupakan materi perkuliahan Teknik Pemrograman yang mencakup pengenalan algoritma, konstruksi sekuensial, selektif, dan iteratif beserta contoh soal dan kriteria penilaian.
Modul ini membahas tentang cara menampilkan konten pada halaman web secara lebih baik dengan menggunakan HTML text formatting, HTML styles, HTML images, dan HTML tables. Beberapa tag penting yang diajarkan antara lain <p> untuk paragraph, <h1-6> untuk judul, style untuk mengatur gaya teks, <img> untuk menambahkan gambar, dan <table> untuk membuat tabel.
Memahami Alur Kerja Pembuatan Website - Sitemaya Webinar - Day 1.pdfBeon Intermedia
Panduan membuat website untuk yang ditujukan untuk pemula. Mulai dari pengenalan hosting dan domain hingga membuat website menggunakan CMS Wordpress dan website builder sitemaya.com
sitemaya.com penyedia website gratis dengan fitur drag and drop website builder. Sehingga kamu bisa membuat website tanpa perlu pengetahuan coding.
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."
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."
Dokumen tersebut merangkum tutorial penggunaan berbagai bahasa pemrograman dan teknologi web untuk membangun aplikasi penyimpanan file Cloudy Drive. Terdiri dari penjelasan tentang HTML, CSS, PHP, MySQL, dan cara mengupload file ke hosting web.
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]
Blog theme adalah kumpulan file pemrograman yang merepresentasikan konten blog dan dapat diakses pengunjung melalui frontend. Memilih theme perlu mempertimbangkan pemilik blog, pembaca, sistem, dan device. Theme gratis biasanya membatasi penggunaan sedangkan theme berbayar menawarkan dukungan developer. Membuat sendiri membutuhkan penguasaan HTML, CSS, dan platform blog.
Buku ini membahas dasar-dasar pemrograman web dengan menjelaskan konsep website dan pemrograman web, bahasa skrip yang digunakan seperti HTML, PHP, CSS dan JavaScript, serta istilah-istilah terkait seperti internet, world wide web, website, dan protokol yang mendukung seperti HTTP dan IP. Buku ini juga menjelaskan penggunaan text editor dan struktur navigasi dalam pembuatan website.
Dokumen tersebut membahas tentang penggunaan template pada CodeIgniter. Template digunakan untuk memisahkan tampilan dari logika program agar perubahan tampilan dan konten dapat dilakukan dengan mudah. Langkah-langkah penerapan template meliputi pembuatan library template, view template layout, view bagian-bagian template, serta controller.
1. Dokumen ini memberikan panduan cara membuat halaman web menggunakan Microsoft FrontPage dan Notepad.
2. Tag-tag dasar HTML dijelaskan seperti <html>, <head>, <body> beserta fungsinya.
3. Kelebihan menggunakan Notepad adalah kode yang dihasilkan lebih efisien.
Modul ini membahas pengenalan PHP dan dasar-dasar pemrograman web dengan PHP, mencakup pengenalan HTML, pembuatan form, struktur kontrol, perulangan, array, fungsi, dan koneksi database MySQL. Modul ini dimaksudkan untuk mempermudah pembelajaran PHP bagi mahasiswa dan programmer pemula. [/ringkasan]"
Dokumen tersebut memberikan langkah-langkah pembuatan website sederhana mengenai produk kerajinan tangan menggunakan HTML5 dan CSS. Terdiri dari 8 langkah pembuatan struktur konten menggunakan tag-tag HTML5 seperti header, nav, section, article, aside dan footer, serta penambahan CSS untuk tampilan.
Dokumen tersebut merupakan panduan untuk membangun sistem e-commerce menggunakan PHP dan MySQL. Dokumen tersebut membahas tentang instalasi dan konfigurasi dasar PHP, desain database, CRUD, pembuatan katalog produk, transaksi dan laporan penjualan."
Memahami Alur Kerja Pembuatan Website - Sitemaya Webinar - Day 1.pdfBeon Intermedia
Panduan membuat website untuk yang ditujukan untuk pemula. Mulai dari pengenalan hosting dan domain hingga membuat website menggunakan CMS Wordpress dan website builder sitemaya.com
sitemaya.com penyedia website gratis dengan fitur drag and drop website builder. Sehingga kamu bisa membuat website tanpa perlu pengetahuan coding.
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."
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."
Dokumen tersebut merangkum tutorial penggunaan berbagai bahasa pemrograman dan teknologi web untuk membangun aplikasi penyimpanan file Cloudy Drive. Terdiri dari penjelasan tentang HTML, CSS, PHP, MySQL, dan cara mengupload file ke hosting web.
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]
Blog theme adalah kumpulan file pemrograman yang merepresentasikan konten blog dan dapat diakses pengunjung melalui frontend. Memilih theme perlu mempertimbangkan pemilik blog, pembaca, sistem, dan device. Theme gratis biasanya membatasi penggunaan sedangkan theme berbayar menawarkan dukungan developer. Membuat sendiri membutuhkan penguasaan HTML, CSS, dan platform blog.
Buku ini membahas dasar-dasar pemrograman web dengan menjelaskan konsep website dan pemrograman web, bahasa skrip yang digunakan seperti HTML, PHP, CSS dan JavaScript, serta istilah-istilah terkait seperti internet, world wide web, website, dan protokol yang mendukung seperti HTTP dan IP. Buku ini juga menjelaskan penggunaan text editor dan struktur navigasi dalam pembuatan website.
Dokumen tersebut membahas tentang penggunaan template pada CodeIgniter. Template digunakan untuk memisahkan tampilan dari logika program agar perubahan tampilan dan konten dapat dilakukan dengan mudah. Langkah-langkah penerapan template meliputi pembuatan library template, view template layout, view bagian-bagian template, serta controller.
1. Dokumen ini memberikan panduan cara membuat halaman web menggunakan Microsoft FrontPage dan Notepad.
2. Tag-tag dasar HTML dijelaskan seperti <html>, <head>, <body> beserta fungsinya.
3. Kelebihan menggunakan Notepad adalah kode yang dihasilkan lebih efisien.
Modul ini membahas pengenalan PHP dan dasar-dasar pemrograman web dengan PHP, mencakup pengenalan HTML, pembuatan form, struktur kontrol, perulangan, array, fungsi, dan koneksi database MySQL. Modul ini dimaksudkan untuk mempermudah pembelajaran PHP bagi mahasiswa dan programmer pemula. [/ringkasan]"
Dokumen tersebut memberikan langkah-langkah pembuatan website sederhana mengenai produk kerajinan tangan menggunakan HTML5 dan CSS. Terdiri dari 8 langkah pembuatan struktur konten menggunakan tag-tag HTML5 seperti header, nav, section, article, aside dan footer, serta penambahan CSS untuk tampilan.
Dokumen tersebut merupakan panduan untuk membangun sistem e-commerce menggunakan PHP dan MySQL. Dokumen tersebut membahas tentang instalasi dan konfigurasi dasar PHP, desain database, CRUD, pembuatan katalog produk, transaksi dan laporan penjualan."
5. Materi:
Pertemuan ke- Materi
3. Ordered List & Unordered List
Menggunakan Forms & Fields:
Pengenalan komponen forms
Form Methode (Get, Post)
Feedback Form
4. Pengenalan / Dasar CSS (Cascading Style Sheet)
CSS Inheritance
5. Pengenalan / Dasar CSS (Cascading Style Sheet)
CSS Contextual Selector
6. Pengenalan / Dasar CSS (Cascading Style Sheet)
CSS with Classes
7. Ujian tidak terjadwal (KUIS I)
UJIAN TENGAH SEMESTER (UTS)
NEXTBACK
6. Materi:
Pertemuan ke- Materi
8. Pengenalan PHP
Mengenal Variabel pada Web
9. Operator Aritmatika pada PHP
Operator Assignment pada PHP
Operator Perbandingan pada PHP
Operator Logika pada PHP
10. Mengenal Bersyarat IF & CASE pada PHP
Mengenal Looping pada PHP
Array di PHP
11. Include & Require
Manajemen Session
12. Function di PHP
MySQL dengan PhpMyAdmin
13. Menggabungkan Web Programming dengan Database MySQL
14. Ujian tak terjadwal (KUIS II)
UJIAN AKHIR SEMESTER (UAS)
Daftar Pustaka:
• Lukmanul Khakim, Cara Mudah Memadukan Web Design dan Web Programming, PT. Elex Media Komputindo, Jakarta, 2003
• Mac Bride, HTML Penerbitan di World Wide Web, Megapoin, Jakarta, 1997.
NEXTBACK
7. Konsep Dasar Web Design
Perencanaan website
Proses ini merupakan awal dalam
merencanakan halaman web. Dimulai
dengan mengumpulkan seluruh data
serta informasi kemudian hasil akhirnya
adalah sebuah “site map” lalu dimulai
dengan merancang tata letak (LayOut)
halaman, biasanya dilakukan mendesain
tata letak halaman depan dan halaman
kedua. Dalam mendesain halaman ini
beberapa komponen penting biasanya
masuk adalah content, rencana letak
image, copyright/hak cipta (bagian
footer), serta komponen website dan hal
lain yang dianggap perlu (animasi,
video, musik, dll).
NEXT
9. Konsep Dasar Web Design
Desain Halaman Web Dasar
Berdasarkan hal diatas selanjutnya kita mulai melakukan desain web dengan
menterjemahkan perencanaan ke dalam software desain, keahlian yang mesti
diperdalam adalah typografi (kemampuan memilih font yang tepat), tata
letak halaman (menguasai kemampuan membagi ruang halaman),
pewarnaan (menguasai konsep warna dan pemilihan warna berdasarkan
warna perusahaan dan teori pencampuran warna). Software yang digunakan
salah satunya Adobe Photoshop, dengan mempelajari pembuatan
tombol/navigasi, background, bekerja dengan teks, manipulasi gambar/image,
dan khususnya memperdalam teknik – teknik desain website.
NEXTBACK
14. Dasar Skrip / Tag HTML
Pertanyaan mendasar dari web designer pemula:
Sulitkah pemrograman HTML?....
Apa yang dimaksud tag dalam HTML?...
Bagaimana belajar dari Design Web yang sudah ada?...
NEXTBACK
15. Dasar Skrip / Tag HTML
<html>
<head>
<title>Judul / Title</title>
</head>
<body>
Isi / Content
</body>
</html>
NEXTBACK
16. Dasar Skrip / Tag HTML
Heading
<html>
<head>
<title>Latihan 01</title>
</head>
<body>
<h1> Heading 1 - 24 Point </h1>
<h2> Heading 2 - 18 Point </h2>
<h3> Heading 3 - 14 Point </h3>
<h4> Heading 4 - 12 Point </h4>
<h5> Heading 5 - 10 Point </h5>
<h6> Heading 6 - 7 Point </h6>
Normal body text - 12 Point
</body>
</html>
NEXTBACK
17. Dasar Skrip / Tag HTML
Paragraf dan Break
<html>
<head>
<title>Latihan 02</title>
</head>
<body>
Universitas Narotama Surabaya
<br>
Fakultas Ilmu Komputer
<p>
Jurusan Sistem Komputer & Sistem
Informasi
</body>
</html>
NEXTBACK
18. Dasar Skrip / Tag HTML
HR (Horizontal Rule)
<html>
<head>
<title>Latihan 03</title>
</head>
<body>
<h1>Universitas Narotama Surabaya</h1>
<hr>
</body>
</html>
NEXTBACK
19. Dasar Skrip / Tag HTML
Font
<html>
<head>
<title>Latihan 04</title>
</head>
<body>
<font face=verdana size=3
color=blue>Fakultas Ilmu
Komputer</font>
</body>
</html>
NEXTBACK
20. Dasar Skrip / Tag HTML
Soal (1)
Tuliskan Source Code dari tampilan berikut:
NEXTBACKVIEW
21. Dasar Skrip / Tag HTML
Soal (2)
Tuliskan Source Code dari tampilan berikut:
NEXTBACKVIEW
22. Dasar Skrip / Tag HTML
Soal (3)
Tuliskan Source Code dari tampilan berikut:
NEXTBACKVIEW
23. Tugas (1)
Mencari artikel dengan tema Design Web
Pelajari dengan seksama artikel yang Anda dapatkan
NEXTBACK