Minggu, 09 Oktober 2011

Ringkasan pertemuan 3

pert 3

HTML lanjutan

1.list:
-ordered list <ol> = "1","A","a","I"
-unordered list <ul>= "disc","circle","square"
definition list <dl></dl>=

contoh
ordered list
1. nama
2. no
3.alamat

unordered list
*nama
*no

definition list

makanan
 -nasi goreng

2.table <table border = "2" cellspacing untuk jarak dalam keluar , cellpadding dari jarak tulisan ke kolom.>
3.frameset
<frameset cols="30%","70%"
<frame>
<frame src="list.html" bordercolor="blue">
<frame>
</frameset>
4.meta --> open source

table
tag:
-caption : text directly,above the table
-thead:header info
-tbody:table content
-tfoot:table footer
-tr:row element
-td: data cell for content
-th:data cell for column headings
-colgroup:used for group and format columns
-col:format columns

<table border= "1" cellspacing= "0", cellpadding = "2">
<thead>
<tr><th>column1 </th> <th column 2</th><th column 3</th></tr>
</thead>
<tbody>
<tr><td rowspan = "2" > data cel 1</td>
<td colspan ="2" align = "center"> data cel 2 </td>
</tr>
<tr> <td> data cel 2</td><td>data cel 3</td></tr>
</tbody>
</table>

tag form,elements:
-attribute = method (post, get) ,action
-input
*type = hidden text, password, submit,reset,button,checkbox,radio,email
*name= identification,group in checkbox&radio
*value
*size :width of text input
*max length = maximum number of characters
*checked = in checkbox &radio
-textarea
-select

Minggu, 02 Oktober 2011

Ringkasan Pertemuan 2

Pada pertemuan ini, Bpk. Surya Sujarwo menjelaskan topik pertemuan kedua, yaitu mengenai HTML (HyperText Markup Language). Pertama kali Beliau membahas tentang tags, yaitu keyword yang ditulis dalam script web. Tags yang wajib digunakan, antara lain :
1. <html> ........ </html>
2. comment<!--........-->
3. <head>........</head> [judul dari web]
4. <body>........<body> [isi dari 1 halaman]

Ada juga beberapa style yang digunakan dalam membuat web, antara lain :
1. heading(h1-h6) [digunakan untuk memperbesar tulisan. makin besar H-nya, makin kecil tulisannya]
2.<center>........</center> [untuk membuat posisi tulisan berada di tengah]
3. <u>........</u> [digunakan untuk menggaris bawahi tulisan(underline)]
4. <em>........</em> || <i>........</i> [digunakan untuk membuat tulisan menjadi miring(italic)]
5. <strong>........</strong> || <b>........</b> [digunakan untuk menebalkan tulisan(bold)]
6. align(right, left, or center) [digunakan untuk mensejajarkan tulisan]

Selain itu, ada juga linking, antara lain :
1. <a>........</a> contohnya
- <ahref="address" target = "__ blank">........</a>
- <ahref= "mailto"=mailaddress"target_self">........</a>
 target = bisa link itu sendiri/link lain
 self = link itu sendiri

Images :
<bodybackground = "file name">
IMGTAG
-imgscr = "location"
-height(in pixel)
-widht(in pixel)
-border
-alt(alternatif open)
-colour
-bgcolour

Font :
<font>........</fonts>

Linebreaks
<hr>........</hr> [ada 4 bagian, antara lain width, size, align, no shade]

Ringkasan Pertemuan 1

Pada pertemuan pertama 05PCM Mata Kuliah Web-Based Programming yang diajar oleh Bpk. Surya Sujarwo dengan kode Dosen D3173 membahas tentang topik - topik apa saja yang akan dipelajari selama 1 semester. Topik yang akan dipelajari sampai 1 semester, antara lain :
1. Topik pertemuan 1 sampai dengan 6.
2. Design mengenai web untuk User Interface (UI)
3. Laporan hasil kerja setengah semester berupa isi Blog
4. Codingan script untuk membuat web memakai web programming 4 dan notepad++
5. Presentasi kegiatan kelompok yang telah dilakukan sampai 1 semester
6. Laporan seluruh hasil kerja dari 1 semester yang sudah dilakukan

Selanjutnya, Beliau juga memberi arahan tentang peraturan yang berlaku dalam kelas Web-Based Programming dan pembagian kelompok yang dipilih sendiri tiap - tiap Mahasiswa

Selanjutnya, Beliau menjelaskan topik topik mengenai pengenalan pembuatan Web. Matakuliah ini menggunakan program Web Programming 4.