Prasetio Blog

Tampilkan postingan dengan label Dreamweaver. Tampilkan semua postingan

Minggu, 21 Maret 2010

Animasi teks pada dreamweaver

Label: Dreamweaver 0 komentar

Apa kabar kawanku . . . . . gimana nih keadaannya?? Agak sakit, agak susah, agak senang atau agak sedih. .

Ya kawanku . . kali ini kita akan membahas animasi teks pada dreamweaver. Mau tahu caranya gimana gampang kok . .

Pertama buka dreamweaver kalian dan buat dokumen baru dengan memilih html.

Kemudian pada bagian code antara <body> dengan </body>, masukkan <marquee> seperti berikut

Dan coba ketikkan suatu kata misal selamat datang diantara <marquee> dan </marquee>

Lalu save dengan format html.

Coba buka dengan browser, jalan atau tidak . . . .

Ya mungkin segitu dari saya, tunggu postingan selanjutnya. Pasti lebih seru dan menarik

Wassalam

Selasa, 02 Maret 2010

Membuat tabel di dreamweaver

Label: Dreamweaver 0 komentar

Apa kabar kawanku semua, pasti kabarnya baik – baik saja . . . . . Sama saya juga baik – baik saja, tapi agak sedikit flu. Habis kehujanan

Oke kali ini kita akan bahas bagaimana cara membuat tabel pada dreamweaver. Tujuan membuat tabel pada dreamweaver yaitu biasanya untuk meratakan suatu paragraph, atau untuk mempercantik, de el el.

Perlu diketahui dalam pembuatan tabel harus memperhatikan banyak kolom dan baris, karena tabel yang bertumpuk – tumpuk bisa membuat web kita lambat lodingnya. Dan juga harus memperhatikan panjang, lebar dan border . . . .

Pertama buka program dreamweaver anda (versi macromedia atau adobe, terserah)

Kemudian klik table pada toolbar di atas, atau pada menu bar pilih insert => table

Lalu atur propertiesnya seperti berikut:

Jika sudah tekan enter. Kemudian, coba isikan, ketik beberapa paragraf seperti berikut:

Lalu save, dan buka dengan browser. Akan terlihat seperti ini:

Oke . . . rapi kan . Anda bisa berkreasi sendiri dan mengturnya sendiri, dan terciptalah hasil karya Anda sendiri.

Segitu dari saya, terima kasih dan wassalam

Sabtu, 13 Februari 2010

CSS . . aku ingin mengenalmu !

Label: Dreamweaver 2 komentar

Kali ini kita akan membahas yang namanya CSS (Cascading Style Sheet), CSS biasanya digunakan untuk mendesain atau mengatur sebuah layout blog atau sebuah web sehingga kalau dipandang mata enak dilihat (waduh . . . . bahasanya tinggi banget)

Oke . . . biasanya CSS diawali dengan tag <style type="text/css"> dan diakhiri dengan </style> dan yang paling penting adalah CSS ditulis diantara <head> dan </head> untuk lebih jelasnya silahkan baca penjelasan dibawah ini

Style rule

Cascading style sheet merupakan kumpulan aturan yang mendefinisikan style dari document. Sebagai contoh kita bisa membuat aturan style yang menentukan bahwa semua <H2> di tampilkan dengan warna orange.

Style sheet

Style sheet dapat dapat di embedded ke HTML document. Atau disebut embedded style sheet. Style sheet juga bisa dibuat sebagai external file dan di link ke document HTML. Style role bisa di kenakan pada bagian tertentu dari web page. Sebagai contoh anda bisa menentukan paragraph tertentu di tampilkan dengan style bold dan italic sementara yang lain tetap seperti biasa.

Selector

selector { property1: value; property2:value, . . .}

H1{ color:green; background-color:orange}
Gimana masih bingung?? Baiklah kita praktek aja langsung silahkan ketikkan kode berikut ke macromedia dreamweaver anda pada bagian kode, bagi yang gak punya dreamweaver pakek notepad aja . . . tapi harus disimpan dengan format html

