Pemodelan Geometris (2D)

Pemodelan geometris adalah cabang dari matematika terapan dan komputerisasi geometri yang mempelajari metode dan algoritma untuk mendeskripsikan bentuk secara matematis.

Bentuk yang dipelajari dalam pemodelan geometris biasanya antara lain bentuk dua atau tiga dimensi, meskipun banyak alat-alat dan prinsip-prinsip yang dapat diterapkan untuk setiap set berdimensi selanjutnya. Teknik pemodelan geometri juga merupakan variabel mendasar dari aplikasi teknologi virtual set. Saat ini kebanyakan pemodelan geometris dapat dilakukan oleh komputer dan ke komputer berbasis aplikasi.

Model geometris biasanya dibedakan dari model prosedural dan berorientasi objek, yang menentukan bentuk implisit oleh algoritma yang menghasilkan penampilan buram. Mereka juga kontras dengan gambar digital dan model volumetrik yang mewakili subset dari bentuk baik sebagai partisi biasa ruang, dan model fraktal yang memberikan definisi rekursif tak terbatas formulir. Namun, perbedaan ini sering kabur: misalnya, gambar digital dapat diartikan sebagai seperangkat kotak berwarna, dan bentuk geometris seperti lingkaran didefinisikan oleh persamaan matematika implisit. Juga, model menghasilkan model parametrik fraktal atau implisit ketika definisi rekursif dipotong dengan kedalaman terbatas.

Transformasi dari suatu konsep (atau suatu benda nyata) ke suatu model geometris yang bisa ditampilkan pada suatu komputer :
– Shape/bentuk
– Posisi
– Orientasi (cara pandang)
– Surface Properties / Ciri-ciri Permukaan (warna, tekstur)
– Volumetric Properties / Ciri-ciri volumetric (ketebalan/pejal, penyebaran cahaya)
- Lights/cahaya (tingkat terang, jenis warna)
- Dan lain-lain …

Kali ini, kita akan menjelaskan mengenai dua dimensi yang merupakan bentuk yang paling sering mendeskripsikan pemodelan geometris.

Dua dimensi adalah bentuk dari benda yang memiliki panjang dan lebar. Grafik dua dimensi merupakan teknik penggambaran yang berpatokan pada titik koordinat sumbu x (datar) dan sumbu y (tegak). Agar dapat tampil dengan sempurna, gambar yang akan ditampilkan dengan teknik ini harus memiliki nilai koordinat x dan y minimum 0 dan maksimum sebesar resolusi yang digunakan.

Model Grafik 2D merupakan kombinasi dari model geometri (juga disebut sebagai grafik vektor), gambar digital (raster graphics), fungsi matematika, dan sebagainya. Komponen-komponen ini dapat dimodifikasi dan dimanipulasi oleh transformasi geometri dua dimensi, seperti translasi, rotasi, dan dilatasi.

Cara yang paling mudah untuk membuat sebuah gambar 2D kompleks yaitu dimulai dengan sebuah “canvas” kosong yang diisi dengan warna latar tertentu, yang kemudian kita “draw”, “paint”, atau “paste” suatu warna kedalamnya, dengan urutan-urutan tertentu. Intinya, kanvas tersebut merupakan “frame buffer” atau bayangan dari layar komputer.

Model-model yang digunakan pada disain grafis 2D biasanya tidak mendukung bentuk-bentuk tiga-dimensi, atau fenomena yang bersifat tiga dimensi, seperti pencahayaan, bayangan, pantulan, refraksi, dan sebagainya. Namun demikian, mereka dapat membuat model berlapis-lapis (layer); nyata, translusen, dan transparan, yang dapat ditumpuk dalam urutan tertentu. Urutan tersebut biasanya didefinisikan dengan angka (kedalaman lapisan, atau jarak dari si penglihat).

