Anekanews
Headlines News :
Diberdayakan oleh Blogger.

Latest Post

web design

Written By Unknown on Jumat, 01 Juni 2012 | 06.46

Web Disain adalah seni dan proses mengkombinasikan unsur-unsur disain tunggal seperti garis, bentuk, tekstur, warna dan proses menciptakan Halaman web tunggal atau keseluruhan Lokasi Web dan boleh melibatkan kedua-duanya, aesthetics dan mekanika suatu operasi Web site terutama memusat pada visual dan terlihat seperti Lokasi Web. Sebagian dari aspek yang mungkin adalah tercakup di Web.

Disain atau Produksi Web adalah grafik dan ciptaan animasi, mewarnai pemilihan, pemilihan huruf, disain navigasi, ciptaan isi. HTML/XML yang pengarang, JavaScript yang memprogram, dan ecommerce sebagai pengembangannya. Web Disain adalah suatu format terbitan elektronik.

Tugas seorang desainer Web secara umum adalah menentukan ?look and feel? dari sebuah situs Web. Secara langsung atau tidak, kita harus menguasai dan memahami hal-hal yang berkaitan dengan tampilan dari sebuah situs Web. Seorang desainer Web harus pula memahami penerapan aspek-aspek yang terdapat di dalam desain Web, walaupuan tidak menguasai. Seperti halnya Java Script, kita tidak wajib mengetahui dan mampu membuat Java Script sendiri untuk kebutuhan desain, namun bagaimana dan estetika penerapan Java Script pada desain akan sangat menguntungkan bila kita memahaminya.

Dalam membuat Web, seorang desainer Web menentukan aspek-aspek desain yang diperlukan seperti pemilihan Font, warna, tataletak, dan lainnya. Tugas seorang desainer Web tidaklah semudah yang dibayangkan, penguasaan software-software grafis dan animasi dan HTML authoring saja tidak cukup untuk membuat situs Web yang baik. Banyak hal yang harus menjadi pertimbangan, terlebih bila dihadapkan dengan keinginan Klien, kita akan dihadapkan dengan kepuasan klien. Terkadang idealisme kita sebagai desainer Web akan kalah dengan idealisme klien. Ha..ha.. itu hal yang wajar bukan.

tugas pak febri

Tugas 
1. Jelaskan perbedaan antara HTML, CSS dan PHP
2. buatlah sebuah postingan artikel mengenai web design di blog kalian masing-masing (jika copy paste sebutkan sumbernya)
3. ubah template blog (bagi yg belum) dengan template gratis
4. jelaskan perbedaan antara blog dengan website
5. Sebutkan faktor-faktor suksesnya design website
                                                                                                                       JAWAB
1 html : sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
css : merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.
php :  bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML.PHP banyak dipakai untuk memrogram situs web dinamis.
2 Web Disain adalah seni dan proses mengkombinasikan unsur-unsur disain tunggal seperti garis, bentuk, tekstur, warna dan proses menciptakan Halaman web tunggal atau keseluruhan Lokasi Web dan boleh melibatkan kedua-duanya, aesthetics dan mekanika suatu operasi Web site terutama memusat pada visual dan terlihat seperti Lokasi Web. Sebagian dari aspek yang mungkin adalah tercakup di Web.

Disain atau Produksi Web adalah grafik dan ciptaan animasi, mewarnai pemilihan, pemilihan huruf, disain navigasi, ciptaan isi. HTML/XML yang pengarang, JavaScript yang memprogram, dan ecommerce sebagai pengembangannya. Web Disain adalah suatu format terbitan elektronik.

Tugas seorang desainer Web secara umum adalah menentukan ?look and feel? dari sebuah situs Web. Secara langsung atau tidak, kita harus menguasai dan memahami hal-hal yang berkaitan dengan tampilan dari sebuah situs Web. Seorang desainer Web harus pula memahami penerapan aspek-aspek yang terdapat di dalam desain Web, walaupuan tidak menguasai. Seperti halnya Java Script, kita tidak wajib mengetahui dan mampu membuat Java Script sendiri untuk kebutuhan desain, namun bagaimana dan estetika penerapan Java Script pada desain akan sangat menguntungkan bila kita memahaminya.

