Cara Membuat Template Web Menggunakan Html Dan Css

<div style="text-align: justify;"> Berhubung saya tidak bgitu suka menggunakan frame untuk membuat template web maka dari itu pada akhirnya saya memberikan sedikit ilmu yang pernah saya pelajari, yaitu <i><b>membuat template web menggunakan html dan css.</b></i> Cara ini sebenarnya tidak terlalu sulit, cukup dengan memahami struktur dari web tersebut maka kita bisa menentukan layout tersebut dan siap untuk<b><i> build layout. </i></b>Perhatikan gambar berikut.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> </div> <div style="text-align: justify;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Ptx_WUfqu3ySP0sKkglyExJDzEYkKlLknFEAH_Zf1wt8WboybHXBJH6wDkasHC6DI-ZDEey3mdx3QegCfbxgfOl07oE9rjImUOrGpig_Vj_ftsSeGLqdoBsbiWEhLExg0FLVyvORDjyx/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt=" http://toturialkomputer.blogspot.com/" border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Ptx_WUfqu3ySP0sKkglyExJDzEYkKlLknFEAH_Zf1wt8WboybHXBJH6wDkasHC6DI-ZDEey3mdx3QegCfbxgfOl07oE9rjImUOrGpig_Vj_ftsSeGLqdoBsbiWEhLExg0FLVyvORDjyx/s1600/Untitled.png" title=" http://toturialkomputer.blogspot.com/" width="320" /></a></div> <div style="text-align: justify;"> <br /> Nah dari gambar di atas maka kita bisa simpulkan bahwa pada umumnya web itu pasti memiliki elemen dibawah ini</div> <div style="text-align: justify;"> <br /> 1.    Header<br /> 2.    Kontent<br /> 3.    Sidebar<br /> 4.    Footer</div> <div style="text-align: justify;"> <br /> Untuk membuat halaman seperti gambar di atas maka kita harus membuat file<b><i> index.html</i></b> ataupun <b><i>index.php</i></b> dan 1 file tambahan yaitu css nah untuk mencoba silahkan <b><i>copy scrip</i></b> dibawah ini dan paste di notepad++ kemudian simpan dengan nama<b><i> index.html</i></b>.<br /> <br /> <div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;"> </p><br /> <html><br /> <title>halaman index</title><br /> <head><br /> <link rel="stylesheet"type="text/css"href="css.css"><br /> </head><br /> <body><br /> <div id="wrapper"><br /> <div id="header"></p><br /> </div><br /> <div id="page"><br /> <div id="konten"></p><br /> <form action="proses.php"method="POST"><br /> <table width="300"bgcolor="#f1f1f1"align="center"></p><br /> <tr><br /> <td>Tanggal</td><br /> <td>:</td><br /> <td><input type="text"name="tanggal"placeholder="Input Date Here"></td><br /> </tr><br /> <tr><br /> <td>Judul</td><br /> <td>:</td><br /> <td><input type="text"name="judul"placeholder="Input Title Here"></td><br /> </tr><br /> <tr><br /> <td>Konten</td><br /> <td>:</td><br /> <td><input type="text"name="konten"placeholder="masukan konten anda di sini"name="konten"></td><br /> </tr><br /> <tr><br /> <td></td><br /> <td></td><br /> <td><br /> <input type="submit"value="simpan"><br /> <input type="submit"value="edit"><br /> </td><br /> </tr><br /> </table><br /> </form></p><br /> </div><br /> <br /> <div id="sidebar"><br /> <?php include "menu.php"; ?><br /> </div><br /> </div><br /> <div id="footer"><br /> <br /> </div><br /> <br /> </div><br /> <br /> </body><br /> </html><br /> <p style="text-align: justify;"><span style="line-height: 1.714285714; color: #444444; font-size: 1rem;"></div> <br /> Kedua silahkan kopi kode css dibawah ini paste di notepad++ dan beri nama dengan css.css pada folder yang sama dengan file index kemudian jalankan file index.html menggunakan browser sobat masing-masing.<br /> <br /> <div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;"> body{<br /> background: #f1f1f1;<br /> <br /> }<br /> <br /> #wrapper{<br /> background: #f1f1f1;<br /> border: 1pxsolidblack;<br /> width: 960px;<br /> margin: 0pxauto;<br /> height: auto;<br /> }<br /> #header{<br /> background: white;<br /> width: 940px;<br /> margin: 0pxauto;<br /> height: 100px;<br /> margin-top: 10px;<br /> }<br /> <br /> #page{<br /> background: blue;<br /> border: 1pxsolidblack;<br /> width: 940px;<br /> height: 400px;<br /> margin:0pxauto;<br /> margin-top:10px;<br /> margin-bottom: 10px;<br /> }<br /> <br /> #konten{<br /> background: black;<br /> width: 630px;<br /> margin: 0pxauto;<br /> float: left;<br /> height: auto;<br /> }<br /> #sidebar{<br /> background: red;<br /> float: right;<br /> width: 300px;<br /> margin: 0pxauto;<br /> }<br /> #footer{<br /> background: black;<br /> margin: 0pxauto;<br /> width: 940px;<br /> height: 30px;<br /> }</div> <div style="text-align: justify;"> </div> <br /> Nah selesai mudah bukan untuk <b>membuat template web</b>, mudah mudahan bermanfaat bagi sobat , apabila sobat masih kurang jelas silahkan bisa di <i><span style="color: red;"><b>Search Google </b></span></i>…<br /> <br /> Terimakasih.. </div>