Banyak antarmuka grafis atau yang kita kenal dengan GUI (Grapical User Interface) yang berbasiskan model grafis 2D. Software-software yang mendukung GUI dapat menciptakan “keadaan visual” dalam berinteraksi dengan komputer, sehingga para pengguna tidak selalu harus melihat tulisan. Grafik 2D juga penting bagi kendali peralatan-peralatan semacam printer, plotter, shredder, dan sebagainya. Mereka juga digunakan pada beberapa video dan games sederhana seperti solitaire, chess, atau mahjong.

Contoh gambar game 2D :

sumber:

http://digilib.its.ac.id/public/ITS-Research-11254-132163664-Abstract_id.pdf

http://blog.ephi.web.id/?p=1349

http://blog.ukmhg.co.cc/view.php?id=50

Pengertian Dan Sejarah Perkembangan Desain Grafis

PENGERTIAN DESAIN GRAFIS

Desain Grafis itu berasal dari dua kata yaitu Desain dan Grafis, kata Desain berarti proses atau perbuatan dengan mengatur segala sesuatu sebelum bertindak atau merancang. Sedangkan Grafis adalah titik atau garis yang berhubungan dengan cetak mencetak. Jadi dengan demikian Desain grafis ialah kombinasi kompleks antara kata-kata, gambar, angka, grafik, foto dan ilustrasi yang membutuhkan pemikiran khusus dari seorang individu yang bias menggabungkan elemen-elemen ini, sehingga mereka dapat menghasilkan sesuatu yang khusus atau sangat berguna dalam bidang gambar.

Dan Desain grafis merupakan suatu bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin. Didalam desain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. Desain grafis pada awalnya diterapkan untuk media-media statis, seperti buku, majalah, dan brosur. Sebagai tambahan, sejalan dengan perkembangan zaman, desain grafis juga diterapkan dalam media elektronik yang sering disebut sebagai desain interaktif atau desain multimedia.


SEJARAH PERKEMBANGAN DESAIN GRAFIS

Desain grafis berkembang pesat saat peradaban manusia menemukan tulisan dan mesin cetak.
Berikut adalah peristiwa yang mempengaruhi perkembangan desain grafis di dunia:

1851, The Great Exhibition
Diselenggarakan di taman Hyde London antara bulan Mei hingga Oktober 1851, pada saat Revolusi industri. Pameran besar ini menonjolkan budaya dan industri serta merayakan teknologi industri dan disain. Pameran digelar dalam bangunan berupa struktur besi-tuang dan kaca, sering disebut juga dengan Istana Kristal yang dirancang oleh Joseph Paxton.

1892, Aristide Bruant, Henri Toulouse-Lautrec
Pelukis post-Impressionist dan ilustrator art nouveau Prancis, Toulouse-Lautrec melukiskan banyak sisi Paris pada abad ke sembilan belas dalam poster dan lukisan yang menyatakan sebuah simpati terhadap ras manusia. Walaupun lithography ditemukan di Austria oleh Alois Senefelder pada tahun 1796, Toulouse-Lautrec membantu tercapainya peleburan industri dan seni.

1910, Modernisme
Modernisme terbentuk oleh urbanisasi dan industrialisasi dari masyarakat Barat. Sebuah dogma yang menjadi nafas desain modern adalah "Form follow Function" yang di lontarkan oleh Louis Sullivan.Symbol terkuat dari kejayan modernisme adalah mesin yang juga diartikan sebagai masa depan bagi para pengikutnya. Desain tanpa dekorasi lebih cocok dengan “bahasa mesin”, sehingga karya-karya tradisi yang bersifat ornamental dan dekoratif dianggap tidak sesuai dengan “estetika mesin”.

1916, Dadaisme
Suatu pergerakan seni dan kesusasteraan (1916-1923) yang dikembangkan mengikuti masa Perang Dunia Pertama dan mencari untuk menemukan suatu kenyataan asli hingga penghapusan kultur tradisional dan bentuk estetik. Dadaisme membawa gagasan baru, arah dan bahan, tetapi dengan sedikit keseragaman. Prinsipnya adalah ketidakrasionalan yang disengaja, sifat yang sinis dan anarki, dan penolakan terhadap hukum keindahan.

