Resume 2

Resume : 2

Mata Kuliah : Pemrograman Web

Dosen : Kurniawan Jatmika, S.KOM 

Web Form

Web Form pada ASP.NET mempunyai exteni aspx. File ini digunakan sebagai container untuk text dan kontrol-kontrol yang akan ditampilkan di browser. Web Form mempunyai 3 atribut yaitu page, body dan form.

Membuat Web Form

1. Aplikasi baru ASP .NET membuat defaut Web From yaitu WebForm1.aspxWeb
2. Membuat Web Form yang lain dalam aplikasi dapat dilakukan dengan click kanan pada project dan pilih add Item ataupilih add Web From
3. ASP .NET mampu meng-upgrade HTML yang sudah ada menjadi Web Form

Membuat Master Page

Master Pages adalah desain dan tampilan web yang konsisten, bisa dipakai di semua webForm. Selain itu, master pages adalah halaman tunggal yang menangani struktur dari situs web Anda. Kebanyakan situs Web sekarang ini memiliki elemen umum yang sama yang terdapat di keseluruhan atau sebagian besar halaman dalam project website anda. Elemen umum itu misalnya elemen header yang berada di atas, elemen navigasi yang berada di kiri, dan elemen footer yang berada di bawah halaman.

langkah Pertama kita akan membuat aplikasi web dengan cara klik kanan pada solution explorer, caranya begini..pilih solutin yang baru anda buat terus click kanan >add/new item

kemudian pilih master page

TABLE

Tabel HTML Apel 44% Pisang 23% Jeruk 13% Lainnya 10%

---

Tabel HTML

Tabel didefinisikan dengan tag <table>.

Sebuah tabel dibagi menjadi baris (dengan tag <tr>), dan setiap baris dibagi ke dalam sel data (dengan tag <td>). td singkatan dari "data tabel," dan memegang isi sel data. Sebuah tag <td> dapat berisi teks, link, gambar, daftar, formulir, tabel lain, dll

Tabel Contoh

<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

Bagaimana kode HTML di atas terlihat dalam browser:

baris 1, sel 1	baris 1, sel 2
baris 2, sel 1	baris 2, sel 2

---

Tabel HTML dan Atribut Perbatasan

Jika Anda tidak menentukan atribut border, tabel akan ditampilkan tanpa batas. Kadang-kadang ini dapat berguna, tetapi sebagian besar waktu, kita ingin menunjukkan perbatasan.

Untuk menampilkan tabel dengan perbatasan, menentukan atribut border:

<table border="1"> <tr> <td>Row 1, cell 1</td> <td>Row 1, cell 2</td> </tr> </table>

---

HTML Tabel Header

Informasi header dalam sebuah tabel didefinisikan dengan tag <th>.

Semua browser utama akan menampilkan teks dalam elemen <th> sebagai berani dan terpusat.

<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

Bagaimana kode HTML di atas terlihat pada browser Anda:

Header 1	Header 2
baris 1, sel 1	baris 1, sel 2
baris 2, sel 1	baris 2, sel 2

---

HTML Tabel Tags

Tag	Keterangan
<table>	Mendefinisikan tabel
<th>	Mendefinisikan sebuah header tabel
<tr>	Mendefinisikan sebuah baris tabel
<td>	Mendefinisikan sebuah sel tabel
<caption>	Mendefinisikan sebuah tabel keterangan
<colgroup>	Mendefinisikan kelompok kolom dalam sebuah tabel, untuk format
<col />	Mendefinisikan nilai atribut untuk satu atau lebih kolom dalam sebuah tabel
<thead>	Grup isi header dalam sebuah tabel
<tbody>	Grup isi tubuh dalam sebuah tabel
<tfoot>	Kelompok footer konten dalam sebuah tabel

Sumber : ------

FONT-FAMILY

Contoh Tentukan font untuk paragraf: p { font-family:"Times New Roman",Georgia,Serif; }

---

Definisi dan Penggunaan

Properti font-family menentukan font untuk suatu elemen.

Properti font-keluarga dapat terus beberapa nama font sebagai sistem "fallback". Jika browser tidak mendukung font pertama, ia mencoba font berikutnya.

Ada dua jenis nama keluarga font:

• keluarga-nama - Nama keluarga font-, seperti "kali", "kurir", "Arial", dll
• generik keluarga - Nama keluarga generik, seperti "serif", "sans-serif", "kursif", "fantasi", "monospace".

