Senin, 08 Januari 2018

Template HTML 5 dan CSS


A. JUDUL
Template HTML 5 dan CSS

B. PENDAHULUAN
1. Pengertian
HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
2. Latar Belakang
 CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
3. Maksud danTujuan
  • Untuk menjadi tampilan utama yang menarik
  • Untuk menjadi center of interest
4. Hasil yang Diharapkan
  •  Dapat mengkoneksikan html dengan css
  •  Tampilan sederhana dapat di dapt dan di tampilkan
C. ALAT dan BAHAN
  • Laptop
  • Browser
D. JANGKA WAKTU
2 jam

E. LANGKAH-LANGKAH
  • Buat file bernama index.html
  • Buat file bernama style.css
  • Tuliskan pada file index.html seperti gambar di bawah ini






  • Tuliskan pada file style.css seperti gambar di bawah ini 




F. HASIL yang DIDAPAT
Dari kegiatan saya hari ini, saya mendapat hasil seperti gambar di bawah ini



G. PENEMUAN PERMASALAHAN
Ketika saya akan memanggil untuk meng-link kan pada navigasi saya mnggunakan nama file, padahal saya membuat dengan one page.

H. KESIMPULAN
Dari kegiatan saya hari ini saya mendapat kesimpulan bahwa dengan one page, kita dapat bagi menjadi beberapa bagian.

Tidak ada komentar:
Write komentar