desain,php,mysql,flash,swish,photoshop,dreamweaver,etc

HTML Basic 2

Lanjutan dari HTML Basic 1 niih…langsung aja yaa…

Disini akan dijelasin tag-tag yang penting untuk sebuah file html. Tag-tag ini seringkali dipakai oleh para programmer ataupun di software-software pembuat html yang sudah ada seperti HTML Editor, Dreamweaver, Notepad++ atau yang lainnya. Tag-tag basic tersebut adalah :

1. HTML Headings, ini adalah tag heading yaitu untuk mengatur ukuran huruf secara default. Ada 6 tag yang bisa digunakan untuk tag heading ini :

<h1>Ini heading </h1>
<h2>Ini heading </h2>
<h3>Ini heading </h3>
<h4>Ini heading </h4>
<h5>Ini heading </h5>
<h6>Ini heading</h6>

2. HTML Paragraph, dalam sebuah artikel biasanya terdiri dari beberapa paragraph. nah untuk mudahnya maka dipakai tag ini, yang biasanya akan secara otomatis membuat paragraph sendiri. Tagnya adalah :

<p>Ini tag paragraph</p>

3. HTML Links, dalam sebuah web pastilah ada link-nya atau koneksi ke halaman lain ataupun web lain. Maka untuk itu diperlukan suatu tag untuk menyambungkannya, yaitu tag links. Tagnya adalah sebagai berikut :

<a href="namafileatauweb">Link URL</a>

4. HTML Images, web itu membutuhkan image(gambar) supaya kelihatan bagus, enak diliatnya nah untuk pasang image/gambarnya maka perlu memasang tag image, yaitu :

<im src="sebuahgambar.jpg" width="30" height="10">

Nah, itu semua tag-tag yang penting biasa ada didalam sebuah file web. Dalam tag-tag tadi itu masih ada juga properti-properti yang suka dipakai. Propertinya ntar yeee dilanjutin di postingan berikutnya. :)

Pagi-pagi baru sampe kantor seperti biasa melakukan rutinitas upacara pagi yaitu mengecek email. Pasti biasanya ada pekerjaan yang harus dikerjakan untuk hari ini. Eeeeh..bener ajah, ada temen yang minta tolong untuk mengconvert file word yang udah dia bikin ke PDF.
Sebenernya pekerjaan ini sangatlah mudah bagi yang sudah mengetahuinya. Tapi buat yang belum bisa pasti ini akan sangat menghambat pekerjaan. Untuk itu saya coba buatkan tutorialnya di sini, tutorial ini bisa untuk semua versi Microsoft Office. Kebetulan saja saya memakai Microsoft Office 2007, tetapi ini bisa saja dipakai untuk versi-versi sebelumnya. Berikut cara-caranya :
1. Pastikan anda sudah menginstall adobe acrobat, jika belum maka tahap berikutnya tidak bisa dilanjutkan.
2. Buka file word yang akan di ubah extensinya menjadi PDF.
3. Pilih File  Print
4. Lalu pilih nama printer : Adobe PDF. Bila sudah terinstall adobe acrobat maka akan ada pilihan printer type Adobe PDF ini.
5. Klik tombol OK
6. Tunggu sesaat sampai adobe selesai bekerja mengkonversi file doc ke pdf.
7. Selesai.

My New Clients

Heuh…akhirnya, sempet juga update blog gue.

Kali ini gue cuma mau memberikan kabar tentang daftar klien-klien website gue yang terbaru yang gue kerjain. Langsung aja yaa… ini nih daftar klien terbaru gue :

1. http://www.tenc.co.id/ website ini sebenernya bukan sidejob gue, ini dapet tugas dari kantor gue untuk bikinin website standar cuma pake file html aja. Ini website dah lama jadinya, pembuatannya bulan Mei 2009.

2. http://www.pusindo.co.id/ hmmmm… kalo yang ini dapet dari referensi temen gue di akhir bulan September 2009. Kebetulan kantor dia udah lama pengen bikin website, gue dikontak abis itu langsung deal deh…hehehe…yang ini pake WordPress. Jadi ga ribet gue mikirin script-scriptnya. Thanks ya meita…gue tunggu kalo ada lagi yg mau bikin. :)

3. http://www.carakanusantarasemesta.com/ alhamdulilah, disaat-saat kondisi ekonomi sedang kritis gue dapet pertolongan dari Allah SWT melalui klien gue ini. Website ini dibuat bulan Januari 2010 dan pakai WordPress, jadi pengerjaannya ga pake lama…hehe…. Sebenernya klien ini lanjutan dari yang website htt://www.rssiagaraya.com/  kalo yang RS Siaga Raya punya suaminya, nah kalo yang Caraka Nusantara Semesta punya istrinya. jadi 1 paket deh..:)