1916, De Stijl
Gaya yang berasal dari Belanda, De Stijl adalah suatu seni dan pergerakan disain yang dikembangkan sebuah majalah dari nama yang sama ditemukan oleh Theo Van Doesburg. De Stijl menggunakan bentuk segi-empat kuat, menggunakan warna-warna dasar dan menggunakan komposisi asimetris.

1918, Constructivism
Suatu pergerakan seni modern yang dimulai di Moscow pada tahun 1920, yang ditandai oleh penggunaan metoda industri untuk menciptakan object geometris. Constructivism Rusia berpengaruh pada pandangan moderen melalui penggunaan huruf sans-serif berwarna merah dan hitam diatur dalam blok asimetris.

1919, Bauhaus
Bauhaus dibuka pada tahun 1919 di bawah arahan arsitek terkenal Walter Gropius. Sampai akhirnya harus ditutup pada tahun 1933, Bauhaus memulai suatu pendekatan segar untuk mendisain mengikuti Perang Duni Pertama, dengan suatu gaya yang dipusatkan pada fungsi bukannya hiasan.

1928-1930, Gill Sans
Tipograper Eric Gill belajar pada Edward Johnston dan memperhalus tipe huruf Underground ke dalam Gill Sans. Gill Sans adalah sebuah jenis huruf sans serif dengan proporsi klasik dan karakteristik geometris lemah gemulai yang memberinya suatu kemampuan beraneka ragam (great versatility).

1931, Harry Beck
Perancang grafis Harry Back ( 1903-1974) menciptakan peta bawah tanah London (London Underground Map) pada tahun 1931. Sebuah pekerjaan abstrak yang mengandung sedikit hubungan ke skala fisik. Beck memusatkan pada kebutuhan pengguna dari bagaimana cara sampai dari satu stasiun ke stasiun yang lain dan di mana harus berganti kereta.

1950, International Style
International atau Swiss style didasarkan pada prinsip revolusioner tahun 1920an seperti De Stijl, Bauhaus dan Neue Typography, dan itu menjadi resmi pada tahun 1950an. Grid, prinsip matematika, sedikit dekorasi dan jenis huruf sans serif menjadi aturan sebagaimana tipografi ditingkatkan untuk lebih menunjukkan fungsi universal daripada ungkapan pribadi.


1951, Helvetica
Diciptakan oleh Max Miedinger seorang perancang dari Swiss, Helvetica adalah salah satu tipe huruf yang paling populer dan terkenal di dunia. Berpenampilan bersih, tanpa garis-garis tak masuk akal berdasarkan pada huruf Akzidenz-Grotesk. Pada awalnya disebut Hass Grostesk, nama tersebut diubah menjadi Helvetica pada tahun 1960. Helvetica keluarga mempunyai 34 model ketebalan dan Neue Helvetica mempunyai 51 model.

1960, Psychedelia and Pop Art
Kultur yang populer pada tahun 1960an seperti musik, seni, desain dan literatur menjadi lebih mudah diakses dan merefleksikan kehidupan sehari-hari. Dengan sengaja dan jelas, Pop Art berkembang sebagai sebuah reaksi perlawanan terhadap seni abstrak. Gambar dibawah adalah sebuah poster karya Milton Glaser yang menonjolkan gaya siluet Marcel Duchamp dikombinasikan dengan kaligrafi melingkar. Di cetak lebih dari 6 juta eksemplar.

1984, Émigré
Majalah desain grafis Amerika, Émigré adalah publikasi pertama untuk menggunakan komputer Macintosh, dan mempengaruhi perancang grafis untuk beralih ke desktop publishing ( DTP). Majalah ini juga bertindak sebagai suatu forum untuk eksperimen tipografi.


