Senin, 04 Februari 2008
Senin, 21 Januari 2008
WELCOME
Hai,my friends.....!!Pa kabar...?
Makasih ya ! dah dateng ke website ku nie, Di sini kalian bisa liat aku n' bisa tau apa2 tentangku.........!Ada foto asliku, my biodataku, n' my albumku. Kalian juga bisa belajar bareng aku lhooo,...coz ada kumpulan modulku & artikel2 website..Kan bisa tambah ilmu khan..!! Kalian juga bisa buat website ini dengan liat mudulnya..!!Eehh. don't forget kasih kritik & saran ke Coment ku yach....!!!!thanks.,bye..
Wassalamu'alaikum.wr.wb
[1].jpg)
[1].jpg)
[1].jpg)
[1].jpg)
MODUL
HTML
A. Langkah-langkah membuat website dengan menggunakan HTML, yaitu dengan menggunakan NOTEPAD,MACROMEDIA DREAMWEAVER :
NOTEPAD
Cara membuat :
Buka START , PROGRAM,Pilih NOTEPAD
Dan seterusnya ,buat Aboutme.html, Gallery.html, Contact.html sama seperti diatas namun isi sambutan berbeda.Untuk melihat hasil sementar Klik F 12Simpan dan beri nama index.html, aboutme.html, gallery.html, contact.htmlMACROMEDIA DREAMWEAVERBuka Start,Program,Pilih Macromnedia DreamweaverPilih create new ,HTMLBuat Index.html dengan konsepDan seterusnya , buat Aboutme.html, Gallery.html, Contact.html sama seperti diatas namun isi sambutan berbeda.Untuk melihat hasil tampilan klik PREVIEW IN EKSPLORERSimpan hasil dengan nama index.html, aboutme.html, gallery.html, dan contact.htmlBUTTONLangkah-langkah membuat Button :Klik Start pilih Macromedia Firework 8Pilih Create New ,Firework FileKetik UkuranWidth : 150Height : 25Pilih Rectangle Tool (U)Pilih background sesuai selera,warna garis tepi pada gambar sesuai seleraPada Rectangle Roundneess pilih ukuran 90Pilih / klik Filters +,pilih Bewel and Emboss,pilih inner bevelPilih Smoth ukuran 5Klik kanan pada button,pilih Convert to symbolBeri tulisan dengan Text tool (T) misalnya : HOME, ABOUTME, GALERY, CONTACTKlik 2 kali ,Over,Copy Up GraphicGanti warna ,DoneWEB MACROMEDIA FIREWORKS 8Langkah-langkah menbuat Banner :Klik START, PROGRAM, MACROMEDIA FIREWORKTulis ukurana. Width : 780b.Height : 580Beri tulisan dengan TEXT TOOL (T)Beri bentuk-bentuk , warna, dll dengan menu SELECT, BITMAP,VECTORUntuk memberi Bingkai gunakan COMMANDS,CREATIVE, ADD PICTURE FRAMEUntuk memberi Bayangan di belakangnya gunakan FILTER, SHADOW AND GLOW,Pilih salah satu jenis bayangana.:a. DROP SHADOW,b. GLOW,c. INNER GLOW,d. INNER SHADOW, dane.SOLID SHADOW.BANNERLangkah-langkah membuat Banner :Buka START, PROGRAM, MACROMEDIA FIREWORKS 8Cari gambar yang akan dijadikan banner ,2 atau lebih macam yang berbedaUkuran Banner 798 x 208Untuk menyelaraskan klik COMMANDS,CREATIVE,FADE IMAGEPilih bentuk yang diinginkan sesuai seleraSimpan dengan nama file banner.jpgGantikan bg colour dengan banner tersebut dengan menuliskan
A. Langkah-langkah membuat website dengan menggunakan HTML, yaitu dengan menggunakan NOTEPAD,MACROMEDIA DREAMWEAVER :
NOTEPAD
Cara membuat :
Buka START , PROGRAM,Pilih NOTEPAD
Dan seterusnya ,buat Aboutme.html, Gallery.html, Contact.html sama seperti diatas namun isi sambutan berbeda.Untuk melihat hasil sementar Klik F 12Simpan dan beri nama index.html, aboutme.html, gallery.html, contact.htmlMACROMEDIA DREAMWEAVERBuka Start,Program,Pilih Macromnedia DreamweaverPilih create new ,HTMLBuat Index.html dengan konsepDan seterusnya , buat Aboutme.html, Gallery.html, Contact.html sama seperti diatas namun isi sambutan berbeda.Untuk melihat hasil tampilan klik PREVIEW IN EKSPLORERSimpan hasil dengan nama index.html, aboutme.html, gallery.html, dan contact.htmlBUTTONLangkah-langkah membuat Button :Klik Start pilih Macromedia Firework 8Pilih Create New ,Firework FileKetik UkuranWidth : 150Height : 25Pilih Rectangle Tool (U)Pilih background sesuai selera,warna garis tepi pada gambar sesuai seleraPada Rectangle Roundneess pilih ukuran 90Pilih / klik Filters +,pilih Bewel and Emboss,pilih inner bevelPilih Smoth ukuran 5Klik kanan pada button,pilih Convert to symbolBeri tulisan dengan Text tool (T) misalnya : HOME, ABOUTME, GALERY, CONTACTKlik 2 kali ,Over,Copy Up GraphicGanti warna ,DoneWEB MACROMEDIA FIREWORKS 8Langkah-langkah menbuat Banner :Klik START, PROGRAM, MACROMEDIA FIREWORKTulis ukurana. Width : 780b.Height : 580Beri tulisan dengan TEXT TOOL (T)Beri bentuk-bentuk , warna, dll dengan menu SELECT, BITMAP,VECTORUntuk memberi Bingkai gunakan COMMANDS,CREATIVE, ADD PICTURE FRAMEUntuk memberi Bayangan di belakangnya gunakan FILTER, SHADOW AND GLOW,Pilih salah satu jenis bayangana.:a. DROP SHADOW,b. GLOW,c. INNER GLOW,d. INNER SHADOW, dane.SOLID SHADOW.BANNERLangkah-langkah membuat Banner :Buka START, PROGRAM, MACROMEDIA FIREWORKS 8Cari gambar yang akan dijadikan banner ,2 atau lebih macam yang berbedaUkuran Banner 798 x 208Untuk menyelaraskan klik COMMANDS,CREATIVE,FADE IMAGEPilih bentuk yang diinginkan sesuai seleraSimpan dengan nama file banner.jpgGantikan bg colour dengan banner tersebut dengan menuliskan
ARTIKEL
Web Template Tanpa Table - PHP, JavaScript, dan CSS (Bagian 1)SEO, Web Design, Web Programming 1 Comment »
Web template memudahkan kita membuat website dengan hanya beberapa disain web layout untuk banyak tampilan content web. Kenapa sedikit layout untuk banyak tampilan? Hal ini untuk memudahkan disain ulang web, jadi hanya beberapa layout saja yang perlu dirubah. Sekaligus dengan mekanisme template, sebuah website akan mudah dipelajari, karena kode program (PHP) dan disain layout web (HTML, JavaScript, dan CSS) dipisahkan, atau tidak dijadikan satu file atau bagian.Continue reading »Dec 31
Tips untuk Web DesignArtikel & Tutorial, Web Design No Comments »
Apakah para pengembang web memahami berapa lama orang akan mengunjungi websitenya?Apakah kita adalah internet newbie atau pemasar berpengalaman, kita perlu memahami hal terbaik tentang website, disain menjadi bagian yang menyangkut sukses kenyamanan.Berikut tips untuk kesuksesan sebuah web:1. NavigasiKita pernah bahas bagian ini pada artikel merancang navigasi websiteKetika orang datang ke website kita mereka pada umumnya mencari sesuatu yang khusus.Misal resep untuk diet rendah, sehat dan mencarinya serta menyiapkannya kurang dari beberapa menit atau apa yang merupakan bisnis terbaik untuk dimulai secara online.Apapun yang pengunjung inginkan, kita harus mempunyai jawaban untuk itu. Maka tanyakan pada diri kita,kenapa orang-orang datang ke website kita? Ketika kita mengetahuinya kemudian kita harus membuatnya gampang untuk mereka temukan apa yang mereka cari. Continue reading »Dec 31
Memilih Warna pada WebsiteArtikel & Tutorial, Web Design No Comments »
Warna merupakan pertimbangan emosional, karena variasi warna dapat menyebabkanemosi yang berbeda pada tiap orang. Kita semua tahu bahwa hijau adalahsimbol uang (mata duitan), tapi apakah kita tahu juga bahwa hijau merupakan simbolketamakan, iri hati, dan kecemburuan? Pilihan warna akan mendapat efek langsung dari pengunjung tentang persepsi perusahaan atau produk kita tawarkan. Ini menjadi rumit dengan adanya fakta bahwa penggunaan warna pada web sekarang tak terbatas: perkembangan teknologi membolehkan kita membuat jutaan kombinasi warna.Jadi bagaimana dengan pilihan kita? Artikel ini akan membantu mempermudah memahami dasar-dasar dari pemilihan warna.Ini penting untuk dimengerti bahwa setiap warna ditentukan positif dan negatif dariemosi yang menghubungkannya dgn itu, mungkin bisa disebut dengan ‘makna warna’. Maksudnya adalah bahwa warna akan mempengaruhi emosional customer bagi perusahan, merek atau produk yang ditawarkan. Jadi ketika memilih skema warna untuk website, atau tipe media lain, anda perlu yakin dengan pemberian warna pada perusahaan atau produk dengan warna-warna yang mengajak audiens untuk selalu memilih web perusahaan atau produk kita
PNG vs GIFArtikel & Tutorial, Web Design No Comments »
Artikel ini, mengajak anda menjelajahi dua pilihan utama dari formatgambar yang dapat dipakai dalam Web untuk menggambarkan graphic sederhanaberupa skema atau logo.GIFGraphics Interchange Format (GIF) dikembangkan pada tahun 1980 dan semakinmeluas penggunaanya.Format GIF adalah format yang mengompress/memperkecil ukuran filenyamenggunakan algoritma yang disebut LZW Continue reading »Dec 10
Cerita Dibalik CSSArtikel & Tutorial, Web Design No Comments »
CSS bekerja sebagai pelengkap pada HTML. Jika anda baru mempelajari HTML, maka cobalah untuk sekaligus belajar CSS. Dan anda akan terkejut dengan hasilnya..!!CSS memungkinkan web developer untuk memisahkan HTML dari aturan-aturan untuk membentuk tampilan sebuah website. Tapi terkadang, banyak orang yang baru belajar HTML, menganggap remeh kekuatan dan fleksibilitas dari sebuah css.Lalu apa sih style sheet (css) itu sebenarnya? apa kegunaan sebenarnya? dan bagaimana cara menggunakannya?CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTMl, dan tugas utamanya adalah menetapkan aturan tampilan/style yang akan digunakan pada sebuah website.
Merancang Navigasi Website
Navigasi pada sebuah website yang tertampil pada menu dan links adalah petunjuk bagi pengunjung terhadap halaman - halaman yang terdapat dalam website. Pengunjung akan semakin mudah menemukan halaman - halaman dalam website Anda jika menu - menu dan link yang ada tampil secara terstruktur. Sudah pasti pengunjung akan kesal apabila tidak mendapatkan halaman website yang ia cari gara - gara navigasi yang ruwet.
Web template memudahkan kita membuat website dengan hanya beberapa disain web layout untuk banyak tampilan content web. Kenapa sedikit layout untuk banyak tampilan? Hal ini untuk memudahkan disain ulang web, jadi hanya beberapa layout saja yang perlu dirubah. Sekaligus dengan mekanisme template, sebuah website akan mudah dipelajari, karena kode program (PHP) dan disain layout web (HTML, JavaScript, dan CSS) dipisahkan, atau tidak dijadikan satu file atau bagian.Continue reading »Dec 31
Tips untuk Web DesignArtikel & Tutorial, Web Design No Comments »
Apakah para pengembang web memahami berapa lama orang akan mengunjungi websitenya?Apakah kita adalah internet newbie atau pemasar berpengalaman, kita perlu memahami hal terbaik tentang website, disain menjadi bagian yang menyangkut sukses kenyamanan.Berikut tips untuk kesuksesan sebuah web:1. NavigasiKita pernah bahas bagian ini pada artikel merancang navigasi websiteKetika orang datang ke website kita mereka pada umumnya mencari sesuatu yang khusus.Misal resep untuk diet rendah, sehat dan mencarinya serta menyiapkannya kurang dari beberapa menit atau apa yang merupakan bisnis terbaik untuk dimulai secara online.Apapun yang pengunjung inginkan, kita harus mempunyai jawaban untuk itu. Maka tanyakan pada diri kita,kenapa orang-orang datang ke website kita? Ketika kita mengetahuinya kemudian kita harus membuatnya gampang untuk mereka temukan apa yang mereka cari. Continue reading »Dec 31
Memilih Warna pada WebsiteArtikel & Tutorial, Web Design No Comments »
Warna merupakan pertimbangan emosional, karena variasi warna dapat menyebabkanemosi yang berbeda pada tiap orang. Kita semua tahu bahwa hijau adalahsimbol uang (mata duitan), tapi apakah kita tahu juga bahwa hijau merupakan simbolketamakan, iri hati, dan kecemburuan? Pilihan warna akan mendapat efek langsung dari pengunjung tentang persepsi perusahaan atau produk kita tawarkan. Ini menjadi rumit dengan adanya fakta bahwa penggunaan warna pada web sekarang tak terbatas: perkembangan teknologi membolehkan kita membuat jutaan kombinasi warna.Jadi bagaimana dengan pilihan kita? Artikel ini akan membantu mempermudah memahami dasar-dasar dari pemilihan warna.Ini penting untuk dimengerti bahwa setiap warna ditentukan positif dan negatif dariemosi yang menghubungkannya dgn itu, mungkin bisa disebut dengan ‘makna warna’. Maksudnya adalah bahwa warna akan mempengaruhi emosional customer bagi perusahan, merek atau produk yang ditawarkan. Jadi ketika memilih skema warna untuk website, atau tipe media lain, anda perlu yakin dengan pemberian warna pada perusahaan atau produk dengan warna-warna yang mengajak audiens untuk selalu memilih web perusahaan atau produk kita
PNG vs GIFArtikel & Tutorial, Web Design No Comments »
Artikel ini, mengajak anda menjelajahi dua pilihan utama dari formatgambar yang dapat dipakai dalam Web untuk menggambarkan graphic sederhanaberupa skema atau logo.GIFGraphics Interchange Format (GIF) dikembangkan pada tahun 1980 dan semakinmeluas penggunaanya.Format GIF adalah format yang mengompress/memperkecil ukuran filenyamenggunakan algoritma yang disebut LZW Continue reading »Dec 10
Cerita Dibalik CSSArtikel & Tutorial, Web Design No Comments »
CSS bekerja sebagai pelengkap pada HTML. Jika anda baru mempelajari HTML, maka cobalah untuk sekaligus belajar CSS. Dan anda akan terkejut dengan hasilnya..!!CSS memungkinkan web developer untuk memisahkan HTML dari aturan-aturan untuk membentuk tampilan sebuah website. Tapi terkadang, banyak orang yang baru belajar HTML, menganggap remeh kekuatan dan fleksibilitas dari sebuah css.Lalu apa sih style sheet (css) itu sebenarnya? apa kegunaan sebenarnya? dan bagaimana cara menggunakannya?CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTMl, dan tugas utamanya adalah menetapkan aturan tampilan/style yang akan digunakan pada sebuah website.
Merancang Navigasi Website
Navigasi pada sebuah website yang tertampil pada menu dan links adalah petunjuk bagi pengunjung terhadap halaman - halaman yang terdapat dalam website. Pengunjung akan semakin mudah menemukan halaman - halaman dalam website Anda jika menu - menu dan link yang ada tampil secara terstruktur. Sudah pasti pengunjung akan kesal apabila tidak mendapatkan halaman website yang ia cari gara - gara navigasi yang ruwet.
Langganan:
Postingan (Atom)