Misal:

<HTML>

<HEAD>

<STYLE TYPE="text/css">

B { color : lime }

</STYLE>

</HEAD>

<BODY>

P: Mengapa jika kita anggap <B>suatu pekerjaan</B> itu mudah

maka pekerjaan itu akan beneran menjadi<B> lebih mudah</B> ?

<P>

J: Karena itu merupakan <B>sugesti</B> terhadap <B>diri kita sendiri</B>

</BODY>

</HTML>
Bagaimana sudah agak mengerti ?

Baiklah mungkin itu saja dari saya, kita akan bertemu lagi di lain waktu

Wassalam

Senin, 01 Februari 2010

Dasar HTML Untuk Pemula

Label: Dreamweaver 0 komentar

HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser, seperti Internet Explorer, Netscape Navigator, NeoPlanet, dll. HTML inilah yang memungkinkan kita menjelajah internet dan melihat halaman web yang menarik.

Sekarang ini di pasaran terdapat banyak HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage contohnya. Tetapi tanpa mengetahui dasar-dasarnya, kita tidak akan memperoleh hasil yang maksimal. Mengapa ? Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek.

Struktur dasar HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/").

Sebuah halaman web minimal mempunyai empat buat tag, yaitu :
<HTML>

Sebagai tanda awal dokumen HTML.
<HEAD>

Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag

TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<TITLE>

Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan

muncul pada bagian paling atas browser Anda (pada title bar).

Dasar HTML Untuk Pemula

Contoh :
<TITLE>Belajar HTML</TITLE>
<BODY>

Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar

belakang, warna teks, warna link, warna visited link, warna active link dan

lain-lain.

Atribut :

BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN &

TOPMARGIN.

Contoh :

<BODY bgcolor="#000000" background="images/pcb.gif" text="#FFFFFF"

link="#FF0000" vlink="FFFF00" alink="#0000FF">
Sebuah contoh sederhana dokumen HTML :

<HTML>

<HEAD>

<TITLE>Belajar HTML

</TITLE>

</HEAD>

<BODY bgcolor="#FFFFFF" background="images/gambar1.gif" text="#FF0000">

Letakkan text, images, dan link Anda di sini

</BODY>

</HTML>
Sekian dari saya terima kasih, tunggu lanjutannya

Senin, 25 Januari 2010

Salam Kenal Macromedia Dreamweaver

Label: Dreamweaver 2 komentar

Pepatah mengatakan (emang tau pepatah . . . ) tak kenal maka tak sayang. Dalam pembahasan kali ini kita akan membahas mengenai Macromedia Dreamweaver, area kerja, tool-nya.

Pertama logo Dreamweaver seperti ini

Dreamweaver merupakan salah satu software pembuat website yang mempunyai banyak sekali kemudahan dalam pengoperasiannya namun juga sangat powerful dalam pembuatan website. Salah satu keunggulannya adalah kemudahannya dalam berinteraksi dengan macromedia flash, sebuah tool animasi yang sangat populer di internet.

Ketika pertama kali membuka program ini akan muncul seperti ini :

Lalu area kerja dreamweaver ketika kita membuka file baru yaitu seperti ini:

Design bekerja layaknya kanvas bagi pelukis. Bagian ini merupakan tempat kita bekerja dalam membentuk sebuah halaman situs. Disini, dengan menggunakan document toolbar kita bisa menampilkan code saja, desain saja atau kedua-duanya

Insert bar membantu kita untuk memasukkan berbagai berbagai elemen-elemen pembentuk halaman web, seperti gambar, script php, simbol-simbol, shockwave, dan lain-lain. Elemen-elemen tersebut direpresentasikan dalam bentuk icon.

Properties menampilkan berbagai property yang dipunyai elemen tertentu. Kita bisa langsung mengubah properti dari elemen tersebut dengan tool ini, misalnya merubah warna text, memberikan background pada elemen tabel, menggabungkan kolom, dan lain-lain.

Panel biasa digunakan untuk menampilkan beberapa fasilitas yang diperlukan untuk mendesain web