sumber:
http://www.ahlidesain.com/pengertian-desain-grafis.html
http://www.advertisingku.com/indexku/?p=214

Metodologi Analisis Web

Web adalah bagian dari komputasi tertanam dalam pengaturan sosial, dan
perkembangannya adalah sebagai banyak tentang mendapatkan hak embedding seperti yang melakukan rekayasa. Sedangkan Analisis Web adalah pengukuran, pengumpulan, analisis dan pelaporan data internet untuk tujuan memahami dan mengoptimalkan penggunaan web. Web analisis bukan hanya alat untuk mengukur lalu lintas situs Web tetapi dapat digunakan sebagai alat untuk penelitian bisnis dan riset pasar.

Web analisis aplikasi juga dapat membantu perusahaan mengukur hasil kampanye iklan cetak tradisional. Ini membantu seseorang untuk memperkirakan bagaimana lalu lintas ke situs web berubah setelah peluncuran kampanye iklan baru. analisis Web menyediakan data tentang jumlah pengunjung, tampilan halaman, dll untuk mengukur lalu lintas dan tren popularitas yang membantu melakukan riset pasar. Dengan Analisis Web anda dapat menentukan WEB yang baik dan buruk. Dalam perkembagan dunia yang berbasis IT, seperti desain web, banyak juga yang harus di perhatikan dalam mengetahui web itu baik atau benar, ya salah satu nya dengan Metodelogi Analisis Web.

Ada dua kategori analisis web luar lokasi dan di situs web analisis. Secara historis, analisis web telah disebut pengukuran pengunjung di tempat. Namun dalam beberapa tahun terakhir ini telah kabur, terutama karena vendor yang memproduksi peralatan yang menjangkau kedua kategori.

Web analisis ON teknologi

Banyak vendor yang berbeda memberikan-situs web pada analisis perangkat lunak dan jasa. Ada dua pendekatan teknologi utama untuk mengumpulkan data. Metode pertama yaitu analisis logfile, membaca file log di mana web server mencatat semua transaksi perusahaan. Metode kedua yaitu tag halaman, menggunakan JAvaScript pada setiap halaman untuk memberitahu sebuah server pihak ketiga saat halaman diberikan oleh web browser . Keduanya mengumpulkan data yang dapat diolah untuk menghasilkan laporan web lalu lintas.

Selain itu sumber data lain juga dapat ditambahkan untuk menambah data. Misalnya; mail tingkat respon-e, data kampanye direct mail, penjualan dan informasi memimpin, kinerja data pengguna seperti klik pemetaan panas , atau metrik kustom lain yang diperlukan.

Web server merekam beberapa transaksi mereka di sebuah file log. Hal ini segera menyadari bahwa file log dapat dibaca oleh program untuk menyediakan data tentang popularitas website. Maka muncullah analisis perangkat lunak web .

Pada awal 1990-an, web statistik situs terutama terdiri dari menghitung jumlah permintaan klien (atau hit) dibuat untuk web server. Ini adalah metode yang masuk akal pada awalnya, karena setiap situs web sering terdiri dari sebuah file HTML tunggal. Namun, dengan pengenalan gambar dalam HTML, dan situs web yang membentang beberapa file HTML, jumlah ini menjadi kurang bermanfaat.Yang pertama benar komersial Log Analyzer dirilis oleh IPRO pada tahun 1994 .

Dua unit ukuran diperkenalkan pada pertengahan tahun 1990 untuk mengukur secara lebih akurat jumlah aktivitas manusia pada server web. Ini adalah tampilan halaman dan kunjungan (atau sesi). Sebuahtampilan halaman didefinisikan sebagai permintaan dibuat untuk server web untuk halaman, sebagai lawan dari grafis, sementara mengunjungididefinisikan sebagai urutan permintaan dari klien diidentifikasi unik yang berakhir setelah jumlah tertentu tidak aktif, biasanya 30 menit . Halaman tampilan dan kunjungan masih sering ditampilkan metrik, namun kini dianggap lebih sederhana.

