Cara membuat Situs/wap/web Offline Sederhana+Postingan || [17.NOV.2016]
Selamat datang Pengunjung Wap SuArcHGoD ini, Semoga kalian diberikan kesehatan selalu.
Selamat hari Kamis, mungkin diantara kalian Pengunjung SuArcHGoD ingin membuat sebuah situs wap/web sederhana?
atau mungkin ada yang sedang belajar script-script Html/css.
Pada postingan kali ini saya akan membuat sebuah Tutorial Sederhana tentang membuat sebuah situs wap/web sederhana, ini bisa juga di buat secara offline.
mungkin ini adalah postingan paling Long Post dari saya (wkwkwkwkwkwkwkwk).
Postingan Kali ini Mengandung unsur.
1. Dasar2 Html
2. Elemen Variasi Script Html
3. Tag
4. Garis
5. Dasar2 CSS
saya mulai dari membuat situs/wap/web offline terlebih dahulu, apa itu situs offline?
situs offline bisa juga digunakan untuk merapikan sebuah data Html, ataupun juga bisa di gunakan untuk latihan/bahan pelajaran, saya ingat saat saya masih sebagai murid SMK
Oke mari kita mulai saja.
OFFLINE SITE WAP/WEB:
1. Pada sebuah DRIVER/TEMPAT PENYIMPANAN buatlah sebuah Folder/root (folder paling luar) ini nanti digunakan untuk wadah isi sebuat Site, atau jika online bisa kita sebut sebuah LINK/DOMAIN dan DRIVER/TEMPAT PENYIMPANAN itu adalah sebuah HOSTINGAN.
2. Bukalah Notepad/Notepad++
3. Buat sebuah Script HTML awal, disini saya sarankan untuk para pemula lebih baik di beri pesan tersembunyi, untuk mempermudah cara pembuatan, nanti akan saya sertakan caranya pada script HTML nya.
~ Script inti
<!---DOC HTML Belajar-HTML ---> (ini adalah sebuah pesan tersembunyi)
<HTML> (menandakan ini adalah elemen html)
<HEAD> (untuk awalan head/kepala/bagian paling atas)
<TITLE>SITE OFFLINE</TITLE> (ini untuk sebuah judul/title di tab bar browser)
</HEAD> (penutup head/kepala/bagian atas)
<BODY> (untuk awalan body/tubuh/isi dari sebuah site/menu)
</BODY> (penutup body/tubuh/isi dari sebuah site/menu)
<HTML> (menandakan ini adalah penutup elemen html)
<!--- ---> (ini adalah sebuah pesan tersembunyi)
INI LETAK NYA WAJIB SESUDAH <BODY> DAN SEBELUM </BODY>
~ Script Tambahan - LINK
#1.Untuk menambahkan link dengan judul.
<a href="http://xxx">judul link</a>
#2.Untuk menambahkan link dengan judul jika di klik akan ke tab baru browser.
<a href="http://xxx" target="_blank">judul link to new tab</a>
^ Elemen Tambahan "ALIGN"
~ Align adalah elemen tambahan untuk menentukan letak/posisi dan ini bisa di gunakan/digabungkan dengan script tertentu lain nya.
Contoh: tag "p" di gabung dengan "align"
<p align="right">xxxxx</p> (Posisi text di sebelah kanan/rata kanan.)
^ Penulisan menentukan ukuran
~ "100" (ukuran tetap) atau ~ "100%" (mengikuti ukuran layar/css di kurang %) atau ~ "auto" (mengikuti layar/css/)
~ untuk "%" dan "auto" bisa juga di sebut ukuran Responsive
^ Penulisan Color/Warna.
~ Menggunakan Bahasa Inggris "white" (putih)
atau ~ Menggunakan Bahasa Code "#FFFFFF" (putih)
~ Script Tambahan - GAMBAR/IMAGES
#1.Untuk pemanggilan, "http://GAMBAR.PNG" atau "../GAMBAR.PNG" atau "D:\folder\GAMBAR.PNG" .
#2.Memasukan gambar.
<img src="GAMBAR.PNG"/>
#3.Memasukan Gambar Dengan Ukuran TINGGI 185 x LEBAR 320.
<img height="185" src="GAMBAR.PNG" width="320" />
atau
<img src="GAMBAR.PNG" height="185" width="320" />
#4.Gambar Dengan LINK tujuan.
<a href="http://xxx"><img src="GAMBAR.PNG" /></a>
#1. Single Script adalah Script yang hanya sendiri tidak memiliki Pasangan Akhir. </> Contoh:
~ #1.Membuat Garis Baru/Enter.
<br />
~ #2.Garis/Line.
<hr />
~ Script Tambahan Membuat Garis menggunakan Single Script.
#1.Garis/Line.
<hr />
#2.Garis/Line dengan Ukuran/Size.
<hr size="10" />
#3.Garis/Line dengan Warna/Color.
<hr color="red" />
#4.Garis/Line dengan Warna dan Ukuran.
<hr color="red" size="10" />
Mungkin dari sini kalian sudah bisa membuat Situs/Wap/Web Secara Offline/Online, dengan menggabungkan beberapa script dan elemen tambahan diatas.
mungkin ada juga diantara kalian ada yang ingin bertanya, bagai mana cara membuat situs offline/online sendiri dengan sebuah postingan didalam nya.
WOW ini mungkin adalah pertanyaan yang sangat jarang sekali/hampir tidak ada pertanyaan seperti ini.
Oke saya akan memberitahu caranya kepada kalian bagai mana membuat wap/web offline/online dengan sebuah postingan di dalam nya.
Membuat postingan dengan script HTML
Yang diperlukan untuk membuat sebuah postingan dengan Script HTML adalah menguasai code/script/elemen html itu sendiri.
#1.script gambar
#2.script link
#3.script br/garis baru/enter
#4.script font
Contoh:
Buatlah, sebuah folder dengan nama postingan dan didalam folder tersebut buatlah folder lagi dengan nama gambar, supaya lebih rapi
didalam folder gambar, letak kan lah foto kamu dengan nama gambar dengan extensi .jpg "gambar.jpg"
buka notepad/notepad++ kamu dan tulis/copas script di bawah ini, anggap saja script di bawah ini adalah sebuah postingan kamu, menggunakan HTML.
<html>
<head>
<title>Postingan HTML</title>
</head>
<body>
<hr color="red" />
<p align="right"> <b>Ini adalah postingan saya Dengan HTML</b> || <font color="green">DD:MM:YYY</font></p>
<hr color="red" /> <br /> <br />
<center><img src="./gambar/gambar.jpg" height="320" width="220" /></center><br />
Di atas itu adalah foto saya, saya adalah seorang pemula dalam dunia maya, dan saya ingin membuat sebuah situs/wap/web, secara offline/online.<br />
Hobi saya adalah internetan, dan membuat sebuah situs/wap/web sederhana.<br /><br />
<b>Saya memiliki beberapa sosial media antara lain adalah</b> <br />
1.<a href="http://facebook.com/">Facebook</a><br />
2.<a href="http://twitter.com/">Twitter</a><br />
3.<a href="http://gmail.com/">E-mail Gmail</a><br /><br /><br />
sekian untuk postingan kali ini ya.
<hr color="red" />
</body>
</html>
Diatas itu adalah pembuatan postingan dengan HTML (Polosan), dengan Judul dan Tanggal di sebelah kanan dan tanpa background.
! Darisini pasti nanti akan ada pertanyaan lagi, Bagaimana cara kita mempostingkan sebuah script html dengan cara diatas.
dalam sebuah situs/wap/web yang mempunyai fitur sebuah tempat/lokasi untuk sebuah Postingan, seperti blogspot/blog-Xtgem, disitu kita kalau membuat sebuah postingan ya tinggal nulis aja tanpa bertele-tele.
Tapi disini saya akan memberikan cara nya kepada kalian, bagaimana kita mempostingkan sebuah script html dengan Postingan HTML.
buka notepad/notepad++ kamu dan tulis/copas script di bawah ini, anggap saja script di bawah ini adalah sebuah postingan kamu, menggunakan HTML.
<html>
<head>
<title>Mempostingkan-Script HTML</title>
</head>
<body>
<hr color="red" />
<p align="right"> <b>Ini adalah Cara mempostingkan Script HTML Dengan metode HTML</b> || <font color="green">DD:MM:YYY</font></p>
<hr color="red" /> <br /> <br />
<center><img src="./gambar/gambar.jpg" height="320" width="220" /></center><br />
Di atas itu adalah foto saya, saya adalah seorang pemula dalam dunia maya, dan saya ingin membuat sebuah situs/wap/web, secara offline/online.<br />
Hobi saya adalah internetan, dan membuat sebuah situs/wap/web sederhana.<br /><br />
Saya akan mempostingkan bagaimana cara mempostingkan sebuah script HTML dengan metode HTML itu sendiri, agar script itu tampil menjadi sebuah text saat di buka dengan Bworser.<br /><br />
<a align="right"> <hr color="red" size="10" /> (ini adalah Garis/Line berwarna merah dan ber ukuran 10) </a> <br /><br />
sekian untuk postingan kali ini ya.
<hr color="red" />
</body>
</html>
~ Script diatas menjelaskan ada elemen html untuk symbol.
#1.Membuat simbol <.
<
#2.Membuat simbol >.
>
#3.Membuat spasi di awal tulisan.
Mungkin sekian saja untuk hari ini ya ^_^ untuk selanjutnya saya akan membuat sebuah Style/Css/Theme/Template.
semoga postingan kali ini dapat membantu kalian.
Jika ada salah kata/arti/yang lain nya, bisa di kirimkan kritik dan saran nya.