Alhamdulilah, semuanya bisa terselesaikan dengan cepat dan tepat. Semoga besok-besok ada lagi calon klien gue yang bakalan hadir lagi untuk jadi portfolio gue di dunia web developer. :)

Ditunggu yaa kalo ada yang mau bikin website.

Asli, ini awalnya susah banget saya masukan di blog worpress ini. Untuk memasang traffic rank alexa itu pake javascript, dan ternyata dari pihak wordpress tidak memberikan ijin kepada para usernya untuk memasukkan code javascript. Jadilah saya coba bereksperimen melakukan klak-klik…utak-atik wordpress ini. Dan alhamdulilah, BERHASIL teman-teman.
Read the rest of this entry »

HTML (Hyper Text Markup Language) ini adalah bahasa basic untuk sebuah website. Bahasa HTML ini adalah cikal bakal dari yang namanya internet yang bisa kita nikmati sekarang. Saat ini banyak sekali bahasa pemrograman di dunia maya, tetapi dari sekian banyak bahasa program semua memakai dasar bahasa HTML ini.

Tanpa panjang lebar, mulai saat ini saya akan membuat rangakain berseri untuk pemula yang ingin belajar membuat website. Tutorial HTML ini akan dijelaskan secara mendasar bagi anda yang ingin mengetahui bahasa HTML.

Untuk membuat sebuah file HTML, saat ini banyak aplikasi yang digunakan seperti Front Page dan Macromedia Dreamweaver yang paling tenar diantara yang lain. Tapi disini akan dijelaskan tidak menggunakan software/aplikasi pendukung. Dalam tutorial ini kita akan belajar membuat file HTML menggunakan Notepad.
Read the rest of this entry »

Setelah kita punya blog di wordpress, kita harus mengisi blog tersebut dengan artikel-artikel yang kita punya. Kita harus membuat tulisan yang akan kita sampaikan kepada ang dituju. Untuk membuat tulisan / membuat posting di wp gampang kok…

Begini nih caranya :

1. Login ke halaman : http://namabloganda.wordpress.com/wp-admin/

2. masukkan username & password yang anda miliki

3. Cari menu Posts : posts

4. Klik Add New : addnew

5. Masukkan judul yang kita punya

6. Ketik artikel/tulisan yang ingin disampaikan. (ada baiknya sebelum anda posting, anda bikin di microsoft word dl).

7. Klik tombol publish yang ada di sebelah kanan : publish

8. Artikel akan terkirim.

Gampangkan!

Bersambung….

Temen_saya : BUZZ!!!
Temen_saya : men, gue mo bikin blog gimana caranya???
Saya : owh..coba lo bikin aja di wordpress
Temen_saya : iya..gue dah buka nih…Cuma masih ga ngerti…tulungin yee…
Saya : iya deh…ntar gue bikinin deh tutorialnya di blog gue yee…

Itu adalah sekelumit perbincangan saya dengan teman saya melalui chating. Yang intinya dia ingin membuat sebuah blog, karena belakangan ini dia juga butuh untuk hal tersebut. Apalagi belakangan ini, saya dan temen-temen baru aja membentuk suatu komunitas alumni kegiatan mahasiswa dulu. Diperlukan suatu wadah agar pikiran-pikiran dan ilmu kita bisa terus berkembang.
Read the rest of this entry »

Efek Teks Garis Pinggir

Teks memiliki banyak sekali efek-efek yang kita mainkan. Salah satunya adalah efek garis pinggir (outlines). Untuk membuat efek teks garis pinggir ini, yang perlu kita lakukan adalah bermain di layer style. Berikut cara membuat efek teks garis pinggir :

Read the rest of this entry »

Tulisan kedua!

Hari ini gue coba untuk sharing lagi. Kali ini gue coba untuk sharing gimana caranya bikin tombol button supaya kliatan kul (baca : cool). Button, ini adalah salah satu atribut yang ada di html.  Button ini fungsinya sangat besar sekali, yaitu untuk mengirimkan data yang akan kita sampaikan kepada yang dimaksud. Kalo kita ga ngerubah tombol button asli bawaan browser keknya website kurang JRENG…!!! Tampilan website jadi standard, nah untuk itu maenkan desain button ini. ganti button default yang ada di browser dengan image yang akan gue coba sharing ini. Ni dia caranya :
Read the rest of this entry »

Ini tutorial photoshop gue yang pertama. Buat yang pertama ini, gue coba mo ngejelasin gimana caranya bikin teks memantul seperti kalo kita liat ada diatas meja kaca. Teks memantul  ini emang sering banget dipake apalagi belakangan ini. Udah ah, ga perlu lama-lama basa basinya. Ini dia caranya untuk buat teks pantul :
Read the rest of this entry »

Follow

Get every new post delivered to your Inbox.