TDA Workshop

Introduction Web Store Klasifikasi Web Store Aspek-Aspek penting dalam men-design sebuah Website Memahami HTML untuk Blogging Pengenalan HTML Membuat CSS Menyisip Program Javascript Membuat Website Sederhana dengan Dreamwever Teknik Memanipulasi Gambar Menggabungkan Gambar dengan Fireworks Membuat Banner dengan Fireworks Trik Blogging Blogspot vs Wordpress Memahami template di Blogspot Bekerja dengan file external dari Free Hosting Membuat Web Store dengan Blog SEO untuk Google

Semakin banyaknya Web Store yang ada sekarang ini memang sudah tidak bisa dibendung lagi, karena memang diakui Web Store adalah salah satu sarana yang paling efektif dalam hal memperkenalkan dan menjual produk-produk yang kita tawarkan informasinya dapat dengan cepat disampaikan. Selain itu tingkat kepercayaan pembeli juga sudah berbeda dengan 5 tahun yang lalu misalnya, orang masih takut untuk belanja secara online karena banyaknya berita miring tentang penipuan di internet dan siapa orang di balik sebuah situs masih tidak jelas. Web Store sekarang sudah lebih jelas, sudah menampilkan alamat, no telpon yang bila dihubungi benar keberadaanya. Karena bagi pembeli keberadaan Web Store justru sangat membantu selain menghemat waktu untuk belanja juga dapat dengan leluasa melihat, memilih-milih barang yang diinginkan. Bahkan di Web Store biasanya akan menampilkan secara detail keterangan, spesifikasi dari barang yang ditawarkan yang belum tentu kita dapatkan kalau belanja secara Offlin...

1. Profesional Web Store Web Store kategori ini bisa dikatakan web store yang sesungguhnya dan Web Store jenis ini yang dapat menjadi acuan kita dalam membuat sebuah Web Store . Perusahaan-perusahaan dengan merek2 ternama biasanya sudah memiliki fasilitas Web Store kategori ini, karena selain biaya yang tidak murah akan membutuhkan waktu yang tidak sebentar untuk pembuatan Web Store kategori ini, walaupun tidak semua. Contoh Profesional Web Store: http://www.ebay.com http://bhinneka.com dll 2. Semi Profesional Web Store Biasanya kategori ini sudah hampir sama dengan Profesional Web Store , tapi biasanya kategori ini belum mementingkan kridibilitas produk-produk yang di tawarkan, karena kebanyakan masih menggunakan fasilitas-fasilitas ‘ Free ’ yang ada di internet. Contoh Semi Profesional Web Store disini adalah Web Store yang menggunakan Open Source Program seperti : Joomla , osCommerce , Mambo , Drupal dll Memang Web Store kategori ini sudah beragam yang menggunakannya dari per...

1. Konsep Sistem Perlunya konsep dalam pembuatan sebuah website merupakan hal yang sangat penting bila website yang akan kita buat tidak hanya sekedar asal publish saja. Dari fitur-fitur yang akan dibuat sampai bagaimana sistem maintenance untuk website tersebut kedepannya merupakan hal-hal yang perlu diperhatikan. 2. Kemudahan Akses Kemudahan mengakses sebuah website adalah hal yang perlu diperhatikan dalam pembuatan sebuah website, seperti pembuatan dan penempatan sistem navigasi yang tidak membingungkan user dalam mengakses website misalnya. 3. Kecepatan Akses Kecepatan disini selain dari server pendukung yang bagus dari tempat hosting website , tetapi dari website itu sendiri akan mempengaruhi kecepatan sebuah website, seperti penempaan image di sebuah website, buatlah sesuai ukuran yang diperlukan halaman website tersebut misalnya bukan file image yang besar yang hanya di perkecil saja. 4. Look and Feel Design Design yang menarik akan mengundang pengunjung website anda untuk ...

Apa sih HTML? . HTML merupakan singkatan dari HyperText Mark-up Language yaitu bahasa standard yang digunakan untuk mengatur atau menampilkan materi-materi informasi yang akan di terjemahkan oleh browser ( Firefox , IE , dll). Untuk simple-nya di HTML itu hanya ada 2 bagian yaitu: bagian ' head ' dan bagian ' body ' di bagian ' head ' untuk mendefinikan sesuatu yang akan dipakai di ' body ' (ini juga kalau ada), sementara di ' body ' untuk menampilkannya. <html> <head></head> <body>Ini Isi Body</body> </html> Coba copy kode HTML di atas dan paste di ' notepad ' simpan dengan nama file test.html jalankan di browser , ya... itu udah file html. Sedangkan untuk memasukkan kode lain, masukkan saja di antara kedua tag body. Setiap kode HTML harus ada tag pembuka <nama tag> dan tag penutup </nama tag> , dan kalau ada yang masih pernah merasakan memakai program Pengolahan Kata WS ( WordStar ) ...

Dynamic Drive

