Saturday, September 22, 2018

Web Direktori (MyBlogLog) - Tips dan Trik Menguasai SEO


MyBlogLog adalah jaringan sosial komunitas blogger yang memfasilitasi interaksi menggunakan sebuah widget web yang telah diinstall di blog oleh banyak anggota. MyBlogLog merupakan layanan gratis di bawah perusahaan teknologi besar yaitu Yahoo! . Layanan ini dapat dimanfaatkan untuk membuat sebuah komunitas blog untuk satu atau lebih penulis blog. Anggota terdaftar lainnya dapat berlangganan ke komunitas, juga bisa menjadi social bookmarking untuk keperluan membaca artikel di lain hari. Blogger kemudian dapat menampilkan widget di situs mereka yang menunjukkan anggota komunitas MyBlogLog yang baru mengunjungi halaman mereka.

Widget ini juga mengandung link untuk mengunjungi halaman anggota lainnya, hal ini merupakan salah satu cara di mana pengguna bisa berhubungan dengan satu sama lain. Semua anggota dapat melihat informasi dasar tertentu tentang berapa banyak orang mengunjungi blog mereka, link apa yang mereka klik dan dari mana mereka berasal.

Perlu diketahui bahwa layanan MyBlogLog adalah sebuah layanan di bawah Yahoo! tepatnya Yahoo! Service. Oleh karena itu untuk memanfaatkan layanan ini kita harus mempunyai akun Yahoo! atau biasa yang kita pakai untuk layanan email. 

Friday, September 21, 2018

Web Direktori (Alamat Web) - Tips dan Trik Menguasai SEO


AlamatWEB.com adalah direktori alamat situs Indonesia pilihan yang dipilih berdasarkan pada materi khusus, situs ini dikelola oleh orang Indonesia. Di dalamnya, terdapat beberapa kategori, di antaranya seperti produk, jasa, maupun informasi seputar alamat situs web dalam negri.

Berdasarkan pada fungsinya ini dikembangkan dengan sesederhana mungkin dan langsung pada subyek yang dicari. Dengan maksud bisa diakses dengan cepat dan mudah. Ketentuan umum menggunakan layanan alamatweb.com:

Cara menggunakannya adalah dengan menambahkan skrip ke dalam halaman depan blog Anda. Berikut adalah skripnya:

<a href="http://www.alamatweb.com"><b>ALAMATWEBDOTCOM</b></a>

Syaratnya, skrip di atas tidak boleh dihapus selama masih terdaftar di database web direktori. Kemudian, buka dan isi form pendaftaran melalui klik menu Daftar/Submit URL Anda, lalu ikuti sesuai petunjuk.

Setelah selesai mengisi form klik tombol DAFTAR. Data akan diverifikasi oleh pengelola web direktori. Jika telah terverifikasi, URL web blog anda otomatis masuk dalam salah satu kategori yang ada.

Thursday, September 20, 2018

Web Direktori (Free Direktori Web/Blog Indonesia) - Tips dan Trik Menguasai SEO


Untuk meningkatkan pengunjung yang berasal dari Indonesia, tentunya kita harus memasukkan alamat URL kita ke berbagai penyedia layanan direktori web/blog Indonesia. Hal tersebut bertujuan untuk mempromosikan alamat web/blog secara gratis dan lebih efisien.

Pada bagian ini akan dibahas beberapa layanan web/blog direktori Indonesia yang sering digunakan oleh webmaster ataupun blogger. Ada empat contoh penyedia jasa web/ blog direktori, yaitu sebagai berikut:
  • www.alamatweb.com
  • www.blog-indonesia.com
  • www.topseratus.com
  • http://directory.resep.web.id

Tuesday, September 18, 2018

Aturan Sepertiga - The Principles of Beautiful Web Design

Sebuah Versi Sederhana dari rasio emas adalah aturan sepertiga (the rule of third). Sebuah garis dibelah menggunakan rasio emas menjadi dua bagian, dengan ukuran salah satu bagian lebih besar dua kali lipat dari bagian yang lainnya. Membagi komposisi menjadi tiga adalah cara termudah untuk menerapkan rasio ini tanpa kalkulator.

Untuk eksperimen singkat, saya akan memulainya dengan menggambar sekelompok grid aturan sepertiga sederhana dengan pensil dan kertas. Gambarlah sebuah persegi, bagi menjadi tiga secara horizontal dan vertikal, kemudian buat sebuah garis di antara setiap garis vertikal untuk menjadikannya enam kolom.

Dengan adanya grid sederhana ini, kita dapat memulai proses layout. Ini sering disebut sebagai wireframe. Wireframe merupakan sketsa atau layout sederhana, di mana Anda mendesain blok-blok konten beserta posisinya pada halaman web. Wireframe sangat berguna karena memungkinkan anda untuk dapat dengan cepat dan mudah memindahkan posisi elemen-elemen yang ada. Kotak terbesar yang berada pada posisi paling luar merupakan kontainer yang telah kita bicarakan di bagian "Anatomi Halaman Web". Saat menggunakan metode desain layout ini, saya akan menempatkan blok yang terbesar terlebih dahulu. Biasanya, blok ini mewakili konten/isi dari web. Dalam aturan pertama grid sepertiga saya, saya menempatkan blok konten dalam dua per tiga dari layout di posisi kanan bawah.

Selanjutnya, saya menempatkan blok navigasi saya di sepertiga tengah kolom kiri. Saya menempatkan bagian teks dari blok navigasi saya di sisi kiri dari konten, dan gambar identitas pada posisi di atas menu. Terakhir, saya menempatkan blok copyright di bawah konten, pada kolom sebelah kanan dari grid.

Sketsa Awal ini (seperti gambar di atas) memberikan sekilas tinjauan terhadap pendekatan layout umum apa saja yang memungkinkan untuk diterapkan pada situs web Anda. Pertumbuhan popularitas desain web berbasis grid telah menginspirasi banyak artikel dan tool yang dapat digunakan untuk memudahkan kita mendesain website dalam grid.

Monday, September 17, 2018

Pengertian Web Directory Pada SEO - Tips dan Trik Menguasai SEO


Web Directory adalah sebuah layanan yang mengelompokkan beberapa website atau blog ke sebuah direktori atau kategori khusus sesuai dengan konten (isi) daru website/blog tersebut.

Saat ini sudah banyak penyedia layanan web direktori, baik yang gratis maupun bayar, semuanya dapat kita pakai untuk menyebarkan alamant domain website atau blog kita. Berbagai layanan tersebut mempunyai cara dan aturan tersendiri dalam mengelompokkan kategori website/blog. Secara umum dapat dibagi dua, yaitu:
  • Pertama, pemilik website/blog secara bebas bisa register dan mendaftarkan website/blog-nya sesuai dengan kategori yang ingin digunakan tanpa ada persetujuan oleh penyedia layanan web/blog direktori.
  • Kedua, pemilik website/blog mendaftarkan web/blog-nya dengan cara memilih kategori yang sesuai, akan tetapi untuk bisa benar-benar masuk ke dalam kategori tersebut harus menunggu persetujuan oleh penyedia layanan. Penyedia layanan akan mengecek secara manual (tidak menggunakan aplikasi ototmatis), dan biasanya membutuhkan waktu berminggu-minggu atau berbulan-bulan.
