1. Buka aplikasi Sublime text 3, kemudian klik file . Karena kita akan membuat web maka klik New file.
2. Setelah itu ketik <!DOCTYPE html> .
3. Buat tag <head> yang terdiri dari tulisan WELCOME dan tittle. Untuk membuat tulisan WELCOME menggunakan element <p> .Nah untuk membuat tulisan WELCOME menjadi lebih menarik maka saya menggunakan warna hijau, dengan font Engravers MT dengan font-size:28px selain itu saya juga membuat tulisan WELCOME menjadi bergerak dari kanan ke kiri menggunakan <marquee scrollamount=”7”> . Angka 7 menunjukkan kecapatan tulisan bergerak. Untuk title saya menggunakan nama TUGAS1-NIM . Jangan lupa untuk mengakhiri head dengan tag </head> agar bagian head tidak menyatu dengan bagin Body.
4. Langkah selanjutnya adalah membuat bagian body dengan, cara nya dengan kita mengetik <body>. Agar tampilan web lebih menarik pada bagian body bisa di tambahkan background sesuai yang kita inginkan dengan cara menuliskan nama gambar yang akan dijadikan background diikuti dengan tipe file background, serta jangan lupa untuk menaruh background satu folder dengan file web nya. Contoh: <body background=" nama background.tipe gambar">
Untuk lebih jelasnya silahkan lihat gambar dibawah ini:
5. Kemudian dibawah <body> terdapat element <h1> yang berguna untuk membuat membuat judul cerita, karena judul cerita saya terdiri dari 2 baris maka menggunakan element <br> untuk mebuat judul pada baris pertama dan kedua mejadi terpisah. Untuk mulai menulis cerita maka terlebih dahulu mengetik <p> yang berarti paragraph dan diakhiri dengan </P> agar antar satu paragraph dan paragraph lainnya tidak menyatu.
6. Kemudian untuk menambahkan gambar dengan cara mengetik tag img src kemudian nama file gambar beserta tipe file, gambar dilettakkan satu folder dengan html. Kita juga bisa membuat bagian gambar yang pada saat di klik akan membuka suatu situs dengan cara menggunakan Usemap dan membuat koordinat yang berisi link yang akan dibuka. #Quotes menunjukkan nama usemap nya dan quotes menunjukan nama gambar yang dipakai.
7. Selanjutnya untuk menambahkan garis bisa menggunakan element <hr>, untuk membuat lebih menarik bisa menggunakan warna pada garis contohnya: <hr color= "green">.
Untuk lebih jelas silahkan lihat gambar dibawah ini :
8. Selanjutnya saya akan menjelaskan apa itu HTML Entities, HTML Symbol , dan HTML Charset. Karena ketiga jenis HTML terbeut adalah judul maka saya menggunakan element <h2> yang ukuran lebih kecil dari element <h1> yang tadi telah saya gunakan pada bagian judul cerita. Kemudian untuk membuat paragraph saya menggunakan element <p>.
9. Nah pada langkah ini saya akan membuat pantun dengan menggunakan element <pre> agar memisahkan antara bait satu dengan bait yang lainnya dan agar tulisan berada di tengah saya menambahkan tag <center> .
10. Nah setelah selesai klik file kemudian kilik save as dan jangan lupa menambahkan .html pada akhir nama file.
11. Jika anda ingin melihat bagaimana tampilan web yang anda buat caranya klik kanan pada file html lalu open with browser dan tampilan web yang anda buat akan muncul.
Berikut ini adalah tampilan web yang langkah-langkah nya sudah saya buat diatas.
Sekian Cara untuk membuat web dengan Sublime text 3 dari saya. Terima Kasih sudah berkunjung ke mahasiswa santuy.
1. Buka aplikasi Sublime text 3, kemudian klik file . Karena kita akan membuat web maka klik New file.
2. Setelah itu ketik <!DOCTYPE html> .
3. Buat tag <head> yang terdiri dari tulisan WELCOME dan tittle. Untuk membuat tulisan WELCOME menggunakan element <p> .Nah untuk membuat tulisan WELCOME menjadi lebih menarik maka saya menggunakan warna hijau, dengan font Engravers MT dengan font-size:28px selain itu saya juga membuat tulisan WELCOME menjadi bergerak dari kanan ke kiri menggunakan <marquee scrollamount=”7”> . Angka 7 menunjukkan kecapatan tulisan bergerak. Untuk title saya menggunakan nama TUGAS1-NIM . Jangan lupa untuk mengakhiri head dengan tag </head> agar bagian head tidak menyatu dengan bagin Body.
4. Langkah selanjutnya adalah membuat bagian body dengan, cara nya dengan kita mengetik <body>. Agar tampilan web lebih menarik pada bagian body bisa di tambahkan background sesuai yang kita inginkan dengan cara menuliskan nama gambar yang akan dijadikan background diikuti dengan tipe file background, serta jangan lupa untuk menaruh background satu folder dengan file web nya. Contoh: <body background=" nama background.tipe gambar">
Untuk lebih jelasnya silahkan lihat gambar dibawah ini:
5. Kemudian dibawah <body> terdapat element <h1> yang berguna untuk membuat membuat judul cerita, karena judul cerita saya terdiri dari 2 baris maka menggunakan element <br> untuk mebuat judul pada baris pertama dan kedua mejadi terpisah. Untuk mulai menulis cerita maka terlebih dahulu mengetik <p> yang berarti paragraph dan diakhiri dengan </P> agar antar satu paragraph dan paragraph lainnya tidak menyatu.
6. Kemudian untuk menambahkan gambar dengan cara mengetik tag img src kemudian nama file gambar beserta tipe file, gambar dilettakkan satu folder dengan html. Kita juga bisa membuat bagian gambar yang pada saat di klik akan membuka suatu situs dengan cara menggunakan Usemap dan membuat koordinat yang berisi link yang akan dibuka. #Quotes menunjukkan nama usemap nya dan quotes menunjukan nama gambar yang dipakai.
7. Selanjutnya untuk menambahkan garis bisa menggunakan element <hr>, untuk membuat lebih menarik bisa menggunakan warna pada garis contohnya: <hr color= "green">.
Untuk lebih jelas silahkan lihat gambar dibawah ini :
8. Selanjutnya saya akan menjelaskan apa itu HTML Entities, HTML Symbol , dan HTML Charset. Karena ketiga jenis HTML terbeut adalah judul maka saya menggunakan element <h2> yang ukuran lebih kecil dari element <h1> yang tadi telah saya gunakan pada bagian judul cerita. Kemudian untuk membuat paragraph saya menggunakan element <p>.
9. Nah pada langkah ini saya akan membuat pantun dengan menggunakan element <pre> agar memisahkan antara bait satu dengan bait yang lainnya dan agar tulisan berada di tengah saya menambahkan tag <center> .
10. Nah setelah selesai klik file kemudian kilik save as dan jangan lupa menambahkan .html pada akhir nama file.
11. Jika anda ingin melihat bagaimana tampilan web yang anda buat caranya klik kanan pada file html lalu open with browser dan tampilan web yang anda buat akan muncul.
Berikut ini adalah tampilan web yang langkah-langkah nya sudah saya buat diatas.
Sekian Cara untuk membuat web dengan Sublime text 3 dari saya. Terima Kasih sudah berkunjung ke mahasiswa santuy.
Numpang promo ya gan
BalasHapuskami dari agen judi terpercaya, 100% tanpa robot, dengan bonus rollingan 0.3% dan refferal 10% segera di coba keberuntungan agan bersama dengan kami ditunggu ya di dewapk^^^ ;) ;) :*