Dalam membuat Web, seorang desainer Web menentukan aspek-aspek desain yang diperlukan seperti pemilihan Font, warna, tataletak, dan lainnya. Tugas seorang desainer Web tidaklah semudah yang dibayangkan, penguasaan software-software grafis dan animasi dan HTML authoring saja tidak cukup untuk membuat situs Web yang baik. Banyak hal yang harus menjadi pertimbangan, terlebih bila dihadapkan dengan keinginan Klien, kita akan dihadapkan dengan kepuasan klien. Terkadang idealisme kita sebagai desainer Web akan kalah dengan idealisme klien. Ha..ha.. itu hal yang wajar bukan.
Sumber :  http://www.leoniko.info/id/news-detail/11/artikel-web-design 
postingan web design : http://anekanews-info.blogspot.com/2012/06/web-design.html
3 http://anekanews-info.blogspot.com/
4 Menurut saya, Pada dasarny  sebuah blog merupakan website. Ya, blog merupakan website dengan beberapa perbedaan,yaitu :
-Artikel diurutkan secara kronologis dengan artikel terbaru di depan.
Hal ini merupakan warisan dari aspek jurnal / diary online untuk blog. Sebelum menjadi bentuk yang sekarang ini, blog merupakan online diary, tempat publisher memajang aktifitasnya. Dan diary, sudah barang tentu diurutkan berdasarkan urutan waktu.
- Mudah dalam menambahkan konten baru
Pada umumnya blog memiliki “dashboard”/back-end untuk mengelola artikel yang mudah digunakan, oleh pengguna internet awam sekalipun. Hal ini membuat pengguna internet awam dapat mempublikasikan tulisannya dengan mudah, dan mendorong penyebaran blog.
- Konten diupdate secara berkala
Dalam hal ini, untuk sebuah blog yang dirawat dengan baik. Hal ini membuat pengunjung selalu kembali untuk mendapatkan konten terbaru
- Blog memungkinkan pengunjung untuk meninggalkan komentar
Hal ini memciptakan banyak perbedaan. Jika website biasa hanya menyediakan “komunikasi satu arah”, pengunjung hanya menerima apa yang diberikan publisher secara gamblang, blog memberikan “komunikasi dua arah” pada pengunjung. Konten yang di publikasi dapat diberi komentar, dan komentar dapat dibalas dengan komentar lain, sehingga tercipta diskusi disana.
- Yang membuat Blog lebih dipercaya dari website biasa : Blog merupakan “percakapan”.
Yep, berkaitan dengan semua poin diatas. Blog tidak hanya sedekedar “memberikan informasi” pada pengunjung. Blog melakukan “percakapan” menggunakan media tulisan. Ide dari banyak orang bercampur di blog. Dan percakapan via blog ini mendorong lebih banyak hal, dan salah satunya merupakan “membangun hubungan antar manusia”.
5 faktor utama yang berperan dalam suksesnya web design adalah layout web tersebut sesuai dengan kebutuhan web tersebut,faktor lain yang tidak kalah penting seprti .
- Konsistensi dari Desain Web 
Konsistensi merupakan prioritas dalam setiap proyek web desain berkualitas. Di sini, setia aspek individu berhubungan dengan website lainnya, dan gambar secara keseluruhan,  banding dan fungsionalitas yang seragam. Oleh karena itu, menggunakan font yang sama dan warna pada halaman web dapat memberikan tampilan seragam. 
- Dampak visual website   
Ini berjalan dengan aturan lama, bahwa kesan pertama biasanya adalah tayangan berlangsung. Oleh karena itu, website harus memiliki desain web yang baik. Dengan kata Lain, ia harus menyertakan menarik grafis, gambar, dan skema warna yang saling melengkapi yang menghasilkan efek visual yang menarik. Ini merupakan ciri penting dari desain yang luar biasa. Beberapa detik pertama pengunjung pada sebuah situs web yang paling penting bagi   keberhasilan situs web. Oleh karena itu, jika website jika visual menarik, pengunjung akan diminta untuk menghabiskan lebih banyak waktu browsing situs web. 