Bagi Anda yang mempunyai blog berbahasa Indonesia, tentunya ingin website/blog-nya terdaftar di web/blog direktori Indonesia. Sebagai contoh, Anda bisa memasukkan alamat URL Anda pada situs web direktori seperti Blog-Indonesia.com.

Layanan Web Directory Top Seratus - Tips dan Trik Menguasai SEO


TopSeratus adalah penyedia layanan direktori web/blog dan menyusun peringakt blog Indonesia berdasarkan VOTE IN (jumlah votes yang diberikan pengunjung dari member ke TopSeratus), PAGEVIEWS (jumlah pengunjung yang datang ke web/blog member) maupun OUT (jumlah pengunjung yang datang dari web TopSeratus ke web/blog member) dalam 21 kategori. Peringkat yang berdasarkan vote in disusun dengan asumsi semakin populer dan bagusnya suatu blog, semakin banyak yang vote blog tersebut ke TopSeratus. Hanya blog dengan vote minimum = 1 yang ditampilkan.

Semakin tinggi peringkat suatu blog di TopSeratus, akan semakin besar kemungkinan blog tersebut mendapatkan pengunjung dari TopSeratus yang datang dari mesin pencari/search engine, bookmark, maupun dari anggota sendiri.

Semakin tinggi peringkat suatu blog di TopSeratus, diharapkan semakin tinggi peringkat blog tersebut di mesin pencari dan juga meingkatkan Alexa.

Ketentuan:
  • Peringkat di TopSeratus direset tiap awal bulan tanggal 1 jam 00:00
  • Peringkat disusun berdasarkan jumlah visitors yang datang dari blog member (unique in)
  • Blog yang masih kosong tidak akan diapprove
  • Blog anggota yang tidak aktif / tidak memasang button link ke http://www.topseratus.com dalam kurun waktu 60 hari, akan terhapus secara otomatis

Tuesday, September 11, 2018

Anatomi Halaman Web - Pengertian Konten dan Footer


Pengertian Konten:
Konten merupakan raja. Konten terdiri atas berbagai teks, gambar, maupun video yang dapat ditemukan dalam sebuah website. Pengunjung website pada umumnya akan masuk dan meninggalkan sebuah website dalam hitungan detik. Jika pengunjung tidak dapat menemukan apa yang mereka cari, mereka pasti akan menutup browser atau berpindah ke situs lain. Sangat penting untuk mempertahankan blok konten sebagai titik fokus (focus point) utama dari desain, sehingga pengunjung dapat memindai halaman untuk mencari informasi yang mereka butuhkan.

Pengertian Footer:
Terletak di bagian bawah halaman, footer biasanya berisi hak cipta, kontak, dan informasi hukum, serta beberapa link ke bagian utama situs. Dengan memisahkan bagian akhir konten dengan bagian bawah jendela browser, footer harus dapat mengindikasikan kepada pengguna bahwa mereka sedang berada di bagian bawah halaman.

Monday, September 10, 2018

Anatomi Halaman Web - Pengertian Navigasi dan Di atas Lipatan (Above the Fold)


Pengertian Navigasi:
Sistem navigasi situs harus mudah ditemukan dan digunakan. Pengguna biasanya berharap untuk dapat melihat navigasi di sebelah kanan pada bagian atas halaman. Baik ketika Anda berencana untuk menggunakan menu vertikal di sisi halaman ataupun menu horizontal, posisi navigasi harus sedekat mungkin dengan sisi atas layout. Paling tidak, seluruh item navigasi utama harus muncul "di atas lipatan".

Pengertian Di Atas Lipatan (Above the Fold)
Lipatan (Fold) seperti yang sering disebut oleh para desainer, merupakan tempat di mana konten dari halaman berakhir sebelum pengguna mulai bergulir ke bawah. Metafora ini berasal dari lipatan koran. Jika anda melihat sampul koran dilipat, sebagian besar berita utama dan berita terbesar muncul di bagian atas, sehingga berita yang paling penting dapat dilihat sekilas ketika koran dalam kondisi terlipat. Lokasi lipatan pada halaman web bergantung pada dimensi browser dan resolusi layar pengguna.


Sunday, September 9, 2018

Anatomi Halaman Web - Pengertian Containing Block dan Logo


Pengertian Containing Block dan Logo di Dalam Anatomi Halaman Web

Containing Block
Setiap halaman web memiliki kontainer. Kontainer ini dapat terletak dalam format dari tag body, dan seluruh tag yang memuat tag div. Tanpa kontainer, kita tidak memiliki tempat untuk meletakkan konten. Elemen-elemen ini mengalir di sepanjang batas jendela browser dan berakhir di ruang / space yang kosong. Lebar kontainer bisa fluid, yang artinya dapat melebar sepanjang lebar jendela browser, atau fixed, di mana lebar dari konten akan tetap sama tanpa memedulikan ukuran jendela browser.

Logo
Ketika desainer mengacu pada sebuah identitas, mereka mengacu pada logo dan warna yang ada pada berbagai bentuk produk pemasaran, seperti kartu nama, kop surat, brosur, dan sebagainya. Blok identitas yang muncul pada website harus berisi logo perusahaan atau nama, dan terletak di bagian atas setiap halaman situs web. Blok identitas meningkatkan pengenalan merek dan juga menginformasikan kepada pengguna bahwa halaman yang sedang mereka lihat adalah bagian dari sebuah situs yang sama.

NB:
Banyak orang menggunakan kata "identitas" dan "branding" secara bergantian. Branding adalah istilah luas yang menggambarkan proses peningkatan kesadaran terhadap sebuah perusahaan, produk, atau jasa. Proses branding meliputi periklanan, riset pasar, umpan balik pelanggan, dan banyak yang lain. Identitas sebenarnya merupakan bagian dari branding dalam hubungannya dengan aspek visual branding.

Saturday, September 8, 2018

Pengertian WhiteSpace di Dalam Pembuatan Sebuah Website - The Principles Of Beautiful Web Design


Pengertian Whitesspace/ruang kosong/spasi kosong
Istilah whitespace (ruang kosong) dalam desain grafis (atau disebut juga negative space) secara harfiah mengacu pada area halaman tanpa tulisan maupun ilustrasi. Banyak desainer web pemula (dan kebanyakan klien) merasa perlu untuk mengisi setiap inci dari halaman web dengan foto, teks, tabel, dan data, padahal sebenarnya ruang kosong pada suatu halaman sama pentingnya dengan memiliki konten. Tanpa perencanaan whitespace yang hati-hati, sebuah desain akan kelihatan tertutup, seperti halnya sebuah ruangan yang penuh sesak. Whitespace akan membantu sebuah desain untuk bernapas dengan membimbing mata pengguna menjelajah keseluruhan halaman. Keberadaannya juga kana membantu menciptakan keseimbangan dan kesatuan - dua konsep penting yang nanti akan kita bahas secara detail di dalam blog ini.
Sekian dan terima kasih..

