Rajin Ngoding: HTML

Web Design

Admin Ganteng 0 HTML, Web Design Kamis, Juli 26, 2018

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAUG9Ec4v7RmS1hHE6GWWr2niN5atCBckKKcK7cvbm6u5sSuql3DWtfkxb7mBF3RoKT8eRtOyfmYdsa98VUVIX9LVRU0d-D5bfwANmA0tjfQxGK3SzJcIxCPII59wI9H5eVF1g-oUSnxc/s1600/Web-Design.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAUG9Ec4v7RmS1hHE6GWWr2niN5atCBckKKcK7cvbm6u5sSuql3DWtfkxb7mBF3RoKT8eRtOyfmYdsa98VUVIX9LVRU0d-D5bfwANmA0tjfQxGK3SzJcIxCPII59wI9H5eVF1g-oUSnxc/s200/Web-Design.png" width="200" /></a></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { </style><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;">

</span></span><style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link {  }</style>

<br />
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;">Di
article sebelumnya kita sudah membahas </span><span style="font-size: small;"><a href="http://kreatifhos.blogspot.co.id/2015/09/web-programming.html" target="_blank"><b>WebProgramming</b></a><b><span style="font-weight: normal;">,
</span></b><b><span style="font-weight: normal;">nah
untuk article kali ini hoster akan memperkenalkan web design.Mungkin
teman-teman sudah mulai bingung ni kayanya,bedanya web programming
sama web design itu apa sih?.</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">Ok
teman-teman jika teman-teman sudah membaca article sebelumnya
mengenai web Programming,mungkin teman-teman akan sedikit ada
gambaran,Ooh web programming itu seperti ini toh,dan teman-teman
pasti akan tahu dengan sendirinya,dengan kesimpulan teman-teman
sendiri,mengenai web progarmming dan web design.</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">Nah
teman-teman yo kita mulai pembahasanya,oh yah,sebelumnya jika
temen-teman belum membaca article sebelumnya mengenai web Programming
teman-teman bisa klik link di sini ya (Web Programming).</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><b>Web
Design</b></b><b><span style="font-weight: normal;">
adalah suatu Istilah yang sering di gunakan untuk menggambarkan 
</span></b><b><span style="font-weight: normal;">bagaimana
tampilan isi suatu website atau situs. Biasanya ya
teman-teman,tampilan dari website tersebut berupa hypertext
(HTML),nah lo,ada istilah baru lagi ni,hehee...  tenang,jangan panik
dulu nya teman-teman,nanti juga Hoster bahas mengenai Apa itu HTML.
Sekarang kembali lagi ke topik utama.</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">Tampilan
website tersebut akan di kirimkan keuser melalui World Wide Web.</span></b><b><span style="font-weight: normal;">Nah
sekarang tujuannya web design itu apa sih ?.Tujuan web Design </span></b><b><span style="font-weight: normal;">yaitu
</span></b><b><span style="font-weight: normal;">untuk
membuat website yang meliputi sekumpulan konten online termasuk
dokumen dan aplikasi yang berada pada web server. Bisa juga, sebuah
website berupa sekumpulan teks, gambar, suara dan konten lainnya,
serta dapat bersifat interaktif maupun statis.</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">Bukan
hanya itu saja,e</span></b><b><span style="font-weight: normal;">lemen-elemen
seperti teks, forms, images (GIFs, JPEGs, Portable Network Graphics)
dan video dapat diletakkan </span></b><b><span style="font-weight: normal;">juga
</span></b><b><span style="font-weight: normal;">di
dalam halaman menggunakan tag-tag HTML/XHTML/XML.</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">Halaman
web dan situs web dapat berupa halaman statis, atau dapat diprogram
secara dinamis sehingga menghasilkan halaman web dengan konten atau
tampilan visual yang diinginkan, tergantung pada berbagai faktor,
seperti masukan dari pengguna akhir, masukan dari Webmaster, atau
perubahan dalam lingkungan komputasi (seperti situs yang terkait
dengan database yang telah diubah).</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">Ok
teman-teman,itulah tandi gambaran Web design,mungkin untuk karticle
kali ini saya cukupkan sampai di sini,untuk article selanjutnya kita
akan mulai peraktek web design ya teman-teman. Teman-teman bisa lihat
sendiri di menu Web Programming,</span></b><b><span style="font-weight: normal;">di</span></b><b><span style="font-weight: normal;">situ
ada web Design dan di dalam menu web design terdapat beberapa sub
menu seperti HTML,CSS dan Jquery.</span></b><b><span style="font-weight: normal;">nah
itu semua akan </span></b><b><span style="font-weight: normal;">Kita
</span></b><b><span style="font-weight: normal;">p</span></b><b><span style="font-weight: normal;">elajari
Step by step,</span></b><b><span style="font-weight: normal;">sampai
tuntas.Jadi tetap ikutin terus ya,update an article selanutnya dari
hoster...</span></b></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><br /></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: small;"><b><span style="font-weight: normal;">sampai
jumpa di article selanjutnyaa...</span></b></span></span></div>
</div>
</div>