Munculnya search engine spide dan robot pada akhir tahun 1990an, bersama dengan proxy web dan alamat IP yang ditetapkan secara dinamis untuk perusahaan besar dan ISP , membuatnya lebih sulit untuk mengidentifikasi pengunjung manusia unik ke situs web. Log analisis menanggapi dengan melacak kunjungan oleh cookie , dan dengan mengabaikan permintaan dari laba-laba dikenal.

Penggunaan ekstensif web cache juga disajikan masalah untuk analisis logfile. Jika seseorang mengunjungi kembali halaman, permintaan kedua akan sering diambil dari cache browser, sehingga permintaan tidak akan diterima oleh server web. Ini berarti bahwa jalan seseorang melalui situs hilang. Caching dapat dikalahkan dengan mengkonfigurasi server web, tetapi hal ini dapat mengakibatkan performa yang terdegradasi untuk pengunjung ke situs web.

Apa itu Snooping, Spam, Spoofing, Phising, Pharming, Cookies dan Spyware ???

Didalam dunia maya ini pasti anda sering mendengar istilah - istilah yang asing ditelinga anda seperti Snooping, Spam, Spoofing, Phising, Pharming, Cookies dan Spyware. Disini saya kan menjelaskan apa itu Snooping,Spam,Spoofing,dll.

Pertama - tama kita mulai dari Snooping. Snooping adalah suatu pemantauan elektronik terhadap jaringan digital untuk mengetahui password atau data lainnya. Ada beragam teknik snooping, yakni:
1. Shoulder Surfing (Pengamatan langsung terhadap display monitor seseorang untuk memperoleh akses)
2.Dumpster Diving (Mengakses untuk memperoleh password dan data lainyya)
3. Digital Sniffing (Pengamatan elektronik terhadap jaringan untuk mengungkap password atau data lainnya).

Dan Spam adalah penyalahgunaan sistem pesan elektronik (termasuk media penyiaran dan sistem pengiriman digital) untuk mengirim berita iklan dan keperluan lainnya secara massal. Umumnya, spam itu menampilkan berita acara secara bertubi - tubi tanpa diminta dan sering kali tidak dikehendaki oleh penerimanya. Pada akhirnya, spam dapat menimbulkan ketidaknyamanan bagi para pengguna situs web.Orang yang menciptakan spam elektronik disebut spammers.

Spoofing dapat didefinisikan sebagai "Teknik yang digunakan untuk memperoleh akses yang tidak sah ke suatu komputer atau informasi, dimana penyerang berhubungan dengan pengguna dengan berpura -pura memalsukan bahwa mereka adalah host yang dapat dipercaya". Dalam bahasa networking, spoofing berarti pura-pura berlaku atau menjadi sesuatu yang sebenarnya bukan.

Phising merupakan teknik licik yang digunakan oleh pencuri dan hacker untuk menipu pengguna internet dengan cara mencuri informasi penting, biasanya hal ini berkenaan dengan informasi keuangan (nomor rekening dan kartu kredit) dan informasi login (ID dan Password).

Pharming adalah suatu cara yang digunakan untuk mengarahkan pengguna situs tertentu untuk masuk ke situs palsu yang mana interface dari situs itu dibuat mirip sekali dengan situs asli. Lalu bahayanya apa? Loh jelas bahaya, sebab di situs palsu itu ada form login, dengan mengisi form username dan password di situs plasu itu, maka username dan password kita bisa disimpan oleh pemilik situs palsu tersebut untuk digunakan di situs asli.

Cookies adalah file teks yang ditulis oleh browser client ke dalam komputer client yang berisi informasi yang dikirimkan oleh server. Informasi yang telah dituliskan tersebut selanjutnya dapat dimanfaatkan untuk mengidentifikasikan client, kemudian melakukan hal - hal lain sesuai dengan kebutuhan.