Thursday, September 6, 2018

Tokoh SEO Terkemuka - Tips dan Trik Menguasai SEO


Selain dari kedua pendiri Google ini, yaitu: Larry Page dan Sergey Brin, beberapa orang menjadi figur yang dihargai dan pendapatnya dijadikan acuan seputar bisnis mesin pencari dan SEO.
Tokoh SEO terkemuka yang dimaksud adalah:
  • Danny Sullivan
  • Danny Sullivan adalah mantan wartawan LA Times yang mendirikan situs web Search Engine Watch yang aktif menyoroti perkembangan bisnis dan teknologi mesin pencari. Kini dia aktif menulis dan membuat reportase di Search Engine Land.

  • Matt Cutts
  • Matt Cutts adalah seorang programmer dan mantan pegawai NSA (National Security Agency) Amerika Serikat yang bergabung dengan Google pada tahun 2001, ia saat ini mengepalai tim penanggulangan spam Google. Selain menjadi karyawan Google, Matt Cuts adalah seorang blogger terkemuka. Artikel-artikel di blognya menjadi rujukan para praktisi SEO dari seluruh dunia, karena blognya sering menjadi sumber pertama setiap informasi mengenai perkembangan teknologi pencarian Google. Matt Cutts sering menjadi juru bicara tidak resmi Google.

  • Vannesa Fox
  • Vannesa Fox adalah mantan karyawati Google. Vanessa dikenal di kalangan webmaster sebagai konseptor dan programmer yang mengepalai proyek Google Webmaster Central.

Mesin Pencari Yahoo.com - Tips dan Trik Menguasai SEO

Yahoo.com adalah salah satu mesin pencari terbesar selain Google.com dan Bing.com. Yahoo! mempunyai mesin pencari yang dinamakan My Web 2.0, mesin pencari ini melengkapi pencarian web dengan menambahkan komunitas terhadap kata kunci yang dicari tersebut.

Sebagai contoh, untuk mencari kata SEO "belajar SEO" lewat Yahoo! pada halaman hasil yang kita lihat terdapat dua bagian, bagian yang atas (Search Result) merupakan hasil dari pencarian, sedangkan bagian bawah (Share by Yahoo) merupakan bagian komunitas yang ada hubungannya terhadap kata kunci yang kita cari.

Teknologi dari Yahoo! dinamakan My Rank, kekuatan My Rank adalah selain menemukan halaman-halaman yang dicari juga menemukan suatu komunitas terhadap orang yang mempunyai minat yang sama terhadap kata kunci yang dicari tersebut, sehingga akan dapat menimbulkan suatu komunitas.

Yahoo! menempatkan prioritas utama dalam penempatan kata kunci. Misalnya, jika kita menginginkan kata SEO dari "belajar internet marketing" sebagai kata kunci, maka kita harus memperhatikan penempatan kata yang menjadi bidikan SEO pada website, dan mempertimbangkan penggunaanya seperti berikut:
  • Penempatan kata SEO dari "internet marketing" pada bagian judul.
  • Penggunaan kata SEO dari "internet marketing" dalam Alt Tag, Meta Tag, dan Meta Description.
  • Penggunaan kata SEO dari "internet marketing" dalam header tag,  hyperlink dan konten (isi web).
  • Kata kunci SEO dari "internet marketing" yang ditampilkan dalam konten (isi web) lebih disukai menggunakan huruf tebal (bold) atau berbentuk header satu (<h1>).

Tuesday, September 4, 2018

Mesin Pencari Lainnya Selain Google,Yahoo,Bing - Tips dan Trik Menguasai SEO


Berikut adalah beberapa Search Engine (mesin pencari) populer lain yang perlu kalian ketahui, setidaknya untuk menambah informasi, yaitu:
  • Baidu.com (www.baidu.com), mesin pencari ini bersal dari negeri tirai bambu (Cina) yang saat ini menjadi pesaing berat Google di Cina.
  • Ask.com (www.ask.com), mesin pencari ini disebut juga Ask Jeeves yang didirikan pada tahun 1996.
  • Technocrati.com (www.technocrati.com), mesin pencari ini merupakan salah satu Search Engine yang mengkhususkan diri pada blog, saat ini sudah jutaan blog yang terdaftar di Technocrati. Sebagai sebuah komunitas yang besar , Technocrati bisa menjadi salah satu sumber untuk mendapatkan pengunjung. Karena itu sangat beralasan bagi kita untuk mendaftarkan blog yang kita buat pada Technocrati. Di samping untuk menjaring pengunjung, Technocrati juga bisa dijadikan alat untuk mencari link dari blog-blog lain yang mempunyai tema yang sama.

Arsip Recording Youtube 3 - Materi Menyiapkan Web Server


Halo teman -teman hari ini kita mau menyiapkan web server for chrome , 
Baik langkah pertama adalah teman-teman ...
Pastikan komputernya terhubung dengan internet .
Kemudian dibuka web browsernya Google Chrome,
Kemudian diketik web server for Chrome kemudian di Enter...

(IMP)Kemudian diklik di halaman pertama pencarian Google di Baris pertama Web Server for Chrome... Seperti ini yaaa...Kita Klikk..

(IMP)Baik Kalau sudah  langsung saja diklik Add to Chrome.. 

Jadi ini adalah ekstension yang nanti digunakan untuk menjalankan codingan kita yang ada di lokal. 
Jadi ini ibaratnya sebuah web server untuk lokal.
(IMP) Jadi Web server ada banyak untuk lokal . 
(IMP)Seperti Xampp Dll (sambil demo program sekilas)

Tapi kita gunakan  yang simple yaitu Web Server For Chrome...
Mungkin teman-teman belum terbiasa (yang bener-bener masih baru) belum terbiasa dengan apa itu web server..Gapapa 
Yang penting di langkah yang pertama ini kita install dulu web server for chromenya.

Jadi nanti seiring berjalannya waktu proses belajar..temen-temen nanti akan tau fungsi web server seperti apa..
Yang penting pertama dijalankan dulu..nanti pada saat step by step nya tentang setelah tau cara menggunakannya nanti lama-lama akan paham dan nanti akan dijelaskan web server yang sesungguhnya seperti apa...

Jadi  yang pertama adalah teman-teman pastikan dulu bahwa web server for chrome extensionnya terinstall di Google Chrome..ya..

Jadi kalau seandainya udah ketemu seperti ini tinggal tambahkan aj (add to chrome)..
Kemudian Klik Add..
Udah selesai..

Jadi Untuk mengecek Gimana?
Untuk cara mengeceknya bisa di pojokan kanan atas.
Di pojokan kanan atas diklik pas Tombol titik tiganya..
Kemudian Klik More Klik Extensions..