Mulailah dengan font yang Anda inginkan, dan selalu diakhiri dengan sebuah keluarga generik, agar browser memilih font yang sama dalam keluarga generik, jika tidak ada font lain yang tersedia.

Catatan: Pisahkan setiap nilai dengan koma.

Catatan: Jika nama font mengandung putih-ruang, itu harus dikutip. Tanda kutip tunggal harus digunakan ketika menggunakan "gaya" atribut dalam HTML.

Nilai default:	tidak ditentukan
Warisan:	ya
Versi:	CSS1
JavaScript sintaks:	objek style.fontFamily = "arial, sans-serif".

Properti Font

Properti	Keterangan	CSS
Font	Mengatur semua properti font dalam satu deklarasi	1
font-family	Menentukan keluarga fonta untuk teks	1
font-size	Menentukan ukuran font teks	1
font-style	Menentukan gaya font untuk teks	1
font-varian	Menentukan apakah atau tidak teks yang harus ditampilkan dalam small-caps font yang	1
font-weight	Menentukan berat font	1
@ Font-face	Sebuah aturan yang memungkinkan situs untuk mendownload dan menggunakan font lain daripada "web-aman" font	3
font-size-menyesuaikan	Mempertahankan pembacaan teks ketika fallback font yang terjadi	3
font-stretch	Memilih wajah, normal kental, atau diperluas dari keluarga font	3

Warna Properti

Properti	Keterangan	CSS
warna-profil	Ijin spesifikasi warna profil sumber lain selain default	3
kegelapan	Mengatur tingkat opacity untuk elemen	3
render-maksud	Ijin spesifikasi maksud warna profil render selain default	3

Sumber : ------ , -----

HYPERLINK

Definisi dan Penggunaan

Kontrol HyperLink digunakan untuk membuat suatu hyperlink.

---

Properti

Properti	Keterangan	. NET
ImageUrl	URL dari image untuk ditampilkan untuk link	1.0
NavigateUrl	URL target link	1.0
runat	Menentukan bahwa kontrol adalah kontrol server. Harus diatur ke "server"	1.0
Target	Bingkai target URL	1.0
Teks	Teks untuk menampilkan untuk link	1.0

Web Kontrol Standar Properti

AccessKey, Attributes, BackColor, BorderColor, BorderStyle, BorderWidth, CssClass, Enabled, Font, EnableTheming, ForeColor, Height, IsEnabled, SkinID, Style, TabIndex, ToolTip, Width

Kontrol Standar Properti

AppRelativeTemplateSourceDirectory, BindingContainer, ClientID, Controls, EnableTheming, EnableViewState, ID, NamingContainer, Page, Parent, Site, TemplateControl, TemplateSourceDirectory, UniqueID, Visible

IMAGE-BACKGROUND

Contoh Mengatur latar belakang-gambar untuk elemen body: body { background-image:url('paper.gif'); }

---

Definisi dan Penggunaan

Properti background-image menentukan gambar latar belakang untuk elemen.

Latar belakang dari sebuah unsur memiliki ukuran total dari elemen, termasuk padding dan perbatasan (tetapi tidak margin).

Secara default, latar belakang-gambar ditempatkan di sudut kiri atas dari suatu elemen, dan diulang baik secara vertikal dan horizontal.

Nilai default:	none
Warisan:	tidak ada
Versi:	CSS1
JavaScript sintaks:	objek style.backgroundImage =. "url (stars.gif)"

---

Tips dan Catatan

Tips: Selalu mengatur latar belakang-warna yang akan digunakan jika gambar tidak tersedia.

---

Nilai Properti

Nilai	Keterangan
url (' URL ')	URL ke gambar
none	Tidak ada gambar latar belakang akan ditampilkan. Ini adalah default
mewarisi	Menentukan gambar latar belakang yang harus diwarisi dari elemen induk

Resume 1

Resume : 1

Mata Kuliah : Pemrograman Web

Dosen : Kurniawan Jatmika, S.KOM 

SEJARAH HTML

HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya.

PERKEMBANGAN HTML

Sebelum suatu HTML disahkan sebagai suatu dokumen HTML standar, ia harus disetujui dulu oleh W3C untuk dievaluasi secara ketat.
Setiap terjadi perkembangan suatu versi HTML, maka mau tak mau browser pun harus memperbaiki diri agar bisa mendukung kode-kode HTML yang baru tersebut. Sebab jika tidak, browser tak akan bisa menampilkan HTML tersebut.

HTML versi 1.0

Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).

HTMl versi 2.0

Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.

HTML versi 3.0

HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.

HTML versi 4.0