Spyware yang juga dikenal dengan nama "adware", adalah semacam program tersembunyi yang berfungsi mengirim informasi mengenai komputer yang terinfeksi melalui komunikasi internet ke si pembuat spyware ini. Biasanya spyware otomasti terinstall di komputer kita secara otomatis akibat kita mendownload software tertentu atau mengklik iklan tertentu dari sebuah situs. Spyware menjadi berbahaya karena saat ini spyware tidak hanya sebagai pengirim info tersembunyi saja, tapi juga menginstall semacam program khusus (sering disebut 'trojan') yang pada akhirnya si pemilik spyware biasa memata-matai sega;a aktivitas yang kita lalukan di internet tanpa sepengetahuan kita.

Banyak program antispyware yang beredar di internet saat ini, anda bisa mencarinya di mesin pencari (search engine) dengan kata kunci 'anti sp

Pembuatan Web Sederhana Menggunakan HTML

Website atau disingkat web atau dikenal juga dengan nama homepage kini telah menjadi trend. Ribuan bahkan jutaan website kini telah meramaikan dunia maya seiring dengan perkembangan internet. Bila telah terhubung dengan internet, sebuah perusahaan dapat mempromosikan produknya ke segala penjuru dunia lewat website perusahaan. Dengan www.yahoomail.com kita bisa berkirim email ke teman kita di luar negeri tanpa harus repot repot menulis di kertas, memasukkan ke dalam amplop, dan mengirimnya lewat kantor pos. Dengan website pula kita bisa mengetahui berita mutakhir lewat www.detik.com, dan dengan website pula kita bisa menambah teman dengan mendaftar ke www.facebook.com.

Kita pun bisa membuat website seperti itu sendiri dengan bantuan software web developer yang sudah ada seperti Microsoft Frontpage atau Macromedia Dreamweaver. Kalaupun program tersebut tidak terinstal di komputer anda, asalkan ada program Notepad, Internet Explorer, atau web browser sejenis anda masih bisa membuat web pribadi anda.

Selain PHP, bahasa yang umum dipakai untuk membuat halaman website ini salah satunya adalah Hyper Text Mark up Language (HTML). HTML ini sangat mudah untuk kita pelajari bila dibandingkan dengan PHP. Karena itu untuk latihan kali ini saya terangkan mengenai pembuatan web pribadi sederhana menggunakan HTML. Perintah perintah yang dipakai dalam HTML ini dinamakan tag. Tag tag yang dipakai untuk membuat halaman sebuah web dapat kita lihat dengan mengeklik tab View > Source dalam web browser yang anda pakai, yang dalam tutorial ini saya pakai web browser Internet Explorer. Untuk web browser lainnya seperti Mozilla Firefox, source halaman website bisa anda lihat dengan mengeklik tab View > Page Source. Berikut ini saya jelaskan langkah langkah untuk membuat website sederhana buatan anda sendiri. Ikuti terus ya !

1. Klik Start > All Program > Accessories > Notepad untuk membuka program
Notepad.

2. Tampilan program Notepad seperti gambar di bawah ini. Di Notepad ini nanti kita akan mengetik tag HTML untuk membuat sebuah halaman web.

3. Sebuah halaman web terdiri dari dua bagian, yaitu bagian kepala dan badan. Bagian kepala memberi nama website kita, sedangkan bagian badan berisi halaman inti sebuah web. Bagian kepala dan bagian badan ini nantinya akan membentuk sebuah kesatuan halaman website yang akan kita buat. Tuliskan tag tag berikut dalam Notepad untuk membuat bagian kepala dan badan web.

<html>
<head>
<title>
Website Saya
</title>
</head>
<body>
Selamat datang di website saya
</body>
</html>

<html>, <head>, <title>, <body>, </html>, </head>, </title>, </body> adalah beberapa contoh tag yang dipakai untuk membangun sebuah halaman website. Pada contoh di atas terlihat bahwa setiap tag mempunyai pasangan yang ditambahi dengan tanda slash (/). Perlu diingat bahwa tidak semua tag mempunyai pasangan seperti contoh di atas, dan tag tag yang tidak mempunyai pasangan akan kita bahas di nomer selanjutnya.

Kalimat atau kata yang kita tuliskan di antara tag <title> </title> merupakan judul atau deskripsi dari website kita. Sedangkan kalimat di antara <body> </body> merupakan isi dari website kita. Kalau sudah anda ketik klik File > Save / Save As , dan simpan dengan nama file index.html. File ini akan mempunyai icon Internet Explorer atau icon web browser lain yang anda gunakan dalam komputer anda. Klik icon ini untuk melihat tampilan halaman web yang telah anda buat.

Terlihat bahwa di bagian atas halam website terdapat kata kata yang anda
tuliskan di antara tag <title> </title>, sedangkan dalam badan website terdapat
tulisan yang anda tuliskan di antara tag <body> </body> .

4. Warna background website anda dapat anda ubah dengan menambahkan kata “bgcolor = warna” setelah tag body. Misalnya anda ingin memberi warna hitam website anda maka anda tinggal tambahkan kode berikut :

<body bgcolor = black>

Bila sudah anda tambahkan ke ketikan anda dalam Notepad kemudian disave, dan selanjutnya tekan tombol refresh dalam web browser anda. Tampilan website anda akan berubah menjadi seperti di bawah ini. Bila anda ingin mengubahnya menjadi warna lainnya anda tinggal ubah warna yang diketik setelah bgcolor, misalnya : red, green, blue, atau warna lainnya.

5. Anda bisa juga menjadikan sebuah gambar sebagai background website anda
dengan menambahkan kode : “background = file gambar” setelah tag body.
Misalnya anda ingin menjadikan file gambar pemandangan.jpg sebagai
background halaman website anda maka anda tinggal tambahkan kode berikut :

<body background = pemandangan.jpg>

Save dan klik refresh. Tampilan website anda akan seperti gambar di bawah ini.
Perlu diingat bahwa menggunakan gambar sebagai background halaman website
anda akan memperlambat loading halaman website anda, terutama bila ukuran
file gambar ini terlalu besar. Karena itu usahakan sebisa mungkin agar
background website anda tidak menggunakan file gambar.

6. Seperti halnya background website, tulisan dalam website pun bisa juga diubah
ubah warnanya. Selain itu jenis dan ukuran tulisan bisa juga kita ubah ubah.
Untuk itu kita perlu menyisipkan tag <font> </font> dalam tag <body> </body> .
Untuk mengubah warna tulisan kita tambahkan kode “color” setelah font, untuk
mengubah jenis tulisan kita tambahkan kode “face”, dan untuk mengubah
ukuran tulisan kita tambahkan kode “size”. Khusus untuk size kita bisa
mengubah ubah ukurannya dari -7 sampai +7, bila nilainya semakin besar maka
semakin besar pula huruf yang akan ditampilkan dalam halaman web. Kita bisa
mengubah satu, dua, atau tiga pengaruh tag tag di atas secara bersamaan
dengan dipisahkan spasi. Misal kode yang kita tuliskan dalam Notepad :

<html>
<head>
<title>
Website Saya
</title>
</head>
<body bgcolor = black>
<font color = white face = verdana size = +3 align = center>
Selamat datang di website saya
</font>
</body>
</html>

Kode di atas berarti memberi pengaruh tulisan warna putih berjenis Verdana

dan berukuran +3. Save dan refresh browser untuk melihat pengaruhnya. Anda
bisa juga menambahkan efek tulisan bergerak dengan menyisipkan tag <marquee> </marquee> sebelum kode <font> </font>

Untuk mengatur posisi tulisan bisa kita sisipkan tag <posisi> </posisi> di antara
tulisan yang kita tuliskan. Posisi kita isi dengan “left”, “center”, atau “right”.
Misalkan kita ingin membuat posisi tulisan ke tengah, maka kita ketikkan :

