Monday, December 26, 2011

Cara membuat website dengan cepat

Posted by bloggerfree at 12:32 PM | Monday, December 26, 2011 | 2 comments
Labels:

Cara membuat website dengan cepat, jika pada arikel sebelumnya saya sudah mengajarkan cara Membuat website sederhana dengan cepat tetapi tidak mengunakan sedikitpun tag dasar HTML.


Mendesain sebuah website memang harus melalui berbagai proses bagi para pemula. Tetapi untuk para master desain web mereka tidak butuh waktu yang lama untuk sekedar mendesain website dengan cepat.

Saya belum akan membahas cara desain web yang sebenarnya, tetapi saya akan menunjukan pada anda cara membuat website dengan cepat. Membuat website dengan cepat anda hanya membutuhkan waktu 5-10 saja untuk membuat sebuah halaman HTML yang benar-benar bisa di iploade ke internet dan benar-benar bekerja. Bahkan jika anda hanya mengcopy paste code HTML yang akan saya berikan setelah ini anda hanya butuh waktu 1-2 menit saja untuk membuat website, cepat bukan ?

Cara membuat website dengan cepat


Ikuti langkah-langkah untuk membuat website dengan cepat di bawah ini :
Apakah anda mengenal atau tau notepad?, saya yakin kalian pasti mengenal notepad. Untuk mendesain website dengan cepat atau membuat website dengan cepat kita hanya memerlukan bantuan dari notepad saja. Sekarang buka notepad anda dan kita mulai membuat website pertama anda.

Setelah kalian membuka notepad sekarang kalian ketikan kode di bawah ini di notepad.
<html>
<head>
<title>Website Pertamaku</title>
</head>
</body background="background.jpg">
<table border="1">
<tr>
<td><font color="blue"><h1 color="red">website pertamaku</h1></font><hr color="#ff0000"

size="2">
<p><font face="Verdana" size="4" color="black">Ini adalah website pertama yang saya

buat,<br>
Jika anda ingin Belajar HTML Klik di
<a href="http://belajar-desainweb.blogspot.com/">Belajar HTML</a><br>
<a href="http://belajar-desainweb.blogspot.com/">Link ini</a> akan membawa anda ketempat

belajar desain web
<p>Untuk membuat website dengan cepat belajar di belajar-desainweb.blogspot.com:<p>
<a href="http://belajar-desainweb.blogspot.com//"target="_blank">Belajar HTML</a>
<div style="text-decoration: blink;">INI ADALAH WEBSITE PERTAMAKU</div>
<img

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXUwdyC8VpK0CThJz4C6vRh-ADK7HU8HbrPBbBleG4wp8_UfLxDbUJdvfC_zGanucD4DQM5a_5m16Bv5oRNTjoNraHDBBqIG-YDOKkWZGe1gs8L_d3O5nYuuay5wYxHPpQH66YPicQUfxk/"

/></td>
</tr>
</table>
</body>
</html>
Sudah selesai mengetik kode HTML di atas?, jika sudah simpan dengan nama "websiteku.html" jangan lupa saat penyimpanan file tanda kutip harus di sertakan juka. Cara penyimpanan file adalah seperti ini klik file >> save as >> di file namenya ketikan "websiteku.html".

Untuk memastikan website yang anda buat sudah jadi atau belum, sekarang anda buka browser yang anda gunakan klik file >> Open >> buka websiteku.html yang anda buat tadi. Bagaimana hasilnya sudah sama dengan di bawah ini ?
Website Pertamaku

website pertamaku


Ini adalah website pertama yang saya buat,

Jika anda ingin Belajar HTML Klik di
Belajar HTML

Link ini akan membawa anda ketempat

belajar desain web

Untuk membuat website dengan cepat belajar di belajar-desainweb.blogspot.com:
Belajar HTML

INI ADALAH WEBSITE PERTAMAKU

Jika sudah sama berarti anda sudah bisa membuat website dengan cepat dan website pertama anda sudah jadi.

Cara membuat website dengan cepat ini adalah tahapan belajar desain web yang sederhana tetapi beda dengan artikel saya yang berjudul membuat website sederhana dengan cepat karena pada artikel cara membuat website dengan cepat ini saya telah mengajarkan membuat website dengan tag-tag HTML.

Semoga bermanfaat bagi anda yang sedang belajar membuat website dan belajar desain web.

Read More..

Proses tampilnya halaman website

Posted by bloggerfree at 10:50 AM | | 0 comments
Labels:

Proses tampilnya halaman website. Prosesn tampilnya halaman website di browser sebenarnya melibatkan HTML ( Hypertext Mark up Language). HTML adalah bahasa pemograman yang di gunakan untuk desain web atau mendesain sebuah halaman website.

Bagaimana proses tampilnya halaman website ?

Proses tampilnya halaman website di browser dapat di jelakan sebagai berikut :
  • Ketika anda mengakses sebuah halaman website, katakanlah anda mengetik alamta blog saya belajardesainweb.com di browser. Dalam contoh ini katakanlah halaman website tersebut bertuliskan "Saat ini saya sedang belajar HTML dan belajar desain web" dan berlatar belakang merah.
  • Browser akan mengirimkan permintaan halam website tersebut ke server web belajardesainweb.com
  • Server belajardesainweb.com akan mengirimkan halaman yang di minta dalam bentuk teks yang berisi kode-kode HTML melalui internet dan akan di kirimkan kembali kebrowser anda. Isi kode HTML nya seperti ini :
