Home » Archives for Agustus 2011

html

Diposting oleh my world my heaven on Senin, 22 Agustus 2011

What is HTML?


 HTML merupakan suatu bahasa yang digunakan
untuk mendeskripsikan web pages.
 HTML singkatan dari Hyper Text Markup Language

 HTML bukanlah programming language, tetapi merupakan suatu markup language
 Suatu markup language merupakan serangkaian
markup tags

 HTML menggunakan markup tags untuk mendeskripsikan web pages

HTML Tags


 HTML markup tags seringkali disebut HTML
tags

 HTML tags merupakan keywords yang dilingkupi dengan angle brackets seperti
 HTML tags biasanya come in pairs seperti dan


 Tag yang pertama dalam satu rangkaian menunjukkan start tag, tag yang kedua merupakan end tag
 Start tag dan end tags biasa juga disebut opening
tags dan closing tags




HTML Documents = Web Pages


 HTML documents describe web pages

 HTML documents contain HTML tags dan plain text

 HTML documents juga disebut web pages

 Tujuan dari suatu web browser (mis. Internet Explorer, Firefox, Opera, dll) adalah untuk membaca HTML documents dan menampilkannya sebagai web pages. Browser tidak akan menampilkan HTML tags, melainkan menggunakan tags untuk menginterpretasikan content dari pages:
<html>
<body>


<h1>My first heading1</h1>


<p>My first paragraph</p>


</body>
</html>
Praktikum


 Tiap student buat folder atas nama sendiri di:

C:\My Documents\... [isi nama]

 Buka salah satu text editor: Notepad

 Tuliskan HTML tags pada Notepad

 Save dengan nama: first.html, mis: firstbayu.html

 Klik file firstbayu.html dan akan tampil HTML tags yang telah diinterpretasikan oleh web browser (Internet Explorer)
Praktikum – HTML Tags [1]
<html>
<body>



<h1>My first heading1</h1>



<p>My first paragraph.</p>




</body>

</html>

Praktikum – HTML Tags [2]


HTML Headings

 HTML headings are defined with the

to

tags.

 Example
<h1>This is a heading1</h1>
<h2>This is a heading2</h2>
<h3>This is a heading3</h3>

HTML Paragraphs

 HTML paragraphs are defined with the

tag.

 Example

<p>This is a paragraph</p>
<p>This is another paragraph</p>

Praktikum – HTML Tags [3]


HTML Links

 HTML links are defined with the tag.

 Example

<a href="http://www.w3schools.com">This is a link</a>

HTML Images

 HTML images are defined with the tag.

 Example
<img src="w3schools.jpg" width="104" height="142" />


More about → html
di 09.39 { Add komentar }

website

Diposting oleh my world my heaven on Minggu, 21 Agustus 2011

Pengertian Website


Website atau situs adalah kumpulan halaman- halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing- masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).
Website Statis dan Web Dinamis [1]


Web statis:
Web yang bersifat tetap, tidak berubah-ubah
Web yg bersifat client side (hanya berjalan disisi client)

Jika ingin merubah, harus merubah source code-nya, kemudian diupload lagi untuk mengganti yang lama.
Pemrograman yang sering dipakai: html, javascript




Website Statis dan Web Dinamis [2]


Web dinamis
Web yang dapat berubah-ubah (up-to-date)

Bersifat server side

Dikendalikan oleh seorang administrator

Web dinamis hampir selalu punya database untuk
menyimpan data

Pemrograman yang sering dipakai: php




Unsur-unsur Website


1. Nama Domain (Domain Name/URL – Uniform Resource
Locator)
Pengertian Nama Domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia
internet. Contoh : http://www.cempakur.co.cc http://google.com.
Nama domain diperjualbelikan secara bebas di internet dengan status sewa tahunan. Nama domain sendiri mempunyai identifikasi ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan website tersebut.
a. Contoh nama domain ber-ekstensi internasional adalah
com, net, org, info, biz.
b. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah co.id (untuk nama domain website perusahaan), ac.id (nama domain website pendidikan), go.id (nama domain website instansi pemerintah), or.id (nama domain website organisasi).




Unsur-unsur Website