Kemudian dicari nanti akan muncul di sini web server for chrome..
Kemudian gimana cara menjalankannya?
Cari Menu di start atau cari dulu di sini..
Diketik di halaman searchnya..(web server for chrome)
Jadi Kalau udah muncul seperti ini artinya web servernya sudah terinstall ya..

Baik Cukup sampai Di sini terima kasih..
(IMP)Jangan lupa kunjungi website www.alvienadnan.blogspot.com dan www.webprogramming.blogspot.com.. untuk dapat informasi update tentang dunia pemrograman dan lain-lain..
Sekian dan Terima Kasih..

Sunday, September 2, 2018

Mengenal Search Engine -Tips Dan Trik Menguasai SEO


Sebelum Mengenal istilah SEO dan SERP, sebaiknya kita mengenal dahulu apa yang dinamakan Search Engine. Search Engine atau yang dapat disingkat dengan SE itu kepanjangannya Mesin Pencari.

Maksudnya seperti apa ya ?? Jadi, Search Engine (SE) atau Mesin Pencari ini tergolong web services atau tools layanan web yang dipakai buat mencari segala informasi data yang tersebar di internet. Sebuah SE memiliki sebuah gudang data yang amat besar, yang di dalamnya menyimpan jutaan informasi dari berbagai sumber, dari website, blog maupun dari server mana saja yang telah didaftarkan pada SE tersebut.

Disebut mesin, karna sebuah SE memiliki sistem atau alat (dalam bentuk program) yang dapat melayani semua permintaan penggunanya, mesin atau program tersebut dapat mengaduk-aduk secara cepat data yang ada di database (gudang data), kemudian dengan cepat pula melaporkan untuk ditampilkan kepada peminta (yang mencari data).

Berikut ini saya perkenalkan tiga mesin pencari yang paling populer saat ini, dan mungkin tidak asing lagi bagi anda semua serta kami tambah beberapa informasi dari mesin pencari lainnya sebagai wawasan. Yang pertama Google.com , kedua Yahoo.com , ketiga Bing.com.

Keuntungan Membuat Web - Referensi Menyelesaikan Website 30 Juta!


Ilustrasi Percakapan:
Andi:Apa sih keuntungan dari membuat sebuah web atau website... pak yoss...??

Banu:Ya, jelas banyak keuntungannya, seperti website dapat digunakan sebagai media promosi dari              suatu produk baik itu barang ataupun jasa, media informasi, dan lain-lain.

Website mempunyai fungsi yang bermacam-macam, tergantung dari tujuan dan jenis website yang dibangun, tetapi secara garis besar dapat berfungsi sebagai:
  • Media Promosi
  • Sebagai media promosi dapat dibedakan menjadi media promosi utama, misalnya website yang berfungsi sebagai search engine atau toko online, atau sebagai penunjang promosi utama, namun website dapat berisi informasi yang lebih lengkap daripada media promosi offline seperti koran atau majalah.

  • Media Pemasaran
  • Pada toko online atau system afiliasi, website merupakan media pemasaran yang cukup baik, karena dibandingkan dengan toko sebagaimana di dunia nyata, untuk membangun toko online diperlukan modal yang relatif lebih kecil, dan dapat beroperasi 24 jam walaupun pemilik website tersebut sedang istirahat atau sedang tidak di tempat, serta dapat diakses dari mana saja.

  • Media Informasi
  • Website Portal dan radio atau tv online menyediakan informasi yang bersifat global karena dapat diakses dari mana saja selama dapat terhubung ke internet, sehingga dapat menjangkau lebih luas daripada media informasi konvensional seperti koran, majalah, radio atau televisi yang bersifat lokal.

  • Media Pendidikan
  • Ada komunitas yang membangun website khusus berisi informasi atau artikel yang sarat dengan informasi ilmiah misalnya wikipedia.

  • Media Komunikasi
  • Sekarang banyak terdapat website yang dibangun khusus untuk berkomunikasi seperti forum yang dapat memberikan fasilitas bagi para anggotanya untuk saling berbagi informasi atau membantu pemecahan masalah tertentu.

Thursday, August 9, 2018

Penemu Website - Referensi Menyelesaikan Website 30 Juta!

Penemu Website :
Penemu Situs Web adalah Sir Timothy John Berners-Lee, sedangkan situs web yang tersambung dengan jaringan pertama kali muncul pada tahun 1991. Maksud dari Timothy ketika merancang situs web adalah untuk memudahkan tukar menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja. Pada tanggal 30 April 1993, CERN (tempat di mana Timothy bekerja) mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.

Sebuah Situs Web bisa berupa hasil kerja dari perorangan atau individu, atau menunjukkan kepemilikan dari suatu organisasi, perusahaan. Biasanya pembahasan dalam sebuah situs web merujuk pada sebuah ataupun beberapa topik khusus, atau kepentingan tertentu. Sebuah situs web bisa berisi pranala yang menghubungkan ke situs web lain, demikian pula dengan situs web lainnya. Hal ini terkadang membuat perbedaan antara situs web yang dibuat oleh individu atau perseorangan dengan situs web yang dibuat oleh organisasi bisnis menjadi tidak begitu jelas.

Situs web biasanya ditempatkan pada server web. Sebuah Server Web umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk menangani pengaturan nama ranah, serta menangani layanan atas protokol HTTP yang disebut sebagai Server HTTP (Bahasa Inggris: HTTP Server) seperti Apache HTTP Server, atau Internet Information Services (IIS).

Monday, July 30, 2018

Jenis Aplikasi Web - Pengetahuan Untuk Web Programmer


Jenis Aplikasi Web :
Melihat perkembangan aplikasi web yang sedang berkembang saat ini, dapat diklasifikasikan menjadi beberapa bentuk atau kelompok. Berikut di bawah penjelasan beberapa kelompok aplikasi web dan contohnya :
  • Web Bisnis yaitu aplikasi web yang di dalamnya terdapat proses bisnis seperti jual beli, sewa menyewa, penggunaan jasa, lelang dan sebagainya. Contoh situs yang menggunakan aplikasi web bisnis seperti bhineka.com, ebay.com, dll.
  • Web Berita dan Informasi yaitu aplikasi web yang menyediakan konten informasi berbayar maupun gratis. Contoh situs yang menggunakan aplikasi web berita dan informasi : kompas.com, detik.com, kaskus.us, yellowpages.co.id, tokobagus.com.
  • Web Profil yaitu aplikasi web yang mendeskripsikan tentang profil suatu perusahaan, lembaga, ataupun orang personal. Aplikasi web ini biasanya digunakan untuk memperkenalkan profil perusahaan, lembaga atau orang personal kepada umum. Contoh aplikasi web profil seperti : jogjakota.go.id, blogspot.com, dll.
  • Web Services yaitu aplikasi web yang menyediakan layanan pengolahan data dan sebagainya. Perbedaan aplikasi web service dan aplikasi web lain pada umumnya adalah aplikasi web service tidak memiliki antarmuka, namun dapat diakses melalui alamat internet. Contoh aplikasi web services seperti aws.amazon.com, konakart.com, dll.
  • Web Social Networking yaitu aplikasi web yang memberikan fasilitas pertemanan, tempat berkumpul, dan dapat juga menjadi wadah suatu kelompok. Aplikasi web social networking saat ini menjadi tren dunia internet. Contoh aplikasi web social networking seperti facebook.com, twitter.com, myspace.com, dll.
  • Web Banking yaitu aplikasi web yang di dalamnya terdapat proses transaksi keuangan pada perbankan secara umum, seperti transfer dana, pembayaran, pembelian dan lainnya. Contoh aplikasi web banking seperti klikbca.com, bankmandiri.co.id, bni.co.id, dll.
  • Web Search Engine Optimize (SEO) yaitu aplikasi web yang di dalamnya terdapat proses pencarian pada internet. Contoh aplikasi web SEO seperti: google.com, yahoo.com, bing.com, dll.