<html>
<head></head>
<body bgcolor="red">
Saat ini saya sedang belajar HTML dan belajar desain web
</body>
</html>
  • Browser yang digunakan akan membaca file HTML itu dan menjelakan kata-kata <body bgcolor="red"> sebagai intruksi untuk membuat latar belakang website berwarna merah dan kata-kata "Saat ini saya sedang belajar HTML dan belajar desain web" yang terletak antara <body bgcolor="red"> dengan </body> adalah sebagai isi dari halaman website tersebut.
  • Browser akan memblog latarbelakang menjadi merah dengan isi "Saat ini saya sedang belajar HTML dan belajar desain web" akan di tampilkan untuk anda,

Seperti itulah proses tampilnya halaman website di browser.


Belajar desain web atau membuat desain web berarti anda akan belajar HTML untuk membuat halaman HTML yang akan ditampilkan browser kepada pengunjug website anda.

Read More..

Pengenalan website

Posted by bloggerfree at 9:45 AM | | 0 comments
Labels:

Pada materi sebum-sebelumnya saya sudah sedikit membahas tentang belajar web, belajar HTML dan membuat website sederhana. Tapi sesuai judul yang saya bahas dalam salah satu artikel belajar desain web ini adalah pengenalan website.

Saat ini internet tidak bisa dipisahkan dari kehidupan kita. Berbagai website bermunculan setiap harinya, perkembangan jenis website dan desain web sangat bervariasi dan merupakan hasil dari kreatifitas manusia.

Dapat kita lihat banyak bermunculan website instan yang berbentuk blog, seperti bloggspot dan wordpress. Namun jika anda menginginkan desain web yang berbeda anda harus mendesain sendiri website milik anda bagaimana mendesainnya tentunya harus belajar desain web.

Perhatikan contoh desain web dibawah ini :

belajar desain web

belajar desain web

belajar desain web

Ketiga contoh desain web di atas dapat kita buat dengan mudah. Di dalam belajar desan web anda harus meemiliki buku panduan yang membahas secara detail bagaimana cara desain web yang kita butuhkan. Bagi yang tidak memiliki buku panduan belajar desain web kalain bisa terus membaca artikel-artikel penduan belajar desain web di blog belajar-desainweb.blogspot.com atau di blog-blog lain yang membahas tentang cara desain web.

Mendesain web sangatlah mudah jika anda memiliki keseriusan untuk belajar dan memahami cara-cara mendesain web. Untuk desain web dibutuhkan software untuk membantu /mempermudah proses desain web, seperti : Photosopt, GIMP, dreamweaver dan kompuzer. Software-software tersebut bisa kalian cari di google.

Semoga bermanfaat untuk proses belajar desain web yang ingin kalian buat.

Read More..

Belajar HTML cara merubah huruf besar menjadi kecil

Posted by bloggerfree at 3:47 AM | | 1 comments
Labels:

Belajar HTML cara merubah huruf besar menjadi huruf kecil dan begitu juga sebaliknya. Untuk merubah huruf besar menjadi huruf kecil atau sebaliknya kita harus mengunakan text-transform.

Saat kalian menulis di blog atau di halaman website ternyata teks yang kalian tuliskan berhufuf besar dan itu bukan yang kalian mau. Sedangkan untuk menghapusnya kalian sudah cape untuk mengetik ulang so jadi kalian harus merubah huruf besar ke huruf kecil atau sebaliknya kecil kebesar.

Bagaimana cara merubahnya?, ini Lah yang akan kita bahas dalam artikel yang menjadi bagian dari belajar HTML untuk pemula ini .

Untuk merubah huruf kecil ke huruf besar dalam HTML kita bisa mengunakan  text-transform:uppercase
Bagaiman caranya ? copy code HTML di bawah ini.

<p style="text-transform:uppercase">belajar html cara merubah huruf besar menjadi huruf kecil</p>

Lalu paste di notepad dan seb dengan nama "belajarhtml.html" dan liah hasilnya pasti berubah menjadi seperi ini :
belajar html cara merubah huruf besar menjadi huruf kecil


Sedangkan untuk merubah dari huruf besar ke huruf kecil kita mengunakan text-transform:lowercase.
copy code di bawah ini :

<p style="text-transform:lowercase">BELAJAR HTML CARA MERUBAH HURUF BESAR MENJADI HURUF KECIL</p>

Dan lakukan penyimpanan sama seperti yang sebelumnya maka hasilnya adalah sebagai berikut :

BELAJAR HTML CARA MERUBAH HURUF BESAR MENJADI HURUF KECIL


Mudah bukan merubah huruf besar menjadi kecil dan kecil menjadi besar mengunakan HTML. Semoga belajar HTML hari ini bermanfaat bagi kalian semua.

Read More..
Subscribe to: Posts (Atom)
 
Active Search Results
© Copyright 2010. belajar-desainweb.blogspot.com . Belajar desain web | Belajar membuat website | powered by Blogger.com | Template by desain website - Membuat website