Web Design

Di article sebelumnya kita sudah membahas WebProgramming , nah untuk article kali ini hoster akan memperkenalkan web desi...

Baca selengkapnya »

Mengenal tag HTML

Admin Ganteng 0 HTML, Info Tekno, Web Design Kamis, Juli 26, 2018

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Halo teman-teman,apa kabar semuanya.Nah di article kali ini hoster akan memperkenalkan tag HTML,sesuai janji hoster di article sebelumnya (Web Design).HTML kepanjangan dari Hyper text markup language yaitu bahasa standar untuk mendiskripsikan suatu halaman web yang terdiri dari kode-kode singkat tertentu yang di temukan oleh Tim berners Lee.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU56HlPjCh1xbqtZLmS90RDU7wUnXnA1O7qFZaWJwf7ox_vyR-uB30XyMBrzfK0znKq5833N6Xh8SXCQuKkTJlDiEh0izfCU1psky29Ropd-tA8EANMX86AeR5cwI7PYXR1wdHaH2mOD4/s1600/tim_berners_lee.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU56HlPjCh1xbqtZLmS90RDU7wUnXnA1O7qFZaWJwf7ox_vyR-uB30XyMBrzfK0znKq5833N6Xh8SXCQuKkTJlDiEh0izfCU1psky29Ropd-tA8EANMX86AeR5cwI7PYXR1wdHaH2mOD4/s320/tim_berners_lee.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>

</div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm; text-align: center;">
<i><span style="font-size: small;">Penemu HTML  (Tim berners Lee)</span></i></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<i><span style="font-size: small;">

</span></i></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<i><span style="font-size: small;">
<span style="font-size: small;">Tag HTML akan bisa berjalan
kalo ada Web browser seperti Crome,Firefox,Internet
Explorer,Opera,Safari dan masih banyak lagi.</span></span></i></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_kHUDtm7XPtiKytFYfSBVxluoaeWh7Ult006_xcRdA-ZwOxD9MOx_MuQRyxhVU3KTGQk9mqaeSIkJc7iaOa1y0oLkc1IDXJ0Kz1Nqw4A4s5rpvy-KOgPPgsTEka7mDN5jyn41beRCtbQ/s1600/Free-Browser-Icons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_kHUDtm7XPtiKytFYfSBVxluoaeWh7Ult006_xcRdA-ZwOxD9MOx_MuQRyxhVU3KTGQk9mqaeSIkJc7iaOa1y0oLkc1IDXJ0Kz1Nqw4A4s5rpvy-KOgPPgsTEka7mDN5jyn41beRCtbQ/s320/Free-Browser-Icons.png" width="320" /></a></div>
<div style="text-align: center;">
<i>Web Browser</i></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>

<br />
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Didalam dokument HTML
mempunyai banyak kontent contohnya kita bisa menmpilkan
tulisan,gambar,animasi,suara/audio sampai video.</span></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">

</span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;"><span style="font-size: small;"></span></span><br />
<h2>
<span style="font-size: small;"><span style="font-size: small;">Bagaimana
cara kerjanya dokument HTML di internet </span></span> <style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>

</h2>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Coba teman-teman perhatikan
simulasi gambar di bawah ini :</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34TxdIUxv2LDEEpAvNiXKT4eIpSElLH55R02NBQ_RVZUglPSbi0ebGx5DLsm-mW-Euzmgm0Sv2Wflo2jTzv1IMz8CyfKcsQdLgjK2wa4x0eIUxL8Z4vXcws8fC2j1AU_lWoTPUPtkXS0/s1600/simulasi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34TxdIUxv2LDEEpAvNiXKT4eIpSElLH55R02NBQ_RVZUglPSbi0ebGx5DLsm-mW-Euzmgm0Sv2Wflo2jTzv1IMz8CyfKcsQdLgjK2wa4x0eIUxL8Z4vXcws8fC2j1AU_lWoTPUPtkXS0/s400/simulasi.png" width="400" /></a></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<br /></div>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<ul>
<li><span style="font-size: small;">

<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Server akan mersponse dan
mengirimkan document HTML berupa webpage untuk di terjemahkan ke web
browser si client.</span></div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
</div>
</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>

</div>
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>

<br />
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Ok teman-teman itulah sekilas
mengenai tag html.Untuk lebih jelasnya teman-teman bisa mengunjungi
<b>wikipedia</b>. Mungkin untuk penjelasan mengenai tag html saya
cukupan sampai disini ya.Oh ia,untuk article selanjutnya kita akan
mulai peraktek menggunakan tag HTML versi 5,kenapa kita menggunakan
HTML5? karena  HTML5 ini versi terbaru yang pertama kali di
perkenalkan pada tahun 2013 dengan fitur-fitur barunya seperti
misalnya :</span></div>
<ol style="text-align: left;">
<li><div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Elemen konten yang lebih
spesifik sepert,Artikel,footer,header,nav,ection,bentuk kontrol
form seperti kalender,tanggal,waktu,email,url,search</span></div>
</li>
<li>