Saturday, July 28, 2018

Perbedaan Antara Client Side Scripting dan Server Side Scripting - Web Programmer

Client Side Scripting:
Proses kerja pada saat pemanggilan halaman web terbagi menjadi dua bagian, yaitu proses pada sisi client atau dikenal dengan istilah Client Side dan proses pada sisi server atau dikenal dengan istilah Server Side. Proses pada sisi klien menjalankan suatu script seperti Javascript, VBScript,dll. Script yang dijalankan umumnya adalah pengolahan tampilan halaman web serta validasi kontrol input. Melihat dari sisi kecepatan, proses sisi klien sangat membantu mengurangi lalu lintas data pada server, hal ini dikarenakan pada sisi klien proses menampilkan halaman web diolah menggunakan sumber daya dari komputer yang menjalankan halaman web tersebut.

Server Side Scripting:
Seperti yang telah dijelaskan di atas mengenai proses sisi klien, maka kebalikannya adalah proses pada sisi server (server side). Proses yang dijalankan pada sisi server memiliki tingkat pengolahan yang lebih kompleks seperti pengolahan data, hak akses, dan pengolahan lainnya yang memerlukan ketelitian dan sumber daya yang besar. Beberapa bahasa pemrograman yang berjalan pada sisi server antara lain PHP, ASP, Java Servlet,JSP, ColdFusion, dll.

Tuesday, July 24, 2018

Desain Web Praktis Dengan CSS - Mengenal dan Memahami Cara Kerja CSS



Desain Web Praktis Dengan CSS - Mengenal dan Memahami Cara Kerja CSS:
CSS atau Cascading Style Sheets adalah sebuah dokumen yang berisi aturan yang digunakan untuk memisahkan isi dengan layout dalam halaman-halaman web yang dibuat. CSS memperkenalkan "template" yang berupa style untuk dibuat dan mengizinkan penulisan kode yang lebih mudah dari halaman-halaman web yang dirancang. CSS mampu menciptakan halaman yang tampak sama pada resolusi layar yang berbeda dari pengunjung berbeda tanpa memerlukan penggunaan tabel seperti pada html klasik.

Dengan CSS, Anda akan lebih mudah dalam melakukan setting tampilan keseluruhan web hanya dengan menggantikan atribut-atribut atau perintah dalam style CSS dengan atribut yang diinginkan. Anda tidak perlu repot mengubah satu per satu atribut tiap elemen yang ada dalam halaman web jika anda menggunakan style CSS ini.

Bayangkan jika terdapat seratus atau lebih halaman dalam situs tersebut? Bayangkan berapa banyak waktu yang kita habiskan hanya untuk memformat tiap halaman jika terdapat kesalahan dalam halaman-halaman tersebut? Namun masalah tersebut dapat lebih diminimalisir dengan menggunakan CSS, karena kita hanya akan membuat sebuah style yang akan memformat keseluruhan halaman dalam situs yang dibuat, dan kita cukup menentukan selector dalam style yang akan digunakan dalam halaman-halaman tersebut dan mengeditnya.

Saat ini CSS merupakan style yang banyak digunakan dikarenakan berbagai kemudahan dan lengkapnya atribut yang dimiliknya, disamping berbagai kemudahan lain yang ditawarkannya. Penggunaan CSS dalam web akan lebih efisien dikarenakan CSS dapat digunakan secara berulang pada tag-tag tertentu, sehingga kita tidak usah mengetikkan ulang seluruh perintah pemformatan seperti halnya dalam HTML klasik.

Monday, July 23, 2018

Mendefinisikan Desain yang Baik Untuk Sebuah Desain Website - Penting untuk Web Designer

Mendefinisikan Desain yang Baik:
Ada dua sudut pandang utama yang digunakan kebanyakan orang untuk menentukan desain dari sebuah website itu "baik" atau "buruk". Ada sudut pandang usability, yang berfokus pada fungsionalitas, keefektifan penyajian informasi, dan efisiensi. Kemudian ada perspektif estetika murni, di mana semuanya berkaitan dengan nilai seni dan daya tarik visual dari desain. Beberapa orang terperangkap dalam sisi estetika dan grafis sampai melupakan penggunanya, sementara beberapa penganut usability tersesat dalam user testing dan melupakan daya tarik visual dari situs mereka. Dalam rangka menjangkau pengguna dan mempertahankan ketertarikan mereka terhadap situs yang dibuat, sangatlah penting untuk memaksimalkan kedua sudut pandang ini.

Hal terpenting untuk diingat adalah bahwa desain itu adalah tentang komunikasi. Jika anda membuat website yang bekerja dan menyajikan informasi dengan baik, namun tampilannya tampak jelek atau gagal menyatu dengan merek yang dimiliki klien, tidak akan ada yang mau menggunakannya. Demikian pula, jika Anda membuat website yang tampak indah namun sulit untuk digunakan atau tidak dapat diakses, orang juga akan meninggalkannya. Memang, unsur-unsur dan fungsionalitas dari sebuah desain website yang jadi haruslah bekerja sebagai satu unit kohesif tunggal, sehingga:

  1. Pengguna menyukai desainnya namun tertarik juga dengan kontennya
  2. Salah satu kekhawatiran terbesar di antara para profesional usabilitas adalah waktu yang dibutuhkan oleh pengguna untuk memindai halaman hingga menemukan informasi yang mereka inginkan, baik itu sebuah konten, link ke halaman lain, maupun bentuk form isian.Desain tidak boleh menjadi penghalang; desain harus bertindak sebagai penghubung antara pengguna dan informasi. Contoh website yang baik dari segi desain juga kontennya adalah: harmonyrepublic.bigcartel.com
  3. Pengguna dapat berpindah-pindah dengan mudah melalui navigasi intuitif
  4. Kita nanti akan membahas lebih banyak tentang penempatan navigasi. Yang perlu diingat, blok navigasi utama itu sendiri harus terlihat jelas pada halaman, dan masing-masing link harus memiliki judul (title) deskriptif. Struktur navigasi yang tidak hanya mengubah penampilan ketika ditunjuk dengan kursor tetapi juga menunjukkan halaman atau bagian yag aktif, akan dapat membantu pengguna untuk mengenali posisi di mana mereka sedang berada, dan cara menuju ke mana mereka ingin pergi. Contoh website yang baik dari segi navigasi serta intuitif adalah seperti yang pernah dibuat oleh pembuat blog ini (alvienadnan.blogspot.com)--(sedikit promosii..yaa..hehehe..) yaitu sebagai berikut:

    Navigasi sekunder, kolom pencarian, dan link untuk keluar tidak boleh menjadi fitur yang dominan. Jika kita membuat item-item ini mudah ditemukan, dan memisahkan mereka secara visual dari konten, kita memungkinkan pengguna untuk berfokus pada informasi -- nantinya mereka akan tahu di mana harus mencarinya ketika mereka sudah siap untuk beralih ke konten yang lain.

  5. Pengguna mengenali masing-masing halaman sebagai bagian dari situs
  6. Bahkan jika ada perbedaan dramatis antara layout halaman muka dan bagian lain dari situs , sebuah tema atau gaya yang kohesif harus ada kepada keseluruhan halaman situs untuk mempertahankan desain secara bersama-sama. Contoh website yang memberikan pengenalan masing-masing halaman sebagai bagian dari situs adalah: moore.sc.edu .



Sunday, July 22, 2018

Pengertian Web Server dan List Beberapa Perangkat Lunak Web Server



Pengertian Web Server dan List Beberapa Perangkat Lunak Web Server:
Web Server adalah sebuah komputer yang terdiri dari perangkat keras dan perangkat lunak. Secara bentuk fisik dan cara kerjanya, perangkat keras web server tidak berbeda dengan komputer rumah atau PC, yang membedakan adalah kapasitas dan kapabilitasnya. Perbedaan tersebut dikarenakan web server bekerja sebagai penyedia layanan yang dapat diakses oleh banyak pengguna, sehingga dibutuhkan kapasitas dan kapabilitas yang besar dibandingkan PC. Dukungan perangkat lunak sangat dibutuhkan agar web server dapat berjalan secara optimal. Setiap perangkat lunak web server memiliki karakteristik dan teknologi yang digunakan untuk mengatur keja sistemnya. Berikut beberapa perangkat lunak web server antara lain:

Vendor
Produk
Sistem Operasi
Apache Software Foundation
Apache Web Server Cross Platform
Microsoft Corp. Internet Information Services (IIS) Windows Only
Igor Sysoev Nginx Web Server Cross Platform
Lighttpd Lighttpd Web Server Cross Platform
JigsawJigsaw Web ServerCross Platform
KoanlogicKloneCross Platform
Oracle CorpiPlanet Web ServerCross Platform
iMatic CorpXitami (X5)Cross Platform
Aprelium TechAbyss Web ServerCross Platform
Zeus Technology LtdZeus Web ServerCross Platform

Wednesday, July 18, 2018

Dasar Pemrograman Web Dinamis - Bab 2 - Mulai Memprogram Dengan PHP - Kumpulan Source Code PHP yang Dapat Dipraktikkan

2.1 Membuat Program PHP yang Pertama
Setelah web server diintegrasikan dengan PHP, Anda bisa memulai memprogram dengan PHP dan kemudian mengujinya.Untuk membuat program PHP,anda bisa menggunakan editor teks apa saja.Misalnya, di lingkungan Windows, anda bisa menggunakan Notepad.
Dengan menggunakan editor apa saja,tulislah kode seperti berikut dan simpan pada direktori yang diakses oleh klien dengan nama selamat.php.

→Skrip : selamat.php
<html>
<head>
<title>Latihan Pertama</title>
</head>
<body>
Selamat Belajar PHP.<br>
<?php
printf("Tgl.Sekarang:%s",Date("D F Y"));
?>
</body>
</html>

2.2 Variabel Dalam PHP
Semua bahasa pemrograman menyediakan variabel, yang berfungsi untuk menyimpan suatu nilai dan nilai yang ada di dalamnya dapat diubah sewaktu-waktu.Skrip berikut memerikan contoh penggunaan variabel.

→Skrip : latvar.php

<html>
<head>
<title>Latihan Variabel</title>
</head>
<body>
Selamat Belajar PHP.<br>
<?php
$nama="Abdul Kadir";
printf("Halo, %s", $nama );
?>
</body>
</html>

Pada kode di atas $nama adalah nama variabel.Pada program PHP,variabel selalu ditulis dengan diawali tanda $. Baris:
$nama="Abdul Kadir";
merupakan pernyataan yang digunakan untuk memberikan string "Abdul Kadir" ke variabel $nama. Selanjutnya:
printf("Halo, %s",$nama);
merupakan pernyataan untuk menampilakn tulisan "Halo," yang diikuti dengan nilai yang terletak di sebelah kanan koma, yaitu isi variabel $nama. Tanda %s merupakan tanda format untuk string.Artinya,data yang akan menggantikan tanda tersebut adalah data string.

Dengan menggunakan PHP anda juga bisa mengirimkan suatu nilai yang ditangani melalui formulir dan kemudian nilai ini dikirim ke skrip yang lain.Sebagai contoh,anda bisa membuat skrip PHP seperti berikut:

→Skrip : latinput.php

<html>
<head>
<title>Latihan Pemasukan Data</title>
</head>
<body>
<form action="salam.php" method="GET">
Silakan masukkan nama anda:<br>
<input type="text" name="nama_pemakai"><br>
<input type="submit" value="kirim">
</form>
</body>

Bila pemakai memasukkan nama maka nama tersebut akan disimpan pada variabel HTML bernama nama_pemakai (yang dinyatakan dengan nama_pemakai pada NAME).
Bila selanjutnya pemakai mengklik tombol berjudul Kirim maka berkas salam.php akan dijalankan.
Sebelum mencoba mengklik tombol berjudul Kirim, cobalah untuk membuat skrip PHP sebagai berikut:

→Skrip : salam.php


<html>
<head>
<title>Latihan menampilan variabel</title>
</head>
<body>
<?php
$nama_pemakai=$_GET("nama_pemakai");
print("Selamat Belajar PHP, <b>$nama_pemakai</b>");
?>
</body>
</html>



Dasar Pemrograman Web Dinamis Menggunakan PHP - Bab 1 Pengantar PHP

1.1 Apa Itu PHP?
Menurut dokumen resmi PHP, PHP merupakan singkatan dari PHP Hypertext Preprocessor.Ia merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnyalah yang dikirimkan ke klien,tempat pemakai menggunakan browser.

Secara khusus, PHP dirancang untuk membentuk aplikasi web dinamis.Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini.Misalnya,Anda bisa menampilkan isi database ke halaman web.Pada prinsipnya PHP mempunyai fungsi yang sama dengan skrip-skrip seperti ASP,ColdFusion,ataupun Perl.Namun, perlu diketahui bahwa PHP sebenarnya bisa dipakai secara command line.Artinya, skrip PHP dapat dijalankan tanpa melibatkan web server maupun browser.

Pada saat ini PHP cukup populer sebagai peranti pemrograman web,terutama di lingkungan Linux.Walaupun demikian, PHP sebenarnya juga dapat berfungsi pada server-server yang berbasis UNIX,Windows, dan Macintosh.

Pada awalnya , PHP dirancang untuk diintegrasikan dengan web server Apache. Namun, belakangan PHP juga dapat bekerja dengan web server seperti PWS (Personal Web Server),IIS(Internet Information Server), dan Xitami.

1.2 Skrip PHP
Skrip PHP berkedudukan sebagai tag dalam bahasa HTML.Sebagaimana diketahui,HTML (Hypertext Markup Language) adalah bahasa standard untuk membuat halaman-halaman web.Sebagai contoh,berikut adalah kode HTML (disimpan dengan ekstensi .html atau .html)

<html>
<head>
<title>Latihan Pertama</title>
</head>
<body>
Selamat Belajar PHP.<br>
</body>
</html>

Adapun kode berikut adalah contoh kode PHP yang berada di dalam kode HTML: (Kode disimpan dengan ekstensi .php)

<html>
<head>
<title>Latihan Pertama</title>
</head>
<body>
Selamat Belajar PHP.<br>
<?php
printf("Tgl. Sekarang: %s ", Date("d F Y"));
?>
</body>
</html>

Perhatikan kode berikut:

<?php
printf("Tgl. Sekarang: %s ", Date("d F Y"));
?>

Kode inilah yang merupakan kode PHP.Kode PHP diawali dengan <?php dan diakhiri dengan ?>.
Pasangan kedua kode inilah yang berfungsi sebagai tag kode PHP.Berdasarkan tag inilah,pihak server dapat memahami kode PHP dan kemudian memprosesnya.Hasilnya dikirim ke browser.

1.3 PHP dan Database
Salah satu kelebihan dari PHP adalah mampu berkomunikasi dengan berbagai database yang terkenal.Dengan demikian, menampilkan data yang bersifat dinamis, yang diambil dari database, merupakan hal yang mudah untuk diimplementasikan.Itulah sebabnya sering dikatakan bahwa PHP sangat cocok untuk membangun halaman-halaman web dinamis.

Pada saat ini PHP sudah dapat berkomunikasi dengan berbagai database meskipun dengan kelengkapan yang berbeda-beda. Beberapa di antaranya BASE,

  • DBM,
  • FilePro(Personix,Inc),
  • Informix,
  • Ingres,
  • InterBase,
  • Microsoft Access,
  • MSQL,
  • MySQL,
  • Oracle,
  • PostgreSQL,
  • Sybase.


Monday, July 16, 2018

Bab 1 Buku Terjemahan The Principles Of Beautiful Web Design-Tata Letak dan Komposisi

Proses Desain
Mendesain sebuah website dapat menjadi pedang bermata dua.Prosesnya berada di antara seni,ilmu pengetahuan, dan pemecahan masalah. Kita pastinya ingin membuat sebuah situs individual yang estetis,tetapi yang perlu diingat, prioritas utama kita haruslah sesuai dengan kebutuhan klien kita.Proses ini memerlukan pencapaian yang tinggi dan rumit,jika tidak demikian nantinya hanya akan menjadi sebuah penyajian informasi belaka.Jika kita gagal menyimak,maka keseluruhan proyek akan hancur dalam waktu yang bersamaan dengan hancurnya reputasi kita.Detail teknis dan pengembangan,hosting,serta pemeliharaan dari sebuah website atau aplikasi akan menjadi hal yang bersifat teknis.Proses pembuatan "comp" dari suatu desain dapat dirumuskan dalam tiga pokok tugas saja, yaitu: penemuan (discovery), eksplorasi (exploration), dan implementasi (implementation).

Apa itu Comp?

Kata comp merupakan kependekan dari frase "comprenhensive dummy(dummy komprehensif)"-sebuah istilah yang berasal dari dunia desain cetak.Comp adalah simulasi lengkap dari layout cetak yang dibuat sebelum layout dicetak massal.Dalam bahasa desain web,comp merupakan gambar layout yang dibuat sebelum kita mulai membangun prototipe desain dalam HTML.

Berikut adalah pembahasan mengenai tiga pokok proses pembuatan "comp" dari suatu desain:

  • Penemuan
  • Komponen penemuan dalam proses desain adalah mengenai pertemuan dengan para klien dan mempelajari apa yang sebenarnya mereka kerjakan.Akan sedikit kontra-intuitif,namun mengumpulkan informasi mengenai siapakah klien anda dan bagaimana mereka mengerjakan bisnis mereka adalah penting dalam upaya menghadirkan sebuah desain yang tepat dan efektif.

    Berikut ini adalah beberapa pertanyaan yang sering saya tanyakan dalam pertemuan awal dengan klien,sekalipun saya telah memperoleh sendiri jawabannya dari hasil pencarian via search engine:
    • Apa yang perusahaan anda kerjakan?
    • Apa peran anda dalam perusahaan?
    • Apakah perusahaan anda ini memiliki merek atau logo?Apa tujuan pengembangan website ini?
    • Informasi apa saja yang ingin anda sajikan secara online?
    • Terdiri dari siapa sajakah audiens target anda?Apakah setiap member memerikan informasi mengenai demografi umum,seperti umur,jenis kelamin, atau lokasi fisik?
    • Siapa sajakah kompetitor anda, dan apakah mereka memiliki website?
    • Adakah contoh-contoh website yang anda sukai atau yang tidak anda sukai?
    • Berapa lamakah waktu yang anda sediakan untuk pengerjaan proyek ini dan berapa anggarannya?

    Jika Proyek ini merupakan proyek desain ulang dari sebuah website yang sudah ada sebelumnya,saya juga akan menanyakan hal-hal berikut:
    • Apa saja yang biasanya dicari oleh pengunjung website anda ketika mereka mengunjungi situs anda?
    • Apa saja permasalah yang ada pada desain yang sudah ada sekarang?
    • Pencapaian apa yang anda harapkan dari adanya redesain ini?
    • Adakah elemen-elemen tertentu dari situs lama yang tetap ingin anda gunakan?
    • Bagaimana kira-kira reaksi dari pengunjung anda terhadap desain baru ini nantinya?

  • Eksplorasi
  • Tahap selanjutnya dari proses desain adalah membawa kembali informasi yang telah anda pelajari dari klien ke dalam laboratorium anda untuk dianalisis,dipilah,dan diujicobakan.Anda hendak mengembangkan pemahaman yang kuat pada semua informasi,produk,dan layanan yang ingin mereka tawarkan,dan bermain-main dengan bagaimana semuanya ini dapat diatur.Posisikan diri anda sebagai pengunjung website dan tanyakan kepada diri anda sendiri apa yang sekiranya anda cari sebagai pengunjung.Jika anda berpikir untuk membeli sebuah produk,apa saja yang perlu anda ketahui sebelum anda membeli produk tersebut?Jika anda mendaftar untuk sebuah layanan,di manakah anda akan mempelajari tentang perbedaan penawaran dan tingkat layanan yang anda butuhkan?Judul terbaik seperti apakah yang cocok untuk halaman x, dan berapa langkah yang dibutuhkan untuk mencapai halaman y.

  • Implementasi
  • Percobaannya dengan memulai membuat sketsa beberapa kemungkinan layout.Setelah menghasilkan beberapa layout,saya memutuskan untuk memilih salah satu yang saya suka,beralih ke Photshop, dan menggunakan rectangle tool untuk memblok area yang sudah saya tandai di atas kertas tadi.Setelah menetapkan layout,saya bereksperimen dengan warna-warna background dan foreground sampai saya menemukan skema warna yang solid.Saya mengutak-atik tombol yang ada di Photoshop,hingga akhirnya,seara ajaib,saya mendapatkan comp untuk ditunjukkan kepada klien.


Prakata Dan Daftar Isi Buku Terjemahan The Principles Of Beautiful Web Design

Prakata:
Ketika saya beserta istri pindah ke rumah baru, salah satu proyek besar pertama kami adalah memperbarui kamar mandi.Wallpaper bermotif bunga-bunga yang mengerikan,dengan wastafel yang disepuh keemasan,kaca cermin yang jelek,dan lampu yang modelnya norak,membuat kami serasa kembali ke dekade sebelumnya setiap kali melangkahkan kaki ke kamar mandi utama.Mengganti wallpaper adalah tugas yang sulit, dan menjadi makin sulit saat wallpaper tersebut ternyata sudah dipasang berlapis-lapis.Hal inilah yang terjadi pada kamar mandi kami.Sepertinya selera pemilik rumah sebelumnya terhadap wallpaper selalu berubah setiap beberapa tahun,dan bukannya melepas lembaran yang lama sebelum menempel yang baru,mereka justru menutup wallpaper jelek dengan wallpaper yang lebih jelek lagi.Yah,beginilah suka duka menjadi pemilik rumah baru.


Pelajaran yang dapat diambil dari petualangan renovasi saya adalah adanya kesamaan yang kuat antara mendesain ruangan dengan mendesai sebuah situs web yang baik.
Point utama yang terdapat pada prakata buku ini adalah:

  1. Desain yang baik berbicara tentang hubungan antar elemen-elemen yang terlibat dan menciptakan keseimbangan di antara mereka.
  2. Mode selalu datang dan pergi,tetapi desain yang baik tidak mengenal waktu.
  3. Sentuhan akhir memberikan kesan yang besar.
Isi Buku Ini:
Buku ini terdiri atas lima bab.Anda dapat membacanya mulai dari awal hingga akhir untuk mendapatkan pemahaman menyeluruh terhadap subjek, atau langsung melompat ke topik tertentu untuk mendapatkan penyegaran.Kelima bab tersebut sebagai berikut:

  1. Bab 1: Layout (Tata Letak) dan Komposisi
  2. Bab 2: Warna
  3. Bab 3: Tekstur
  4. Bab 4: Tipografi
  5. Bab 5: Gambar




Thursday, July 12, 2018

Bab 1 Serial Zero to a Pro CSS-Mengenal HTML dan CSS


1.Pengertian HTML:
  • Tersurat dari kepanjangannya , HTML adalah bahasa markup.
Bahasa Markup berarti bahasa yang menggunakan teks sebagai penanda atau pemformat bagi teks yang lain. Sebagai contoh:
<h1>Judul</h1>
Pada HTML membuat teks "Judul" ditulis dengan ukuran besar karena ditulis dengan apitan <h1> dan </h1>
  • Berkas yang berisi kode HTML biasa disebut dokumen HTML.
  • Hypertext berarti teks yang mengandung suatu link ke teks yang lain.
Link biasanya berupa text yang digarisbawahi dan apabila diklik maka teks lain akan ditampilkan

2.Perlukah Tool Khusus untuk Membuat HTML:
  • Ilustrasi:
  • Pintu rumah bisa dibuat tanpa harus menggunakan peralatan canggih.Demikian juga saat kita bermaksud membuat kode HTML untuk menyusun suatu halaman web.
    Kita sudah bisa menyusun halaman web dengan menggunakan editor teks yang sederhana.Sebagai contoh ,kita bisa memakai fasilitas Notepad di Windows.
3.Mengenal Kode HTML:
Sebuah dokumen HTML yang sederhana telah diperkenalkan di depan.Sebuah Dokumen diawali dengan:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
atau mirip dengan itu.Bagian tersebut dikenal dengan deklarasi doctype.Letaknya sebelum tag <html>,tetapi DOCTYPE tersebut tidak berkedudukan sebagai tag.Deklarasi doctype berfungsi memberi tahu browser tentang aturan-aturan yang digunakan untuk menyusun halaman web sehingga diharapkan browser dapat menerjemahkannya dengan tepat.Jika anda membuat dokumen HTML,salin saja baris tersebut.
Keterangan Khusus:
  • Pasangan tag <html> dan </html> mengawali kode HTML
  • Di dalamnya terdapat pasangan <head> dan &lt/head> serta <body> dan </body>
  • Pasangan <head> dan </head> mengawali halaman web,antara lain berisi pasangan tag <title> dan </title> yang berguna untuk menentukan judul halaman web,yaitu yang terletak di bagian teratas jendela browser.
  • Pasangan <body> dan </body> merupakan bagian yang menyatakan isi halaman web.Pada Bagian inilah informasi yang ingin disampaikan ke pengunjung web diletakkan.Di dalamnya banyak tag yang bisa digunakan.Pada contoh di depan,antara lain terdapat pasangan tag <h1> dan </h1> serta <h2> dan </h2>.
  • Pasangan tag <h1> dan </h1> ditujukan untuk membuat judul dengan ukuran terbesar.
  • Pasangan tag <h2> dan </h2> ditujukan untuk membuat judul dengan ukuran lebih kecil daripada <h1>
  • Pasangan tag <div> dan </div> digunakan untuk membuat suatu divisi(bayangkan sekumpulan paragraf dalam buku).
  • Tag <img src="nasgitel.png"/> menyatakan bahwa gambar berkas nasgitel.png ditampilkan.
Catatan:
Biasakan untuk menuliskan pasangan tag terlebih dulu dan kemudian baru mengisikan yang berada di antara pasangan tersebut.Cara ini mengurangi kesalahan untuk lupa menuliskan tag penutup.

Monday, July 2, 2018

Materi Buku From Zero To A Pro CSS

'Materi Buku From Zero To A Pro CSS'

1.Mengenal HTML dan CSS
2.Memahami CSS Lebih Lanjut
3.Mendalami Beberapa Fondasi
4.Semua Tentang Font
5.Mengatur Teks
6.Menggunakan List
7.Mengatur Bingkai
8.Semua Tentang Gambar
9.Menggunakan Tabel