WEB DESAN 2


MATA KULIAH          : WEB DESAIN  II

FAKULTAS                    : TEKNIK

PROGRAM STUDI    : S1-TEKNIK INFORMATIKA

BAB

POKOK BAHASAN

1

PENDAHULUAN

  • Ruang lingkup mata kuliah
  • Sasaran
  • Tujuan
  • Kompetensi lulusan

2

DASAR-DASAR WEB DAN HTML– Konsep dasar Web– Arsitektur Web– HTTP– Client Side Programming

– Server Side Programming

– Web Server Software (PHPTriad, XAMPP)

– Konsep HTML

3

HTML LANJUTAN-Tag dasar HTML

  • Basic text formatting
  • Identifying resources
  • Using graphic images – basics
  • Background images

– HTML Intermediate

Collecting information from the user using Forms

4

CASCADING STYLE SHEET (CSS)

  • Konsep dasar CSS
  • CSS property

5

PENGANTAR PERL DAN CGI

  • Konsep Perl dan CGI
  • Server Side Scripting
  • Lingkungan variable di Perl
  • Metode POST dan GET metode POST dan GET

6

JavaScriptObject Oriented Programming Language (OOPL),Data types: Literals, Operators, Statements, Object di  JavaScript dan HTML, Classes dan Objects, Properties Methods Events, Fungsi, parameter, Event Handling

7

JAVA APPLETSGrafik dan GUI

8-9

PHP– Dasar PHP- Variabel PHP – Operator- Kontrol- Fungsi- Form- Cookies- File- Time dan Date

10

KONSEP BASIS DATA DI WEB– Basis Data Web- Server Basis Data dan Installasi- Koneksi ke Basis Data- MySQL

11

XML– Penggunaan XML- XML DOM- XLS- XLT

– Dynamic JavaScript

12

ASP.NET– Pengenalan Microsoft .NET- .NET framework- Perbedaan ASP dan ASP.NET- ASP .NET

– ASP. NET Editor

– Struktur Program .NET

13

PENGANTAR SEMANTIC WEBTIU:Mahasiswa dapat mengetahui dan memahami semantic web- Definisi semantic web- Beda web dan semantic web

– Bahasa, tools dan aplikasi dalam semantic web (RDF,OWL, Protégé)

14

CONTENT MANAGEMENT SYSTEM (CMS)– Pengertian CMS-  CMS Software (MAMBO, OpenSource CMS, Worldcircle CMS, LIMBO, JOOMLA, PHPNuke)

CATATAN

TUGAS INDIVIDU

– Buat RINGKASAN Makalah Dengan Tulis Tangan Diatas Kertas HVS

– Mendesain Web dengan Macromedia Dreamweaver 8

TUGAS KELOMPOK

– Buat makalah dengan diketik dalamUkuran kertas A4

– Membuat presentasi dalam  powerpoint

– Tugas kelompok dikumpul lewat amalat email : ekaumaga77@qmail.com

REFERENSI :

  1. Sebesta, R.W., Programming the World Wide Web, Addison Wesley, 2002
  2. Hall, M.,Core Web Programming, Prentice Hall, 1998
  3. Deitel, H.M. et.al., XML How To Program 2/e, Prentice Hall, 2002
  4. Bradley, N., The XML Companion 2/e, Addison-Wesley, 2000
  5. Bradley, N., The XML Companion, Addison-Wesley, 2000
  6. Staab, Steffen, Semantic Web and Peer to Peer, Springer-Verlag, Berlin, 2006
  7. http ://php.net
  8. http://mysql.com
  9. http://w3c.org
  10. http://www.press.umich.edu
  11. http://www.ilmukomputer.com
  12. Adhi Rachdian & AndySikumbang , Mastering CMS dengan Mambo / Joomla, PT.  Elex Media Komputindo, Jakarta, 2005
  13. http://en.wikipedia.org/wiki/World_Wide_Web
  14. http://id.wikipedia.org/wiki/Web

 

Struktur Dasar Template Blogspot

Struktur Dasar Template Blogspot memiliki struktur yang sama namun bisa juga kadang berbeda tergantung designer tersebut yang membuatnya, namun dasar sebuah template memiliki struktur dibawah ini :
Struktur Dasar Template Blogspot
Struktur Dasar Template Blogspot

Keterangan :

  1. Body: block paling lebar, body ini yang menampung seluruh konten dari blog atau website.
  2. Outer-wrapper: kotak ini melapisi bagian template (Body lebih mirip bagian luar template), jadi kebanyakan pada umumnya outer wrapper ini sebagai wadah header, sidebar, main-wrapper dan juga footer.
  3. Header: Kotak ini adalah bagian teratas dari blog mungkin dari namanya sudah bisa kita tebak dari sebuah header ini. Biasanya header ditempati oleh judul-deskripsi  blog, logo, dan juga kebanyakan dibawahnya ditempai oleh Navigasi Menu.
  4. Sidebar : Block ini digunakan sebagai wadah widget blog atau aksesoris misalnya  About me, Link list, gambar slide, dan juga widget-widget lainnya
  5. Main: Main-wrapper yaitu sebuah block atau kolom dalam yang paling lebar, dalam block ini juga masih menampung seperti Judul Post, Post konten, kotak komentar dan juga keterangan lainnya mengenai artikel atau posting blog.
  6. Footer: adalah kotak paling bawah dari sebuah template. Seperti bagian header namun terletak dibagian bawah biasanya footer ini ditempati sebuah tautan dan juga teks keterangan hak cipta.
Beberapa bagian template lain yang tidak terlihat pada layar monitor yaitu HTML bagian ini wajib dimiliki oleh sebuah template entah itu Website atau Blog atau template yang lainnya (untuk blogspot menggunakan platform HTML/XML), jika tidak memiliki bagian ini template tidak akan bekerja atau tidak berjalan sebagaimana mestinya, bagian tersebut adalah :

<html> <— tag pembuka untuk html
<head> <— tag pembuka untuk head

Disini letak dari CSS atau juga Javascript
</head> <— tag penutup untuk head
<body> <— tag pembuka untuk body

Disini tempat yang akan ditampilkan yaitu HTML dan juga bisa Javascript
</body> <— tag penutup untuk body
</html> <— tag penutup untuk html

 

 

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s