<center> Selamat datang di website saya </center>

7. Anda bisa menyisipkan foto atau gambar anda dalam website anda dengan
mengetikkan tag <img src = file foto anda>. Misalkan file yang ingin anda
masukkan bernama bajaj.jpg, maka tag yang perlu anda tuliskan adalah :

<img src = bajaj.jpg>

Untuk memberi jarak antara tulisan anda sebelumnya dengan foto ini maka
perlu anda tambahkan tag <br>

<font color = white face = verdana size = +3 align = center>
Selamat datang di website saya <br>
<img src = bajaj.jpg>
</font>

Tampilan website anda akan seperti ini. Ukuran gambar bisa anda atur dengan

menambahkan kode “height = ukuran”, dan/atau “width = ukuran”. Misalkan
anda ingin gambar anda mempunyai tinggi 100 pixel maka anda tinggal
tambahkan “height = 100” setelah kode nama file gambar yang anda sisipkan.

8. Selanjutnya tinggal anda tambahkan menu menu dalam website anda. Menu
standar yang ada dalam web sederhana biasanya adalah profil, galeri foto, dan
link. Untuk itu kita perlu menambah halaman baru yang mempunyai nama file
profil.html, galeri.html, dan link.html. Untuk membuat halaman halaman ini
anda bisa mengulangi langkah langkah yang telah dijelaskan sebelumnya. Untuk
menghubungkan halaman utama website dengan halaman halaman tambahan ini
kita perlu ketikkan tag <a href = profil.html> dan ditutup dengan </a> bila kita
ingin menghubungkan dengan halaman profil, demikian pula untuk halaman web
lainnya. Kode berikut akan menampilkan hubungan antar halaman website yang
berjejer.

<a href = profil.html> Profil </a> <a href = galeri.html> Galeri </a> <a href =
link.html> Link </a>

Klik Save dan refresh sehingga ditampilkan halaman website seperti berikut.
Bila link yang anda buat benar maka kursor mouse akan berubah menjadi
tangan bila anda dekatkan ke link yang anda buat.

9. Untuk halaman profil, galeri, dan link bisa anda tambahkan sesuka anda seperti
langkah langkah sebelumnya. Khusus untuk halaman link, anda bisa mengisinya
dengan link ke Facebook, Yahoomail, Google, dan sebagainya. Link yang telah
dijelaskan di atas bila kita klik maka halaman baru akan dibuka dalam satu
jendela browser yang sama. Bila kita ingin tetap menikmati halaman website
kita sedangkan kita juga ingin membuka Facebook misalnya, maka kita perlu
menambahkan tag “target = “_blank” setelah alamat Facebook. Misal :

<a href = http://www.facebook.com target = "_blank" > Facebook </a>

Bila anda ingin Facebook ini dibuka di halaman web yang sama maka anda
tinggal hilangkan saja “target = “_blank” nya.


10. Bila anda ingin link ke halaman profil anda berupa gambar profil.jpg misalnya,
maka anda perlu menyisipkan file gambar di dalam tag <a href = profil.html>
</a>. Sehingga dapat kita tuliskan sebagai berikut :

<a href = profil.html> <img src = profil.jpg> </a>

Bila benar maka kursor mouse akan berubah menjadi tangan bila didekatkan ke
gambar profil.jpg. Demikian pula bila link ke Facebook atau Yahoomail juga
dalam bentuk gambar, maka anda tinggal menambahkan tag <img src = gambar>
di antara tag <a href = link > </a> .


11. Saya rasa tutorial ini sudah cukup sebagai awal untuk mulai membuat website
pribadi anda. Yang saya bahas di sini cuma HTML saja,
dan bahasa HTML ini masih jauh lebih mudah dari bahasa PHP. Karena itu,
sering seringlah berlatih dan jangan cepat merasa puas bila anda sudah
mempunyai website pribadi. Selamat berkarya ! :)

sumber: http://www.maswahyu.tk