Bagaimana membuat 'banner animasi' dengan format .gif yang sederhana tapi menarik untuk website kita. Sebagai tools yang mudah digunakan adalah menggunkan Adobe Fireworks. Berikut langkah-langkah membuat banner animasi sederhana Langkah-1 Buat file baru di Adobe Fireworks dan tentukan ukuran banner yang akan dibuat, untuk banner yang saya buat disini dengan ukuran 410 x 60 pixels Karena image yang kita buat adalah untuk keperluan website, jadi untuk resolusi cukup dengan 72 pixels/inch saja. Langkah-2 Setting file tersebut dengan format ' Animated Gif ' dari properties yang ada pada bagian bawah lembar kerja. Langkah-3 Buka file image yang akan kita gunakan di banner yang akan kita buat ini, kemudian ' drag ' atau tarik ke file image animasi yang akan dibuat. Langkah-4 Sebagai atribut tambahan masukkan Text melalui 'Tool' 'Text' yang ada di sebelah kiri lembar kerja. Sampai sini kita telah selesai membuat image pertama dari banner animasi yan...

Sebenarnya bagus mana nge-blog dengan menggunakan Blogspot atau wordpress? Untuk kategori ‘ Free ’ keduanya mempunyai kelebihan dan kekurangan dari masing-masing penyedia jasa ini Banyak orang bilang Wordpress lebih cepat aksesnya, template-nya lebih enak dipandang dan pilihanpun berfariasi. Tapi di Blogspot bisa pasang Shoutbox , menggunakan Javascript , dengan tag HTML -nya hampir semua diloloskan, pasang flash atau video juga gak harus dari referensi -nya yang semua itu gak ada di Wordpress yang free . Ya itu semua beberapa kelebihan dan kekurangan Blogspot dan wordpress , yang pasti kelebihannya adalah sama-sama kasih free untuk menggunakan fasilitas ini. Bagi pengguna pemula sampai menengah yang ingin FUN untuk nge- blog sebaiknya anda pilih Blogspot karena tidak terlalu banyak batasan-batasan untuk berkreasi disana, tapi bila anda ingin ke arah profesional blog dan sudah memikirkan keamanan data yang ada di blog anda sebaiknya migrasi ke Wordpress dengan membeli dom...

sebelumnya anda bisa register di free hosting yang ada. Sebagai contoh untuk menggunakan file external dari free Hosting : Coba anda click kanan image di salah satu website dan ‘ properties ’, maka akan keluar informasi dari file tersebut, dan bila anda ingin tampikan gambar tersebut di blog anda tinggal masukan konfigurasi tersebut dengan menggunakan tag image HTML HTML berikut adalh menampilkan logo Google di blog anda dengan menmbah elemen HTML/Javascript dari Template anda. <img src="http://www.google.co.id/intl/id_id/images/logo.gif" height="110" width="281"> Nah file image tersebut bisa ditampilkan juga dari alamat file yang ada di Free Hosting anda. <img src="-- alamat image --" height="—tinggi image --" width="—lebar image --">

Sebenarnya kalau kita sedikit saja mau tau apa isi yang ada di kode HTML template blogspot melalui editor -nya, kode template HTML ini relatif pendek walaupun kalau di copy ke MS.Word jadi kurang lebih 10 halaman. Untuk Tempate yang bukan clasic blogspot menggunakan tag <div> untuk display di body halaman blog-nya dan menggunakan CSS semua untuk tampilan tersebut. Berikut gambaran besar template blogspot /* Variable definitions ==================== <Variable name="mainBgColor" description="Main Background Color" type="color" default="#ccddbb" value="#f3f3f3"> ---- dst >> Variable definitions berfungsi untuk menentukan warna, font yang digunakan berikut warna, yang ini effect-nya bisa ihat di Template | Font dan warna /* Page Structure ----------------------------------------------- */ #outer-wrapper { --- dst << Page Structure adlah penentuan untuk monfigurasi dari lebar halaman dari keseluruhan sam...

TDA IT menyelenggarakan 1-day Workshop : How to design your webstore with Blogger. bagaimana memulai membuat web sebagai toko online anda hingga menghasilkan rupiah ke bisnis anda? Ikuti workshop ini. Tujuan : Memperkenalkan kepada pemula sebuah aplikasi Blogger dari Google, sehingga anggota TDA (UKM) dapat membuat webstorenya sendiri dengan aplikasi tsb secara gratis dan mudah tanpa perlu pengalaman dan pengetahuan di IT. Dan diharapkan dengan adanya workshop ini, anggota TDA mempunyai website untuk memperkenalkan dan menjual produk-produknya. Mempelajari tools, tip dan triks tambahan dib logger Mempelajari bagaimana mengoptimalkan search engine agar web kita muncul dihalaman pertama Google. Aplikasi pendukung : Akses Internet, Blogger.com, Photoshop, HTML Script. Hardware pendukung : 1 komputer untuk 1 peserta (Komputer dengan Intel Core 2 Duo, Layar LCD 19 inch), dengan meja yang luas, full akses internet sehingga dapat online langsung, LCD projector, Sound System, Café, Tempat yang...