Sifat CSS

Ada dua sifat CSS yaitu internal dan eksternal.Jika internal yang dipilih, maka skrip itu dimasukkan secara langsung ke halaman website yang akan didesain.Kalau halaman web yang lain akan didesain dengan model yang sama, maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web yang lain itu.
Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus.Nanti, cukup gunakan semacam tautan menuju berkas CSS itu jika halaman web yang didesain akan dibuat seperti model yang ada di skrip tersebut.

Fakta Menggunakan CSS diantaranya :
  • Telah didukung oleh kebanyakan browser versi terbaru, tetapi tidak didukung oleh browser-browser lama.
  • Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.
  • Menjaga HTML dalam penggunaan tag yang minimal, hal ini berpengaruh terhadap ukuran berkas dan kecepatan pengunduhan.
  • Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat ditampilkan sesudahnya.
  • Penerjemahan CSS setiap browser berbeda, tata letak akan berubah jika dilihat di berbagai browser
  • CSS adalah layouting "Masa Depan" dengan penggabungan bersama XHTML.

Cascading Style Sheets

Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file).Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

1 baris CSS framework

Percayakah kamu , bahwa sebuah framework CSS bisa dibangun hanya dengan satu baris kode CSS saja ?
Saya tidak! , tapi Vladimir Carrer bisa membuktikannya.
Kodenya : .dp50 {width:50%; float:left; display: inline; *margin-right:-1px; }
Serius, ternyata ini benar – benar bisa berjalan baik, walau hanya untuk penggunaan pada 1,2,4,8,16 kolom. Luar biasa.

CSS Framework

Setelah mempelajari dasar-dasar kode CSS/XHTML, ada baiknya kita juga berkenal dengan CSS framework. Ternyata ada cukup banyak artikel dalam bahasa Indonesia mengenai CSS framework, salah satu artinya kami ambil kutipan berikut ini:
CSS framework adalah paket kode CSS/XHTML sebagai acuan dasar membuat web, sehingga kita tidak perlu lagi menulis kode web (CSS/XHTML) dari NOL. Rata-rata CSS framework memakai konsep grid system.
Dalam pengamatan kami, CSS framework bisa menjadi perdebatan diantara web desainer / developer / programmer. ada yang pro dan kontra mengenai perlu-tidaknya pemakaian CSS framework dalam pembuatan website.
Yang pasti dalam perkembangannya, CSS framework jumlahnya terus bertambah, dan mau tidak mau kita harus mengenalnya. Jika kita lihat di mesin pencari, cukup banyak blog Indonesia yang membahas masalah ini, namun kami tidak menyertakan semua sumber tersebut. Berikut adalah beberapa tulisan, artikel, podcast mengenai CSS framework dalam bahasa Indonesia,

Membuat Horizontal Menu dengan CSS plus Drop Down - Revisited

Yes, artikel pertama ditahun 2011, saya akan mengajarkan cara membuat navigasi menu lengkap dengan drop down murni dengan CSS. Loh bukannya sudah pernah? Ya dan itu tahun 2008! sudah basi sudah kuno (ya nggak kuno-kuno banget sih), dan masih banyak juga menanyakan kesulitan tentang menu tersebut dikarenakan menggunakan image sprites. Dan karena sekarang sudah tahun 2011, maka saya akan mengajarkannya lagi tanpa menggunakan images sama sekali.
Oke sebelum lanjut, saya asumsikan Anda sudah paham HTML dan CSS, dan tentu saja sudah paham menghubungkan antara HTML file dengan CSS, kalau belum saya sarankan lihat artikel belajar CSS saya dari jaman baheula dulu.

 

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Anekanews - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger