Google Analystics

..

Google Analytics adalah tools analisa traffic web berbasis web yang di sediakan oleh Google Inc , tools ini gratis dan akan sangat membantu kita untuk menganalisa traffic website.

Google Analytics merupakan solusi analisis web tingkat perusahaan yang memberikan wawasan kaya tentang kunjungan situs web dan efektivitas pemasaran .

Google Analytics sebagai alat penunjuk cara pengunjung mencari dan menjelajahi situs kita , serta cara kita menyempurnakan pengalaman pengunjung. Dengan informasi ini , kita dapat meningkatkan laba atas investasi situs web , meningkatkan konversi, dan memperoleh penghasilan yang lebih besar di web.

Google Analytics adalah layanan gratis dari Google yang menampilkan statistik pengunjung sebuah situs web. Google Analytics dapat menelusiri pengunjung berdasarkan informasi halaman pengacu, termasuk mesin pencari, iklan , jaringan  pay-per-click ,email marketing dan lain-lain.. 🙂

 

 

rekomendasi ini Jasa Pembuatan Web by Desain Web

Fitur pada Webmaster :)

..

di dalam Google Webmaster Tools terdapat banyak fitur yang dapat di gunakan untuk melakukan beberapa maintenance terhadap website kita. seperti bagaimana search engine melihat web kita, apakah upaya Seo kita sudah benar atau apakah website kita sudah aman dari malware.

1.Crawling

merupakan sebutan dari tungkah laku msin pencari ketika membaca konten website kita.  jadi fitur Crawling ini dapat mengatur bagaimana Google melakukan crawl terhadap website anda. disini  kita memberikan informasi kepada Google mengenai halaman mana yang boleh atau tidak boleh di masukkan dalam daftar pencarian google.

2.Links

dengan menggunakan fitur ini kita bisa mendapatkan informasi mengenai jumlah link intenal dan eksternal yang anda pasang dan apakah ada link-link yang rusak yang harus di ganti.

3.Configuration

fitur ini mampu memberi informasi peting seputar website anda seperti Sitemaps, target pengunjung, dan setting URL.

4.Diagnostic Problems

disini kita bisa mendapatkan informasi mengenai apa-apa saja yang perlu di perbaiki pada website anda agar situs anda tidak di blokir oleh Google. dan juga mampu mengirimkan pemberitahuan jika website anda terindikasi oleh infeksi malware.

 

rekomendasi ini Jasa Pembuatan Web by Desain Web

Google Webmaster Tool :)

..

Webnaster Tool merupakan alat yang di sediakan oleh google untuk para webmaster, dengan tool yang telah di sediakan kita bisa menggunakan beberapa fitur yang bisa meningkatkan performa website kita , baik dari segi link , baclink atau keyword pada seacrh engine google.

manfaat webmaster tool adalah kita bisa membuat website kita memiliki halaman yang terstruktur hingga google lebih mengerti halaman mana yang lebih di prioritaskan untuk di index.  kita juga bisa menentukan halaman mana yang kita ijinkan untuk di index dan halaman mana yang tidak di ijinkan untuk di index.

Dalam webmaster tools kita bisa mengecek query keyword pada website kita, populer atau keyword apa yang sering muncul pada website kita, hingga internal linking dari website kita maupun link dari website lain ke website kita (backlink).

kita juga bisa menentukan target website kita misal jika berbahasa Indonesia , ya target utama kita warga Indonesia 😉

1. Search queries

Untuk mengetahui Informasi pencarian terhadap blog Anda melalui Google

2. links to your site/inbound links

Untuk mengetahui tautan yang menuju blog Anda

3. Sitemap

Untuk Mengetahui dan membuat Informasi adanya peta situs

4. Crawl errors

Untuk mengetahui informasi kesalahan-kesalahan pada blog Anda dan anda juga dapat menghapus URL Eror yang terindex google

5. Keywords

Untuk mengetahui informasi mengenai kata kunci teraktif terhadap blog Anda 🙂

 

rekomendasi ini Jasa Pembuatan Web by Desain Web

 

CSS pada dokumen HTML :)

Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu:  🙂

 

1. External Style Sheet (file CSS berbeda dari file HTML),
2. Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML)
3. Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan).

Saya sarankan anda menggunakan cara External Style Sheet karena lebih mudah dalam mengelolanya. Disini saya akan menerangkan dasar-dasar CSS. Langsung saja kita coba kode berikut ini:

• Internal CSS (penulisan kode CSS di dalam file HTML)

<html>
<head>
<style type = “text/css”>
.header {
width:900px;
height:50px;
border: 1px solid #640404;
}
.headerLeft {
width:400px;
background-color:#CCCCCC;
height:50px;
float:left;
text-align:center;
}
.headerRight {
width:450px;
background-color:#999999;
height:50px;
float:right;
text-align:center;
}
</style>
</head>
<body>

</body>
</html>

• Eksternal CSS (CSS terpisah dengan HTML)

<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”public.css”/>
</head>
<body>
</body>
</html>

• Inline CSS (kode CSS dalam tag HTML)

<html>
<head>
</head>
<div style=”background-color:#999999; text-align:center;”>Inline CSS</div>
</body>
</html>

Jika kita menggunakan teknik external CSS, maka kita perlu membuat file css, misal buat file dan simpan dengan nama style.css

Didalam HTML kita perlu memanggil file CSS dengan menggunakan tag <link> yang diletakkan diantara tag <head>. Pada contoh CSS selanjutnya kita menggunakan teknik external CSS, jadi gunakan saja file style.css dan coba.html anda hanya perlu mengubah isinya. Untuk file HTML anda gunakan coba.html dan ubah isinya pada bagian <body> saja bagian yang didalam <head> tidak usah diapa-apakan.

Untuk memanggil CSS dalam tag HTML kita perlu menggunakan atribut class untuk memanggil CSS selector (dalam contoh diatas selectornya title dan thank). Dengan demikian apabila semua halaman anda memanggil class title, dan jika anda ingin mengganti font untuk semua halaman anda cukup mengubah selector CSSnya saja. Bagaimana anda sudah paham kegunaan CSS.

CSS memiliki ratusan properties dan values, tentu saja saya tidak akan menerangkan semuanya, saya hanya akan menerangkan yang penting-penting saja.

Tidak semua browser dapat menampilkan jenis huruf yang kita spesifikasikan didalam CSS. Untuk itu kita perlu mendeklarasikan lebih dari satu jenis huruf agar browser mengenal jenis huruf yang digunakan. Anda dapat menggunakan property font-family, yang mirip dengan tag <font>.

Sebagai contoh anda ingin menampilkan dari keluarga huruf Serif dan hurufnya Times yaitu Times New Roman. Anda dapat menuliskannya dari yang paling spesifik sampai yang umum, sehingga jika browser tidak mengenal fontnya, maka browser akan otomatis melihat font yang umum. Untuk lebih jelasnya lihat kode berikut:
<h1 style=”font-family: ‘Times New Roman’, Times, serif”>Serif font</h1> 😉

 

rekomendasi ini Jasa Pembuatan Web by Desain Web

Tips Memilih Nama Domain :)

postingan kali ini membahas Tips Memilih Nama Domain untuk Web kalian .. 😉

1. Utamakan domain .com

Biasanya,domain .com jadi pilihan nomer 1 , kenapa?? lihatlah produk besar seperti Google atau You tube. kalau kita mau mengakses ke alamat tersebut kita akan menambahkan .com di belakanhnya (seperti Google.com). karena emang pada dasarnya .com itu sudah tercetak terlebih dahulu di mindset masyarakat. 🙂

2. Hindari tanda (-) dashes

Memberitahu nama domain bertanda ’dashes’ atau ’minus’ dalam komunikasi viral bisa sangat merepotkan. Seringkali seorang MC kesulitan menyebutkan nama salah satu sponsor pendukung acara yang nama domainnya menggunakan tanda dashes.

 

3. Hindari ejaan yang susah

Perhitungkan cara lafal yang bisa menimbulkan kemungkinan mistype dari target audience website anda. Misalnya sebuah website dengan nama domain http://www.edhascver.com, mungkin kurang tepat jika target marketnya adalah orang Indonesia. Sebab susah dieja. Sekali lagi, tidak bagus dari segi viral.

 

4. Sesuai tema

Memasukkan unsur konten ke dalam nama domain boleh jadi merupakan hal yang cerdas. Hal ini mampu memudahkan pengunjung untuk mengidentifikasikan apa yang kita tawarkan. Misalnya http://www.smkn10sby.com. Pengunjung bisa lebih mudah mengidentifikasi bahwa situs tersebut menyediakan jasa layanan hosting dan domain.

 

rekomendasi ini Jasa Pembuatan Web by Desain Web

CSS Font :)

Beberapa properti font yang sering di gunakan pada CSS adalah ..

1. Font Family
merupakan properti yang di gunakan untuk menentukan jenis font berdasarkan kelompoknya.

Sintaks :
selector {font-family: value}

contoh:
P{font-family : arial, helvetica,sans-serif;}

 

2. Font-size
di gunakan untuk mengatur ukuran font atau teks yang akan di gunakan. ukuran yang digunakan bisa menggunkaan satuan pixel, cm,mm atau yang lainnya. selain menggunkan angka ukuran font juga dapat di definisikan, seperti: small, x-small, xx-small, medium dan lainnya.

Sintaks:
selector{font-size: value}

 

3. Font Weight

di gunakan untuk mempertebal teks. nilai yang di atur antara lain : normal , bold , bolder , lighter , 100-900

Sintaks :
selector{font-weight: normal | bold | bolder | lighter | 100-900}

 

rekomendasi ini Jasa Pembuatan Web by Desain Web

Sintaks – Sintaks dalam CSS :)

ada beberapa sintaks-sintaks dalam css untuk membuat layout , di antaranya :

1. background: Untuk mengeset background. Ada beberapa sintak untuk background, yaitu:

a. background-color: yaitu warna background.
b. background-image:url(‘URLGAMBAR.jpg’); yaitu URL gambar yang dijadikan background.
c. background-repeat: bernilai “repeat”, “repeat-x”, “repeat-y”, dan “no-repeat”. Maksudnya adalah pengulangan gambar. “repeat” artinya gambar akan diulang, memenuhi layar. “repeat-x” artinya gambar akan diulang sepanjang horizontal, “repeat-y” gambar akan diulang secara vertikal, sedangkan “no-repeat” artinya gambar hanya ditampilkan 1x, tidak akan diulang.
d. background-position: nilainya “nilaihorizontal nilaivertikal”. Maksudnya adalah posisi latarbelakang dari layer (bagian div/span/element yang diberi latar). Misal: body{background-position:10px 30px} maka latar belakang dari bagian body akan diberi jarak 10 piksel antara batas pinggir kiri body dan 30piksel dari batas pinggir atas body. Anda juga bisa mengisinya dengan “top” “middle” “bottom” untuk nilaihorizontal, dan “left” “center” “right” untuk nilaivertikal (pilih salah satu).
e. background-attachment: Nilainya “fixed” dan “scroll”. “fixed” artinya tampilan gambar latar belakang akan tetap sepanjang anda meng-scroll mouse anda.Sedangkan “scroll” kebalikannya.

2. width: Nilainya berupa nilai dalam piksel atau “auto”. Untuk menentukan lebar elemen.
3. height: Idem dengan width bedanya height untuk menentukan tinggi elemen.
4. margin: Batas antara suatu element dengan elemen diluarnya. Nilainya bisa berupa auto atau nilai dalam piksel. Sintaksnya begini: margin:marginatas marginkanan marginbawah marginkiri. Atau jika nilai semua margin sama langsung saja margin: nilaimargin.
5. padding: Batas antara suatu batas (border) element dengan unsur element didalam element tersebut. Sintaksnya begini: padding:paddingatas paddingkanan paddingbawah paddingkiri. Atau jika nilai semua margin sama langsung saja padding: nilaimargin.
6. border: ada 3 unsur untuk border yaitu:

a. border-width: lebar dari border
b. border-color: warna dari border
c. border-style: gaya dari border, nilainya “solid” (biasa) “double” (dobel/dua garis) “groove” (groove) “inset” (menjorok kedalam) “outset” (menjorok keluar) “dotted” (bertitik-titik) “dashed” (bergaris-garis)

7. position: posisi, nilainya “fixed” (tetap, akan melayang terus selama anda menscroll halaman, belum didukung IE ), “static” (diam, posisi default), “relative” (tergantung objek disekitarnya), “absolute” (dihitung dari pojok kiri atas layar, hampir sama seperti fixed, tetapi tidak akan ikut melayang ketika kita men-scroll mouse) . Setelah menentukan jenis posisi, kita harus menentukan:

a. pilih (top: atau bottom: jika pilih top artinya dihitung dari atas, sedangkan bottom sebaliknya)
b. pilih (left: atau right:. jika pilih left nilai akan dihitung dari kiri, sedangkan right sebaliknya.

8. z-index: z-index adalah posisi suatu elemen dari dasar dokumen, jika tidak diset maka defaultnya 0. Misalnya ada 3 buah buku ditumpuk, maka buku terbawah mempunyai z-index 0, buku ke2 daribawah:1, dan buku teratas:2.
9. visibility: nilainya hanya 2, yaitu “visible” dan “hidden”. Visible artinya kelihatan, kalo hidden ya artinya tersembunyi.
10. display: nilainya “none” “inline” “block”. Jika none maka tidak akan ditampilkan, inline ditampilkan dalam sebaris (biasanya untuk navigasi menu horizontal) dan block akan ditampilkan secara perbaris. Untuk display “none” dan visibility “hidden” perbedaannya adalah, untuk display “none” elemen didalamnya tidak akan ditampilkan, sedangkan visibility “hidden” akan tetap ada ruang untuk elemen tersebut, namun elemennya disembunyikan. 🙂

rekomendasi ini Jasa Pembuatan Web by Desain Web

Pengertian CSS :)

CSS (Cascading Style Sheets). CSS merupakan bahasa yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa di artikan secara bebas sebagai : CSS merupakan bahasa yang digunakan untuk mengatur tampilan / desain suatu halaman HTML.:)

CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web.Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”.Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda.CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan.Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet.Saat menggunakan CSS, Anda tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah Anda membuat sebuah style sheet, Anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan. 😉

Keuntungan Menggunakan CSS :
1.CSS memberikan keseragaman pada halaman web.
2.Dengan CSS dapat menghemat banyak waktu dan pekerjaan berulang. Saat menggunakan CSS, perubahan tidak perlu dilakukan dalam setiap halaman web. Anda hanya perlu membuat perubahan dalam style sheet.
3.CSS memungkinkan Anda untuk memuat halaman web Anda dengan mudah.
4.Layers (Lapisan), seperti item pop-up, dapat digunakan dalam dokumen.
5.CSS membantu Anda memelihara halaman web Anda dengan mudah dan efektif. 🙂

rekomendasi Jasa Pembuatan Web by Desain Web

Sejarah dan Perkembangan HTML :)

Sejarah HTML atau Hypertext Markup Language telah menjadi teknologi utama untuk Web sejak awal tahun 1990-an. Tim Berners-Lee menciptakan HTML pada tahun 1989 sebagai cara sederhana namun efektif untuk mengkodekan dokumen elektronik. Bahkan, tujuan awal dari web browser adalah untuk melayani sebagai pembaca untuk dokumen berformat HTML. Dua dekade kemudian, browser itu sendiri telah menjadi sebuah portal ke dunia media online. Itu sebabnya HTML5 tidak hanya sebagai revisi HTML, tetapi juga sebagai standar yang komprehensif untuk bagaimana halaman web bekerja. 🙂

Untuk lebih memahami apa yang membuat HTML5 unik, mari kita simak sejarah dari HTML itu sendiri. Pada tahun 1994, HTML masih dalam revisi pertama, Mosaic dan Netscape mendominasi pasar browser, dan kebanyakan orang belum familiar dengan istilah World Wide Web. Tahun itu, pencipta HTML Berners-Lee memimpin kelompok untuk membuat Web standar yang dikenal sebagai World Wide Web Consortium (W3C).

Meskipun W3C adalah kewenangan standarisasi yang diakui saat ini, para pemain komersial di pasar browser 1990 mengabaikan standar-standar ini dan merintis jalan mereka sendiri. Pada tahun 1995, W3C menerbitkan revisi kedua dari standar HTML, dan Web pendatang baru Microsoft menjadi platform browser Internet Explorer (IE).

Selama perang browser awal, para pengembang Web ditantang untuk menjaga situs mereka selalu kompatibel dengan setiap rilis baru dari browser utama. Meskipun W3C telah menerbitkan HTML 3.2 pada tahun 1997, diikuti dengan HTML 4 tahun 1998, mengikuti standar sepertinya kurang penting dibandingkan menjaga fitur browser yang disajikan pengembang. Hal ini berlangsung hingga tahun 2003 ketika komunitas berbasis Mozilla Foundation mematahkan tren. Setelah dibebaskan Browser Mozilla asli, yang diikuti oleh browser Firefox pada tahun 2004, Mozilla cepat mendominasi dibandingkan IE.

Sementara Mozilla Firefox terus berkembang menggunakan HTML 4 standar, Mozilla bergabung dengan Apple dan Opera pada tahun 2004 untuk membentuk kelompok yang disebut Web Hypertext Application Technology Working Group (WHATWG). Tujuan dari WHATWG adalah untuk menjaga perkembangan siklus HTML. WHATWG dan W3C mengkombinasikan spesifikasi yang ada untuk HTML dan XHTML untuk dikembangkan lebih lanjut dengan spesifikasi HTML 5 baru 😉

 

rekomodasi ini Jasa Pembuatan Web by Desain Web

Membuat WEB lewat HTML :))

Website memiliki berbagai macam fungsi mulai dari komunikasi, berbagi ilmu pengetahuan, berbagi file bahkan sampai berjualan pun dapat dilakukan dengan website. Untuk itu pada posting kali ini saya akan  menjelaskan cara membuat website hanya dengan menggunakan notepad. Karena hanya menggunakan notepad maka halaman yang tampil masih sangat sederhana. Dan materi yang saya share ini merupakan bagian dasar dari pembuatan web, untuk itu bagi anda yang sudah ahli dalam pembuatan web bersedia menambahkan jika ada kekurangan maupun kesalahan dalam penulisan.

🙂

Berikut cara pembuatanya

Pertama persiapkan aplikasi yang diperlukan yakni notepad (bisa notepad biasa tetapi lebih baik menggunakan notepad++, bisa didownload filehippo atau indowebster) dan browser internet  (saran saya dengan google chrome dan firefox)

Untuk kita pelajari pada bagian pertama adalah dengan menggunakan bahasa html.

 

tag-tag dasar yang perlu dipelajari 🙂

<html></html>                 :                  Tag untuk mengapit semua halaman HTML

<head></head>                 :                  Tag yangyang berfungsi memberikan informasi umum dari halaman

<title></title>                    :                 Judul halaman. Terdapat pada <head>

<body></body>                :                 untuk mensetting attribut keseluruhan isi halaman

<b></b>                               :                 Untuk menebalkan teks (bold)

<i></i>                                  :                 Untuk memiringkan teks (italic)

<u></u>                                :                Untuk menggaris bawahi teks (underline)

<p></p>                               :                 Untuk membuat paragraf

<font></font>                    :                Untuk memanipulasi bentuk dan ukuran huruf

<br>                                       :                 Untuk pindah ke baris baru

<hr>                                         :               Untuk membuat garis horizontal

<a></a>                                :                 Untuk membuat links (hyperlink)

·

 

🙂 Materi membuat halaman berisi judul dan artikel

1.       Buka notepad

2.       Ketik kode dibawah ini, di bawah pada notepad anda

 

<html>
<head>
<title>Upitd Uzumaki Uchiha</title>
</head>
<body>
<p>Upitd Uzumaki Uchiha</p>
<p>Namaku Fitria Febrianti .. 🙂
tapi aku lebih suka di panggil Upitd :).. banyak yang komen sehh .. tapi terserah lahh.. yang penting aku suka….aku suka buangeett sama Naruto.. ..aku punya film Naruto Shippuden mulai episode 1 sampai yang akhir” ini episode 301.. 🙂 .</p>
</body>
</html>

3.       Save as di folder terserah kamu di mana aja .. tapi aku saranin di dekstop aja biar gampang waktu buka..oiyya save dengan nama terserah tapi belakang nya di kasih “.html” kayak “Upitd.html”..

4.       buka file tadi dengan Mozilla firefox ataupu google chrome

5.       Dan hasilnya akan Nampak seperti ini 😉

 

 

 

 

 

rekomodasi ini Jasa Pembuatan Web by Desain Web