Desain tampilan halaman web digunakan untuk mempermudah pengunjung dalam mencari informasi karna tampilan yang rapi sehingga enak untuk dilihat dan dibaca.

CSS sebagai sebuah bahasa Cascading style sheet yang dipakai untuk memformat tampilan halaman web.

Elemen-elemen dokumen web
1. Elemen header
2. Elemen navigation
3. Elemen sidebar
4. Elemen konten
5. Elemen footer

Jenis Jenis Layout dalam Halaman Web

Tag Frameset= digunakan untuk menampilkan bingkai pada html

<!DOCTYPE html>
<html>
<HEAD>
<TITLE>Dasar pembuatan Frame </TITLE>
</HEAD>
<FRAMESET COLS="60%,40%" ROWS="75%,25%">
<FRAME SRC="a.html">
<FRAME SRC="b.html">
<FRAME SRC="c.html">
<FRAME SRC="d.html">
</FRAMESET>
</HTML>




Tag Table 

Penggunaan table yaitu dengan tag <TR> dan <TD>

Contoh:
<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
</table>

Tag Div <div>
Untuk membuat tanda batas suatu daerah dari sebuah html

Model layout 
Model model yang umum digunakan dalam mendesain halaman web yaitu:
1. Layout split
2. Left index
3. Top index
4. Bottom index
5. Alternating index


Penulisan CSS
Contoh style yang dapat digunakan
1. Warna

2. Text color



Cara input css pada html

1. Inline Style menggunakan tag <h2> dan </h2>
code css tergabung langsung dengan html
2. Internal Style
terpisah dengan tag html namun masih satu halaman. tag<style> dan </style> terletak dalam tag <head>
</head>
3. external style
terpisah dengan halaman html, dapat dipanggil menggunakan tag <link> pada bagian head
<link rel="stylesheet" href="mystyle.css">

Neti Amalia

Thank you for reading

Posting Komentar

0 Komentar

Langsung ke konten utama