<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Sudah mengsuport langsung
video dan elemen audio untuk media pemutaran</span></div>
</li>
<li>

<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;">Mengurangi kebutuhan untuk
plugin Ekternal seperti flash</span></div>
</li>
</ol>
<span style="font-size: small;"><span style="font-size: small;">Untuk persiapkan teman-teman
praktek di artikel selanjutnya,di sini teman-teman siapkan text
editor dan web browsernya ya.Untuk teks editor hoster rekomendasikan
untuk menggunakan notepad++ atau sublime text ya temen-teman,di
samping gratis kedua text editor ini bagus untuk membuat tag HTML
sedangkan web browser nya,terserah teman-teman suka.</span></span><br />
<span style="font-size: small;"><span style="font-size: small;">

</span></span><br />
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;"><span style="font-size: small;">
<span style="font-size: small;">Jika teman-teman ingin
mendownload text editor yang hoster rekomendasikan,teman-teman bisa
klik gambar di bawah ini :</span></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://notepad-plus-plus.org/download/v6.8.3.html" target="_blank"><img alt="https://notepad-plus-plus.org/download/v6.8.3.html" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ujq72YF6DStxrdIzqNhIk56EgG9ASI-2X36U0yAVKf60e3QufArsge_iyy3oDtreL_YmyWch0h2p-GtQEB9AA2hHruXURlzz8fZan9vCwKjmMe_w4TM06njW2nCc0fXoJ66liDRGZok/s200/notepad___by_darklotustmpst-d5ibp4r.png" width="200" /></a></div>
<div style="text-align: center;">
<a href="https://notepad-plus-plus.org/download/v6.8.3.html" target="_blank"> Notepad ++</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.sublimetext.com/" target="_blank"><img alt="http://www.sublimetext.com/" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MPVrJ2A4Y_Xkgk3AbgRmJqK1kMFLUehM2_C7kRryme3Y0cKxjr_enqU6uTIV1ol17b-slTPGsPE4qJi6A9GQ2P-2villRlP-tUgLSXMWHv2qBDu8B-riWnl0QbGTJY3NxjAAVkqyqcU/s200/sublime.png" width="200" /></a></div>
<div style="text-align: center;">
<a href="http://www.sublimetext.com/" target="_blank">Sublime Text</a></div>
<br />
<span style="font-size: small;"><span style="font-size: small;">

</span></span><br />
<div style="font-weight: normal; line-height: 100%; margin-bottom: 0cm;">
<span style="font-size: small;"><span style="font-size: small;">
<span style="font-size: small;">Ok teman-teman tunggu update
selanjunya ya, salam hoster....</span></span></span></div>
<span style="font-size: small;"><span style="font-size: small;">

</span></span></div>
</div>

Mengenal tag HTML

Halo teman-teman,apa kabar semuanya.Nah di article kali ini hoster akan memperkenalkan tag HTML,sesuai janji hoster di article sebelumnya ...

Baca selengkapnya »

Membuat Form Login agar Lebih manarik

Admin Ganteng 0 Aplikasi, HTML, tips and tricks, Web Design, Web Programming Kamis, Juli 26, 2018

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
Hai sobat rajin,<br />
Nah Kali ini saya akan membagikan 1 cara bagaimana mempoles form login agar terlihat lebih menarik :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Tjm_tH4HBREX4oCKQTLU3pU-saIg9vq6riAyznLc7-62U4nHN2kj5ICBb4K1GnaMvMjbFZbFIt_k3wNPsHuiZmpx3w6mDHtfvuE0IS6pzneciOgfqdaMCgOlO8mhn6urZsx-2S5jsuM/s1600/Web_Programming.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="465" data-original-width="481" height="309" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Tjm_tH4HBREX4oCKQTLU3pU-saIg9vq6riAyznLc7-62U4nHN2kj5ICBb4K1GnaMvMjbFZbFIt_k3wNPsHuiZmpx3w6mDHtfvuE0IS6pzneciOgfqdaMCgOlO8mhn6urZsx-2S5jsuM/s320/Web_Programming.gif" width="320" /></a></div>
<br />
<br />
<br />
<br /></div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<iframe allowfullscreen="true" allowtransparency="true" frameborder="no" height="500" scrolling="yes" src="//codepen.io/casudinlix/embed/BPdLXL/?height=265&theme-id=0&default-tab=html,result&embed-version=2" style="width: 100%;" title="Unfolding Login Form">See the Pen <a href='https://codepen.io/casudinlix/pen/BPdLXL/'>Unfolding Login Form</a> by Duddin Casudin (<a href='https://codepen.io/casudinlix'>@casudinlix</a>) on <a href='https://codepen.io'>CodePen</a>.<br />
</iframe><br />
<br />
<br /></div>

Membuat Form Login agar Lebih manarik

Hai sobat rajin, Nah Kali ini saya akan membagikan 1 cara bagaimana mempoles form login agar terlihat lebih menarik : ...

Baca selengkapnya »

Rajin Ngoding

Web Design

Mengenal tag HTML

Membuat Form Login agar Lebih manarik

Entri Populer

Arsip Blog

Labels