HTML versi 4 ini merupakan HTML versi terakhir pada saat sumber ini diambil. HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain.

PENGERTIAN HTML

Hypertext Markup Language (HTML) adalah bahasa markup yang umum digunakan untuk membuat halaman web. Sebenarnya HTML bukanlah sebuah bahasa pemrograman. Apabila di tinjau dari namanya, HTML merupakan bahasa mark-up atau penandaan terhadap sebuah dokumen teks. Tanda tersebut di gunakan untuk menentukan format atau style dari teks yang di tandai.

Fungsinya :

1.     Membuat, mendesain, dan mengontrol tampilan dari Web Page (Halaman Web) dan isinya.

2.     Mempublikasikan document secara online sehingga bias diakses, dilihat dan dari dan keseluruh dunia.

3.     Membuat online form yang bias di gunakan untuk menangani pendaftaran, transaksi secara online.

4.     Menambahkan object – object seperti image, audio, video dan juga java applet (aplikasi java seperti java game dll) dalam document HTML.

Pada dasarnya elemen HTML ada 2 kategori:

1. Elemen  berfungsi untuk memberikan informasi atau mendeklarasikan dokumen tersebut.
2. Elemen berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada browser.

Browser dan Editor

1.                Browser
Browser merupakan software yang di install di mesin client (komputer kita sebagai pengguna website) yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Contoh browser Internet Explorer, Mozila, opera dan masih banyak yang lainya.

2.                Editor
Editor adalah program yang bisa digunakan untuk membuat document HTML (Web page/Halaman Web), ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.

Sumber : -----

Pengenalan CSS

Sebelum Anda dapat menguasai CSS, tentunya Anda harus memahami terlebih dahulu pengertian dari CSS itu sendiri. Dalam bab ini, Anda akan mengetahui sejarah singkat lahirnya CSS, kegunaannya, dan cara penggunaannya.


A. Sejarah Singkat CSS
Pada tanggal 17 Desember 1996, World Wide Web Consortium (W3C) menjadikan CSS sebagai bahasa pemrograman standard dalam pembuatan dokumen web. Tujuannya adalah mengurangi pembuatan TAG-TAG baru olehNetscape dan Internet Explorer (IE), karena pada masa itu kedua browser saling bersaing mengembangkanTAG sendiri untuk mengatur tampilan web.CSSlevel 


1 mendukung pengaturan tampilan dalam hal:1.Font (jenis, ketebalan),

2. Warna teks, latar belakang, dan elemen lainnya,

3.Text attributes, misalnya spasi antar baris, kata, dan huruf,Selanjutnya di tahun 1998,  W3C               menyempurnakan CSS awal dengan menciptakan standard CSS2 (CSS level 2) – yang menjadi standard  hingga saat ini. 

Pada CSS l evel 2 ini, di masukkan semua atribut dari CSS1, serta diperluas dengan penekanan pada International accesibility and capabilitykhususnya media-specificCSS.

Bahkan pada perkembangannya, saat ini sudah muncul CSS3. Pekerjaan dari CSS3 dimulai pada tahun2000, tidak lama setelah CSS2 di implementasikan. CSS3 ini sampai sekarang masih terus dikembangkan, spesifikasinya dibagi pada beberapa topik atau modul.

Sumber : -----

Bahasa skrip atau lebih dikenal dalam bahasa Inggris: scripting language, merupakan bahasa pemrograman yang menyediakan fasilitas penerjemahan serta kompilasi kode dalam satu rangkaian proses secara integratif sehingga memungkinkan kode dibuat dapat langsung dijalankan sebagai program secara dinamis. Skrip atau kode program yang akan dijalankan umumnya akan diterjemahkan terlebih dulu dari kode sumber ke dalam P-Code, sebagai tambahan, beberapa bahasa skrip bahkan telah menyediakan kompiler JIT terintegrasi yang akan mengevaluasi serta menerjemahkan bagian-bagian kritis atas P-Code tersebut menjadi kode mesin sehingga menghasilkan eksekusi proses yang lebih cepat hingga secara relatif bisa menandingi program yang ditulis dengan menggunakan bahasa pemrograman kompilatif.

Pada awalnya bahasa skrip seringkali disebut sebagai batch language karena tujuan awalnya adalah untuk membantu fungsi administratif pemeliharaan sistem dengan cara mengotomatisasikan tugas administrator sistem melalui serangkaian instruksi pemeliharaan sistem yang dieksekusi dalam satu waktu secara periodik.

Sumber : -----