Berhubung saya tidak bgitu suka menggunakan frame untuk membuat template web maka dari itu pada akhirnya saya memberikan sedikit ilmu yang ...

Read more »

Pengertian Website

<div style="text-align: justify;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNpVUbmo3wojs6on5moxpjL5oTC7_CKhta7l2EIk9ob7m2q5CcI5pxrdfsAzGWYM4YeGOJpxKY0DneByThfxtzp7vSpYYQzmNeqAJQkj-ExItL5wi5DlaP60VEtYzRWZdSQr1F2YpzK0Lf/s1600/web.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt=" http://toturialkomputer.blogspot.com/" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNpVUbmo3wojs6on5moxpjL5oTC7_CKhta7l2EIk9ob7m2q5CcI5pxrdfsAzGWYM4YeGOJpxKY0DneByThfxtzp7vSpYYQzmNeqAJQkj-ExItL5wi5DlaP60VEtYzRWZdSQr1F2YpzK0Lf/s1600/web.jpg" title=" http://toturialkomputer.blogspot.com/" width="200" /></a><i><b>Website</b></i> adalah keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang mengandung informasi. Sebuah website biasanya dibangun atas banyak halaman web yang saling berhubungan. Jadi dapat dikatakan bahwa, pengertian website adalah kumpulan halaman-halaman. yang digunakan untuk menampilkani informasi teks, gambar diam atau gerak, animasi, suara, dan ata gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman. Hubungan antara satu halaman website dengan halaman website lainnya disebut dengan hyperlink, sedangkan teks yang dijadikan media penghubung disebut<b><i> hypertext. </i></b><br /> <br /> Istilah lain yang sering ditemui sehubungan dengan website adalah <b><i>homepage</i></b>. </div> <div style="text-align: justify;"> <span style="color: red;"><b><i>Homepage</i></b></span> adalah halawan awal sebuah domain. Misalnya, ketika Anda membuka website <i>http://toturialkomputer.blogspot.com/</i>, halaman pertama yang muncul disebut dengan homepage, jika Anda meng-klik menu-menu yang ada dan meloncat ke lokasi yang lainnya, disebut web page, sedangkan keseluruhan isi atau conten domain disebut website. Hingga saat ini, website banyak mengalami perkembangan yang begitu cepat seiring dengan perkembangan teknologi informasi. Jenis-jenis website dikelompokkan berdasarkan fungsi, sifat, dan bahasa pemograman yang digunakan.<br /> <br /> Jenis-jenis website berdasarkan sifatnya, antara lain:</div> <ol style="text-align: justify;"> <li><i><b>Website dinamis:</b></i> website dinamis adalah sebuah website yang menyediakan content atau isi yang selalu berubah-ubah setiap saat. Contoh website dinamis adalah website berita (www.kompas.com, www.merdeka.com, www.detik.com).</li> <li><i><b>Website statis: </b></i>website statis adalah website yang contentnya sangat jarang diubah. Contoh website statis adalah web profile organisasi.</li> </ol> <div style="text-align: justify;"> Jenis-jenis website berdasarkan tujuannya, dibagi menjadi:</div> <ol style="text-align: justify;"> <li><i><b>Personal Website</b></i>: personal website adalah website yang berisi informasi pribadi seseorang.</li> <li><i><b>Corporate Website</b></i>: corporate website adalah website yang dimiliki oleh sebuah perusahaan.</li> <li><i><b>Portal Website</b></i>: portal website adalah website yang mempunyai banyak layanan, mulai dari layanan berita, email, dan jasa-jasa lainnya.</li> <li><b><i>Forum Website</i></b>: forum website adalah sebuah web yang bertujuan sebagai media diskusi.</li> </ol> <div style="text-align: justify;"> Jenis-jenis website ditinjau dari bahasa pemrograman yang digunakan, terdiri dari:</div> <ol style="text-align: justify;"> <li><b>Server Side Website:</b> adalah website yang menggunakan bahasa pemrograman yang tergantung kepada tersedianya server. Misalnya, PHP, ASP, dan lain-lain. <b> </b></li> <li><b>Client Side Website</b> adalah website yang tidak membutuhkan server dalam menjalankannya, cukup diakses melalui browser saja. Contohnya html.</li> </ol> <div style="text-align: justify;"> Sekian uraian tentang Pengertian Website dan Jenis Website,Semoga artikel diatas dapat memberi anda pengetahuan lebih mengenai ilmu IT.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Terima kasih ...</div>

Website adalah keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang mengandung informasi. Sebuah website biasanya dibang...

Read more »