2. Rumah tempat Website (Web Hosting)
Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar, dll yang akan ditampilkan di website. Besarnya data yang bisa dimasukkan tergantung dari besarnya web hosting yang disewa/dipunyai. Semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam website.
Web Hosting juga diperoleh dengan menyewa. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB(Mega Byte) atau GB(Giga Byte). Lama penyewaan web hosting rata-rata dihitung per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di Indonesia maupun luar negeri.




Unsur-unsur Website


3. Bahasa Pemograman (Programming Scripts)
Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website pada saat diakses. Jenis bahasa pemograman sangat menentukan statis, dinamis atau interaktifnya sebuah website. Semakin banyak ragam bahasa pemograman yang digunakan maka akan terlihat website semakin dinamis, interaktif , dan terlihat bagus.
Beragam bahasa pemograman saat ini telah hadir untuk mendukung kualitas website. Jenis bahasa pemograman yang banyak dipakai para desainer website antara lain HTML,
ASP, PHP, JSP, Java Scripts, Java applets ,dsb. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis dan interaktifnya situs.
Bahasa pemograman ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa pemograman ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list, dan lain sebagainya yang memerlukan update setiap saat.

Unsur-unsur Website


4. Desain Website
Setelah melakukan penyewaan domain name dan web hosting serta penguasaan bahasa pemograman, selanjutnya unsur website yang penting dan utama adalah desain. Desain website menentukan kualitas dan keindahan sebuah website. Desain sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah website.
Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa website designer. Saat ini sangat banyak jasa web designer, terutama di kota-kota besar. Perlu diketahui bahwa kualitas situs sangat ditentukan oleh kualitas designer. Semakin banyak penguasaan web designer
tentang bahasa pemograman /software pendukung pembuatan situs maka akan dihasilkan situs yang semakin berkualitas,
demikian pula sebaliknya. Jasa web designer ini yang umumnya memerlukan biaya yang tertinggi dari seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas designer
More about → website
di 19.07 { Add komentar }

Teknik Cell Shading Sederhana

Diposting oleh my world my heaven on Sabtu, 06 Agustus 2011

Saat ini dunia multimedia sedang mewabah tren grafis cell shading. Bahkan game-game terbaru pun banyak yang menggunakan teknik grafis ini. Bukan hanya pada game, beberapa film animasi dan video klip juga banyak yang menggunakannya. Memang kali ini kita tidak sedang membahas pembuatan animasi cell shading, melainkan bagaimana memberikan efek pewarnaan cell shading pada sebuah gambar dengan menggunakan Adobe Photoshop CS 2.
Langkah 1:
Buka dahulu file yang ingin kita beri efek cell shading Adobe Photoshop CS 2, sebaiknya gambar yang kita beri efek ini adalah gambar yang masih belum berwarna, misalnya gambar dari sebuah komik (Gambar 1).

Gambar 1

Langkah 2:
Gunakan Magnetic Lasso Tool untuk membuat ulang garis-garis pada layer baru. Caranya adalah kita tentukan dulu bagian-bagian yang memiliki warna sama, kemudian buat daerah-daerah dengan Magnetic Lasso Tool dengan cara mengelilingi bagian-bagian tersebut sampai garis tidak terputus sambil menekan tombol Shift.
Setelah semuanya OK, lakukan Ctrl+C, lalu Ctrl+V agar tercipta sebuah layer baru yang berisi daerah hasil seleksi Magnetic Lasso Tool, hal ini akan memakan waktu yang cukup lama. (Gambar 2 bagian yang dilingkari).


Gambar 2

Langkah 3:
Setelah seluruh layer terbentuk, hapuslah layer utama yang berada pada Background. Perhatikan, kalau masih ada bagian yang kurang, lakukan Undo, kemudian buat bagian yang masih kurang tersebut. Setelah itu beri warna pada tiap layer dengan paduan Paint Bucket Tool dan Brush Tool sesuai dengan warna yang telah kita tentukan sebelumnya. Caranya adalah buat pandangan hanya fokus pada satu layer saja, kemudian warnai layer tersebut, dan begitu seterusnya hingga seluruh layer telah diberi warna (Gambar 3 bagian yang dilingkari).

Gambar 3

Langkah 4:

Setelah semua layer diwarnai, sekarang saatnya menentukan bagian mana yang akan diberi efek pencahayaan. Bagian yang diberi efek pencahayaan ini akan diberi warna lebih terang atau lebih gelap, sehingga menimbulkan efek tiga dimensi.
Caranya adalah dengan Polygonal Lasso Tool, lakukan pengelompokan daerah yang akan diberi tingkatan warna yang berbeda, kemudian seperti Langkah 2, buat layer dari bagian yang berwarna sama tersebut. Untuk contoh kali ini, kita hanya akan menggunakan 2 tingkatan warna, yaitu warna dasar dan warna yang sedikit lebih gelap, agar dapat menghasilkan hasil yang lebih bagus kita dapat membuat layer untuk 3 tingkatan warna atau lebih (Gambar 4).

Gambar 4

Langkah 5:
Kini kita akan beri warna untuk setiap layer baru yang sudah kita buat tadi. Untuk tingkatan warna yang lebih gelap, kita gunakan Burn Tool, sedangkan untuk tingkatan warna yang lebih terang, kita gunakan Dodge Tool.
Pada contoh kali ini kita gunakan Burn Tool, karena kita akan memberi efek warna yang lebih gelap. Sapukan Burn Tool seperti ketika kita menggunakan Brush Tool, semakin banyak kita menyapukan Burn Tool di tempat yang sama, maka warna yang dihasilkan juga akan semakin gelap. (Gambar 5 bagian yang dilingkari).
Gambar 5

Langkah 6:
Setelah selesai, tampilkan semua layer untuk melihat hasilnya. Apabila masih ada yang janggal, tambahkan lagi layer atau pewarnaan, atau bisa juga karena urutan layer yang salah, ubah-ubah urutan layer sehingga semuanya terlihat pas (Gambar 6).
Gambar 6

Langkah 7:
Kini gambar yang sudah jadi tersebut kita beri sebuah latar belakang agar tampak lebih indah. Caranya adalah pilih menu ”Layer - New – Layer” atau menekan shortcut Ctrl+Shift+N, kemudian taruh layer yang baru tersebut di bagian paling bawah.
Pilih sebuah gambar lain untuk jadi latar belakang dengan memasukannya ke dalam layer baru tersebut, atau convert layer tersebut menjadi background dengan cara klik menu ”Layer – New – Background From Layer” kemudian beri warna yang sesuai dengan keadaan gambar seluruhnya. Pada contoh ini kita gunakan Gradient Tool (Gambar 7 sebagai hasil akhirnya).


Gambar 7

Semoga Bermanfaat
More about → Teknik Cell Shading Sederhana
di 21.31 { Add komentar }

cara pengatasi komputer yang lemot

Diposting oleh my world my heaven

* Jalankan pemeriksaan anti-virus, itu sangat mudah untuk menangkap virus komputer saat ini, terutama jika Anda adalah pengguna internet biasa. Ada banyak virus yang memiliki spesialisasi membuat komputer mendapatkan lebih lambat ... jadi jika Anda ingin mencari tahu mengapa komputer Anda jadi lambat, tindakan pertama Anda harus melakukan virus scan hanya untuk memastikan.
* Hapus program yang tidak berguna, itu sangat umum bagi orang untuk menginstal program acak pada kehendak, dan kemudian tidak pernah lagi menggunakannya. Nah, kadang-kadang yang hanya akan membuat komputer Anda mendapatkan berantakan cepat, dan itu sesuatu yang Anda dapat dengan mudah bisa dihindari! Cobalah un-instalasi program-program Anda tidak pernah menggunakan, dan Anda mungkin hanya melihat perbedaan besar dalam kinerja komputer Anda.
* Format hard drive anda dan menginstal sistem operasi, ini adalah cara untuk membuat komputer Anda bisa lebih cepat.
*Cobalah menggunakan registry cleaner: jika Anda pengguna pemula, ini mungkin solusi yang paling sederhana dan paling luas efisien. A registry cleaner adalah bagian dari perangkat lunak yang memindai komputer Anda dan mencari file yang tidak berguna dan kekacauan yang tidak perlu. Dengan membersihkan registry (yang adalah database komputer internal) Anda dapat mengatur untuk memperbaiki komputer yang lambat Anda berjalan dalam waktu singkat,dan lebih baik ... tanpa mengganggu dengan file dan dokumen.
More about → cara pengatasi komputer yang lemot
di 20.30 { Add komentar }