Tahap 4: Membuat website pertama Anda ~ SERSAN

Dengan apa yang Anda pelajari dalam Tahap-Tahap sebelumnya, Anda sekarang hanya beberapa menit dari membuat situs web pertama Anda.

Bagaimana?

Dalam Tahap 1 kita melihat apa yang dibutuhkan untuk membuat website: browser dan Notepad (atau editor teks serupa). Karena Anda membaca ini, Anda kemungkinan besar sudah memiliki browser Anda terbuka. Satu-satunya hal yang perlu Anda lakukan adalah untuk membuka jendela browser tambahan (membuka browser sekali lagi) sehingga Anda dapat membaca tutorial ini dan melihat website baru Anda pada waktu yang sama.
Juga, terbuka Notepad (di Aksesoris bawah Program pada menu Start):
Bagaimana menemukan Notepad

Sekarang kita siap!

Apa yang bisa saya lakukan?

Mari kita mulai dengan sesuatu yang sederhana. Bagaimana dengan halaman yang mengatakan: "Hurrah ini website pertama saya." Baca terus dan Anda akan mengetahui betapa sederhananya adalah.
HTML sederhana dan logis Browser membaca HTML seperti Anda membaca bahasa Inggris:. Dari atas ke bawah dan dari kiri ke kanan. Dengan demikian, sebuah dokumen HTML sederhana dimulai dengan apa yang harus didahulukan dan berakhir dengan apa yang harus datang terakhir.
Hal pertama yang perlu Anda lakukan adalah untuk memberitahu browser bahwa Anda akan "berbicara" dalam bahasa HTML. Hal ini dilakukan dengan tag <html> (tidak ada kejutan di sana). Jadi sebelum Anda melakukan hal lain ketik " <html> "di baris pertama dokumen di Notepad.
Seperti yang Anda ingat dari Tahap sebelumnya, <html> adalah tag pembuka dan harus ditutup dengan tag penutup ketika Anda selesai mengetik HTML. Jadi untuk memastikan Anda tidak lupa tag HTML dekat sekarang ketik " </html> "beberapa baris dan menulis seluruh dokumen antara <html> dan </html> .
Hal berikutnya dokumen Anda butuhkan adalah "kepala", yang memberikan informasi tentang dokumen Anda, dan "tubuh", yang adalah isi dari dokumen. Karena HTML adalah apa-apa jika tidak logis, kepala ( <head> dan </head> ) berada di atas tubuh ( <body> dan </body> ).
Dokumen Anda sekarang harus terlihat seperti ini:

 <html> <head> </head> <body> </body> </html>
 <html> <head> </head> <body> </body> </html>

Perhatikan bagaimana cara terstruktur tag dengan baris baru (menggunakan tombol Enter) dan indentasi (menggunakan tombol Tab). Pada prinsipnya, tidak peduli bagaimana Anda struktur dokumen HTML Anda. Tapi untuk membantu Anda, dan lain-lain membaca coding Anda, untuk menjaga gambaran umum, sangat disarankan bahwa Anda struktur HTML Anda dengan cara yang rapi dengan jeda baris dan indentasi, seperti contoh di atas.
Jika dokumen Anda terlihat seperti contoh di atas, Anda telah membuat website pertama Anda - website yang membosankan dan mungkin bukan yang anda impikan ketika Anda mulai tutorial ini tetapi masih semacam website. Apa yang telah Anda buat akan menjadi template dasar untuk semua dokumen HTML masa depan Anda.

Sejauh ini cukup bagus, tapi bagaimana cara menambahkan konten ke situs Web?

Seperti yang Anda pelajari sebelumnya, dokumen HTML Anda memiliki dua bagian:. Kepala dan tubuh Dalam kepala bagian Anda menulis informasi tentang halaman, sementara tubuh berisi informasi yang merupakan halaman.
Misalnya, jika Anda ingin memberi halaman judul yang akan muncul di bar atas browser, itu harus dilakukan di bagian "kepala". Elemen yang digunakan untuk judul adalah title . Yaitu menulis judul halaman antara tag pembuka <title> dan tag penutup </title> :

 <title>My first website</title>
 <title>My first website</title>

Perhatikan bahwa judul ini tidak akan muncul pada halaman itu sendiri. Apa pun yang ingin ditampilkan pada halaman konten dan karena itu harus ditambahkan antara tag "tubuh".
Seperti yang dijanjikan, kami ingin halaman untuk mengatakan "Hurrah! Ini adalah website pertama saya." Ini adalah teks yang ingin kita berkomunikasi dan karena itu termasuk dalam bagian tubuh. Jadi di bagian tubuh, ketik berikut ini:

 <p>Hurrah! This is my first website.</p>
 <p>Hurrah! This is my first website.</p>

P di <p> adalah singkatan dari "ayat" yang persis apa itu - sebuah paragraf teks.
Dokumen HTML Anda sekarang harus terlihat seperti ini:

 <html> <head> <title>My first website </title> </head> <body> <p>Hurrah! This is my website.</p> </body> </html>
 <html> <head> <title>My first website </title> </head> <body> <p>Hurrah! This is my website.</p> </body> </html>

Selesai! Anda sekarang telah membuat situs web pertama Anda yang sesungguhnya!
Berikutnya yang harus Anda lakukan adalah menyimpannya ke hard drive anda dan kemudian membukanya di browser Anda:

Di Notepad pilih "Simpan sebagai ..." di bawah "File" di menu atas.
Pilih "All Files" pada kotak "Save as type". Hal ini sangat penting - jika tidak, Anda menyimpannya sebagai dokumen teks dan bukan sebagai dokumen HTML.
Sekarang menyimpan dokumen Anda sebagai "page1.htm" (akhir yang menunjukkan bahwa itu adalah sebuah dokumen HTML ". Html". Memberikan hasil yang sama. Saya selalu menggunakan ". Htm", "htm." Tetapi Anda dapat memilih mana dari dua ekstensi Anda suka). Tidak peduli di mana Anda menyimpan dokumen pada hard drive Anda - selama Anda ingat di mana Anda menyimpannya sehingga Anda dapat menemukannya lagi.

Sekarang, masuklah ke browser:

Pada menu bagian atas pilih "Open" di bawah "File" (atau tekan CTRL + O).
Klik "Browse" di kotak yang muncul.
Sekarang menemukan dokumen HTML Anda dan klik "Open".

Nanti akan muncul kalimat "Hore! Ini adalah website pertama saya." di browser Anda. Selamat!
Jika Anda benar-benar ingin seluruh dunia untuk melihat karya Anda segera, Anda dapat melompat ke 13 Tahap dan belajar bagaimana untuk meng-upload halaman Anda ke Internet. Jika tidak, bersabar dan membaca. Menyenangkan baru saja dimulai.

These icons link to social bookmarking sites where readers can share and discover new web pages.