2.web Statis

Web Statis
Abdi Pandu Kusuma, S.Kom
Konsep Dasar Web

Web disusun dari halaman-halaman yang menggunakan teknologi web dan saling berkaitan satu sama lain. Web Perangkat Lunak HTTP (Hyper Text Transfer Protocols Internet Perangkat Keras Protocol TCP/IP
Standard Teknologi Web

Secara umum teknologi disain web terbagi menjadi beberapa layer (lapisan), diantaranya: Structural Layer. Layer ini berhubungan dengan struktur dokumen dokumen web. Presentational Layer. Layer ini berhubungan dengan bagaimana mengatur tampilan dokumen pada layar, suara yang keluar, atau bagaimana format pencetakan dokumen. Behavioral Layer. Layer ini berhubungan dengan masalah penggunaan bahasa skrip dan pemrogramannya untuk tujuan meningkatkan sisi interaktif dan dinamis halaman web.
Persiapan Pembuatan Web
Perangkat Keras. Seperangkat komputer lengkap dengan CPU, monitor, keyboard, mouse, printer dan beberapa perangkat tambahan lain sudah dapat digunakan untuk membuat halaman web. Perangkat Lunak. Sistem Operasi Web Server perangkat lunak yang bertindak melayani permintaan-permintaan client terhadap halamanhalaman web tertentu. Web/ HTML Editor perangkat lunak yang digunakan untuk membuat halaman-halaman web, baik yang bersifat statis maupun dinamis. Web Browser menerjemahkan kode-kode HTML menjadi tampilan yang kita kehendaki.
Model dalam pembuatan Web Statis

Terdapat dua model dalam pembuatan halaman web statis, diantaranya: Membuat halaman-halaman tersebut pada komputer lokal, kemudian setelah berhasil dipindahkan ke lokasi di web server. Langsung membuat halaman-halaman web di lokasi web server.
Struktur Direktori Situs Web
HTML (Hyper Text Markup Language)

HTML format tampilan yang digunakan untuk menampilkan halaman website. HTML terdiri dari simbol-simbol tertentu yang sering disebut dengan tag.
Sebuah halaman website yang valid selalu diapit tag <html></html>.

File HTML umumnya memiliki akhiran *.htm atau *.html.
Struktur Umum Penulisan Tag HTML

<html> <head> <title> ... </title> </head> <body> ... ... .... statement-statement </body> </html>
(...lanjutan)
Tag dasar HTML:
(...lanjutan)
Tag HTML
 
Keterangan
Untuk membuat baris baru, spasi lebih dari satu akan diabaikan. Untuk menebalkan teks. Untuk memirinkan teks.

<hr>
Untuk memberikan garis bawah pada teks.

Untuk membuat garis horizontal
<pre>
Tag ini menggantikan peran dari dan serta beberapa tag pengatur tata-letak lain. Tag heading akan membuat tulisan ditampilkan dengan huruf yang lebih besar atau ditebalkan.
<h>
??? ADA PERTANYAAN ???
LATIHAN
Buat
tampilan HTML untuk menampilkan kalimat Saya Belajar HTML! Buat tampilan HTML untuk menampilkan kalimat Belajar HTML itu mudah! Buat tampilan HTML untuk menampilkan kalimat sbb:
Saya Belajar HTML Belajar HTML itu mudah Semudah berhitung 1+1

2.web Statis

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

2.web Statis

Diunggah oleh

Hak Cipta:

Format Tersedia

Web Statis

Abdi Pandu Kusuma, S.Kom

Konsep Dasar Web

Standard Teknologi Web

Persiapan Pembuatan Web

Model dalam pembuatan Web Statis

Struktur Direktori Situs Web

HTML (Hyper Text Markup Language)

Sebuah halaman website yang valid selalu diapit tag <html></html>.

Struktur Umum Penulisan Tag HTML

Untuk memberikan garis bawah pada teks.

??? ADA PERTANYAAN ???

Anda mungkin juga menyukai