TiaraIndraswari_ 09390100016: PERTEMUAN 2

Resume : 2

Mata Kuliah : Pemrograman Web

WEB FORM

Semua kontrol server harus muncul dalam tag <form>, dan tag <form> harus berisi runat yang = "server" atribut. Runat = "server" atribut menunjukkan bahwa bentuk harus diproses di server. Hal ini juga menunjukkan bahwa kontrol tertutup dapat diakses oleh skrip server:

<form runat="server">

...HTML + server controls

</form>

Catatan: Formulir ini selalu diserahkan ke halaman itu sendiri. Jika Anda menentukan atribut aksi, itu diabaikan. Jika Anda menghilangkan atribut metode, hal itu akan ditetapkan dengan metode = "post" secara default. Juga, jika Anda tidak menentukan nama dan atribut id, mereka secara otomatis diberikan oleh ASP.NET.
Catatan: . Sebuah halaman ASPX hanya dapat berisi kontrol runat="server"> <form SATU!
Jika Anda memilih view source di halaman ASPX berisi formulir tanpa nama, metode, tindakan, atau id atribut yang ditetapkan., Anda akan melihat bahwa ASP.NET telah menambahkan atribut-atribut untuk membentuk. Ini terlihat seperti ini:

Sumber : ------

MASTER PAGE

Master Page adalah cara baru pada ASP.Net 2.0 yang dapat digunakan agar situs yang kita buat menjadi konsisten terhadap desain dan tampilan. Dengan master pages, kita bias mendefinisikan format tampilan umum yang muncul pada setiap halaman website.

Jadi, kita tidak perlu lagi melakukan desain di setiap halaman web. Cukup melakukan sekali saja dengan menggunakan master pages. Contohnya, jika kita ingin membuat situs yang mempunyai header, menu di sebelah kanan, dan footer, kita cukup mendesain sekali di master pages dan sudah bias dipakai di seluruh halaman web yang kita buat. Dengan adanya satu desain, situs yang akan kita buat akan lebih konsisten dan tidak membingungkan pengunjung situs. Unutuk mendesain tampilan pada master pages, bias dilakukan dengan menggunakan CSS atau juga dengan menggunakan Style Builder dengan cara melakukan klik kanan pada master pages dan memilih Style.

Cara menggunakan Master Pages :

Tambahkan Master Pages ke web project anda adalah dengan cara : klik kanan pada Project dan pilih Add à Add New Item, pilih Master Pages.

Maka akan terbentuk sebuah template yang dapat diedit baik di design mode atau dalam bentuk HTML

Ubah isi dari Master Pages untuk mempunyai logo pada posisi atas, dan gunakan Table (atau CSS) untuk membagi Master Pages menjadi dua kolom. Letakkan asp:contentplaceholder> control dengan ID “MainContent” di kolom kedua, biarkan kolom pertama untuk Menu.

Sumber : Modul Pemrograman Web

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

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:

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".

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

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

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

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

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

Halaman Terkait

CSS tutorial: CSS Latar Belakang

CSS3 tutorial: CSS3 Backgrounds

HTML DOM referensi: backgroundImage properti

Sumber : -----

TiaraIndraswari_ 09390100016

Resume Mata Kuliah

Profil

STIKOM

LOGO STIKOM

PERTEMUAN 2

Tabel HTML

Tabel HTML

Tabel Contoh

Tabel HTML dan Atribut Perbatasan

HTML Tabel Header

HTML Tabel Tags

Contoh

Definisi dan Penggunaan

Properti Font

Warna Properti

Definisi dan Penggunaan

Properti

Web Kontrol Standar Properti

Kontrol Standar Properti

Contoh

Definisi dan Penggunaan

Tips dan Catatan

Nilai Properti

Halaman Terkait

1 komentar:

Posting Komentar

Blog Archive

Total Tayangan Halaman

Pengikut

Bagaimana pendapat anda tentang blog ini?