Apakah Anda ingin membuat situs web baru dari awal atau ingin memperbarui desain lama, Anda bisa melakukannya sendiri. Tapi sebelum anda melompat ke dalam desain situs Web Anda, luangkan waktu untuk membaca melalui langkah-langkah cepat untuk merencanakan sebuah situs web saat anda meletakkan dasar untuk proyek yang sukses. Juga menyisihkan waktu untuk mengoptimalkan semua gambar untuk situs Web anda sehingga mereka akan siap untuk turun langsung ke dalam desain Anda, dan anda dapat yakin situs Web Anda akan men-download dengan cepat. Dan untuk hal-hal yang tidak dapat Anda lakukan sendiri, disini anda akan mendapatkan daftar berguna dari link ke sumber daya yang populer.
Jika anda sedang merancang sebuah situs web sendiri, Anda mungkin tergoda untuk melompat tepat ke dalam desain. Namun, lingkup keluar apa yang anda butuhkan bagi situs anda untuk melakukan meletakkan hal yang dasar untuk semua pekerjaan desain web. Langkah-langkah berikut ini merangkum proses perencanaan situs Web, karena itu adalah bagian penting untuk menciptakan sebuah situs:
- Tentukan tujuan dan sasaran Website Anda.Cobalah untuk membuat beberapa tujuan anda menjadi terukur, terutama jika situs anda adalah situs bisnis. Contoh dari tujuan yang terukur adalah jumlah download per bulan dari panduan gratis yang anda tawarkan di situs anda.
- Buatlah Daftar Isi.Dengan membuat daftar, Anda tahu apa isi yang anda butuhkan untuk diuraikan sehingga siap sebelum anda mulai bekerja pada desain anda.
- Buatlah Daftar Pekerjaan.
- Atur Jadwal Anda.Tujuan selalu membantu anda tetap menjalankan proyek.
- Tetapkan Anggaran.Mengetahui anggaran anda di awal dapat membantu anda memilih host dan memutuskan apa layanan lain yang bisa (atau tidak bisa) sebelum anda memutuskan apakah akan memasukkan mereka dalam desain anda.
- Tentukan bagaimana menangani pemeliharaan dan pembaruan.
- Bentuklah Sebuah Tim.Bahkan jika anda ingin merancang situs Web sendiri, membutuhkan seseorang untuk mengoreksi teks atau hanya melihat situs anda dan memberikan umpan balik sangat membantu. Atau anda mungkin memutuskan anda ingin menyewa seorang ahli untuk membantu anda dengan bagian dari situs anda, karena anda tidak memiliki waktu atau keahlian teknis yang diperlukan.
Cara Optimalkan Gambar untuk Website AndaTidak peduli seberapa besar konten pada halaman web Anda, gambar memiliki daya tarik perhatian yang besar. Kunci untuk mengoptimalkan gambar sehingga mereka mengunduh cepat dari halaman web Anda
- Cropping dan mengubah ukuran gambar untuk ditampilkan dengan baik pada layar komputer
- Memilih format-format yang terbaik:
- GIF atau PNG untuk seni garis dan gambar dengan warna yang terbatas, seperti logo dan kartun
- JPEG untuk foto-foto dan gambar-gambar lainnya dengan jutaan warna-warna.
- Elemen-elemen Photoshop termasuk menyimpan (save) untuk fitur Web yang memudahkan untuk mengoptimalkan gambar apapun dan menyimpannya dalam format terbaik untuk situs Anda.
Website untuk Membantu Do-It-Yourself Perekayasa Jaringan
Gunakan referensi ini berguna untuk menemukan situs web dalam membantu anda dengan banyak aspek desain web. Di samping setiap nama situs web adalah alamat, yang dapat anda klik untuk mengarahkan browser anda ke situs tersebut.
Perangkat Lunak untuk Rekayasa Web
Adobe Photoshop, www.adobe.com/photoshop
Adobe Photoshop Elements, www.adobe.com/photoshopelements
Adobe Dreamweaver, www.adobe.com/dreamweaver
Google Analytics, Google’s free traffic-tracking service,www.google.com/analytics
FireFTP, free ftp program, http://fireftp.mozdev.org
WS_FTP, professional FTP program for Windows, www.ipswitch.com
CuteFTP, free ftp program for Windows, www.cuteftp.com
Fetch, Great FTP program for Macintosh, www.fetchsoftworks.com
Blogging programs
Blogger, www.blogger.com
Joomla, more than just a blogging solution, Joomla is an open-source content management system (CMS), Joomla.org
Movable Type, www.movabletype.com
TypePad, www.typepad.com
WordPress, www.wordpress.com
Domain registration and hosting services
1&1, www.1and1.com
Domain, www.domain.com
GoDaddy, www.godaddy.com
Network Solutions, www.networksolutions.com
Rackspace Professional Web Hosting, Rackspace.com
Video and animation software and services
Flash Arcade, flash showcase www.flasharcade.com
Flash Kit, flash tools www.flashkit.com
QuickTime, www.quicktime.com
Windows Media, by Microsoftwww.microsoft.com/windows/windowsmedia
Vimeo, video hosting service, www.vimeo.com
YouTube, video social networking site, www.youtube.com
Audio and podcasting services
Audacity, free audio recording and editing program,http://audacity.sourceforge.net
Gcast, free service, www.gcast.com
iTunes, podcasting, music, movies, and more from Apple www.itunes.com
My Podcast Recorder, free download, www.MyPodcast.com
Podcast Alley, www.podcastalley.com
Podcast Network, www.thepodcastnetwork.com
Podcasting Tools, www.podcasting-tools.com
SolidCasts, free service, www.solidcasts.com
Advertising networks
Chitika, search-targeted advertising network www.chitika.com
Commission Junction, affiliate advertising, www.CommissionJunction.com
Google AdSense, www.google.com/adsense
LinkShare Affiliate Advertising, www.linkshare.com
Amazon Associates, affiliate ads and product links, https://affiliate-program.amazon.com/
Ecommerce Services
Google Checkout, offers simple ‘buy now’ buttons and shopping cart,www.google.com/sell
PayPal, International payment service with buy now buttons and shopping cart integration, www.paypal.com
Yahoo! Merchant Solutions, one of the largest providers of ecommerce on the Web, store.yahoo.com
Sell on Amazon, offers a range of ecommerce services,www.amazonservices.com/content/sell-on-amazon.htm
PayLoadz, specialized ecommerce service for selling digital goods, such as videos and ebooks, www.payloadz.com
ProStores, eBay’s ecommerce service, www.prostores.com
Traffic Reporting Services
Google Analytics, the most popular traffic tracking service and it’s freewww.google.com/analytics
Clicky, www.getclicky.com
Yahoo! Web Analytics, http://web.analytics.yahoo.com
AWStats, http://awstats.sourceforge.net
Piwik, www.piwik.org
Web Browsers
Microsoft Internet Explorer, www.microsoft.com/ie
Mozilla Firefox, www.firefox.com
Apple Safari (Mac only), www.apple.com/safari
Google Chrome, www.google.com/chrome
Browser Archive, http://browsers.evolt.org/
Web Browser Online Testing Services
Adobe Browser Labs, https://browserlab.adobe.com
Browsershots, www.browsershots.org
Cross Browser Testing, www.crossbrowsertesting.com
Xenocode Browser Sandbox, www.xenocode.com/Browsers
Where to learn more about Web design
DigitalFamily.com, www.digitalfamily.com
JCWarner.com, www.jcwarner.com