Tampilkan postingan dengan label Tips dan Trik. Tampilkan semua postingan
Tampilkan postingan dengan label Tips dan Trik. Tampilkan semua postingan
BELAJAR Membuat WEBSITE - Basic HTML
Sahabat Botech Tau Website ? Bagaimana cara membuat website? nah kali ini Mr.Botech akan share cara mebuat website ( simple html ) langsung aja ke TKP sahabat Botech :D . Ada beberapa tahapan dan langkah yang harus kita lalui untuk membuat sebuah Website
yang baik. Lain halnya dengan instan CMS maupun instan blog yang kita
tinggal mendaftar saja di penyedia layanan blog seperti Blogspot,
Wordpress, dll. Maupun CMS seperti Joomla, Mambo, dll yang tinggal
instal saja seperti. Disini kita belajar manual web (membuat website
secara manual) walaupun masih sederhana dan statis. Untuk membuat
website pertama-tama kita harus belajar bahasa HTML
yaitu sebuah "bahasa program" yang memungkinkan kita membuat halaman
web yang bisa ditampilkan dalam browser (Chrome, Firefox, Internet
Explorer, Netscape, Opera, dll).
Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.
HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga Dreamweaver. Untuk mudahnya, kita gunakan program Dreamweaver.
>>New >> Basic Page >> HTML , setelah itu atur ke mode Code
disini anda akan menemui tag - tag semacam ini:
Penjelasan:
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing.
Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya.
Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.
Sekarang kita akan beralih pada tag selanjutnya.
Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag
<BODY>. Coba tuliskan:
Sekarang simpanlah file ini dengan meng-klik menu File lalu Save. Nah, lihatlah hasil karya anda yang pertama dengan menekan F12
disitu akan muncul tulisan "Tulisan ini akan tampak dalam
browser by ilmugrafis." tanpa tag HTML. Sekarang anda mungkin mulai
mengerti cara kerja HTML dan markup tag, begitulah cara kerjanya, jadi
yg muncul di broser hanya tulisan saja sedangkan tagnya hanya merupakan
suatu perintah bagi browser untuk menampilkan perintah kita.
Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.
Simpanlah kembali file ini (klik File lalu Save). Untuk melihat
bagaimana hasilnya tekan F12 atau klik
tombol Refresh pada browser atau bisa juga dengan menekan tombol F5 pada keyboard. Dengan demikian, browser akan memanggil ulang file yang kini sudah mengalami perubahan. Maka akan tampaklah hasilnya:
Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa contohnya seperti #rrggbb.
Ok setelah menguasai tag di atas maka kita lanjutkan ke inspeksi tag HEAD dan TITLE. Di sini terlihat bahwa kita mempunyai tag <HEAD> dan tag <TITLE>. Tag HEAD berfungsi untuk mengapit berbagai macam fungsi dan informasi yang berkenan dengan halaman web yang bersangkutan. Pada latihan kali ini, kita memasukkan tag TITLE diantara tag HEAD. Sesuai namanya, tag TITLE ini berfungsi untuk mengapit kalimat yang menjadi judul dari halaman web tersebut. Sekarang mari kita tuliskan judul halaman web ini:
Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang
kita akan melihat bagaimana perubahannya dalam browser. Lakukan lagi Refresh seperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan Title Bar) dari program browser akan menampilkan judul atau titel dari
halaman web anda yaitu: WEBSITE BUATANKU
previewnya kurang lebih seperti ini, disini saya menggunakan browser Firefox:
Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.
BELAJAR WEBSITE
Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, Sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga Dreamweaver. Untuk mudahnya, kita gunakan program Dreamweaver.
Apa yang dimkasud dengan file HTML? - HTML merupakan kependekan dari Hyper Text markup Language - Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup - Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman - File HTML harus memiliki ekstensi htm atau html - File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.PENGENALAN KODE HTML
>>New >> Basic Page >> HTML , setelah itu atur ke mode Code
disini anda akan menemui tag - tag semacam ini:
<HTML>
</HTML>
|
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing.
Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya.
Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.
Sekarang kita akan beralih pada tag selanjutnya.
<HTML>
<BODY>
</BODY>
</HTML>
|
<HTML>
<BODY>
Tulisan ini akan tampak dalam
browser by ilmugrafis.
</BODY>
</HTML>
|
Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.
<HTML>
<BODY BGCOLOR="yellow"
TEXT="red">
Tulisan ini akan tampak dalam
browser by ilmugrafis.
</BODY>
</HTML>
|
Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa contohnya seperti #rrggbb.
Ok setelah menguasai tag di atas maka kita lanjutkan ke inspeksi tag HEAD dan TITLE. Di sini terlihat bahwa kita mempunyai tag <HEAD> dan tag <TITLE>. Tag HEAD berfungsi untuk mengapit berbagai macam fungsi dan informasi yang berkenan dengan halaman web yang bersangkutan. Pada latihan kali ini, kita memasukkan tag TITLE diantara tag HEAD. Sesuai namanya, tag TITLE ini berfungsi untuk mengapit kalimat yang menjadi judul dari halaman web tersebut. Sekarang mari kita tuliskan judul halaman web ini:
<HTML>
<HEAD>
<TITLE>WEBSITE BUATANKU</TITLE>
</HEAD>
<BODY BGCOLOR="yellow"
TEXT="red">
Tulisan ini akan tampak dalam
browser.
</BODY>
</HTML>
|
previewnya kurang lebih seperti ini, disini saya menggunakan browser Firefox:
~
Jumat, 23 Maret 2012
0
komentar
Cara Membuat Swirl Warna Warni
OK, Sahabat Botecht kali ini Mr Botech akan mengeshare cara membuat swirl warna warni . nih contohnya sahabat botech pingin tau caranya ? . langsung aja let's go ke Tkp
Bahan :
1. Swirl
2. Photoshop
Tutor :
1. Buka Photoshop
2. Buka Gambar Swirlnya
3. Click kanan di layer Swirl lalu pilih blending option
4. Click Gradient Overlay
NB : Click gradient overlay (yg dikotakin hitam) lalu click yg dikotak merah
5. Jika yg dikotak merah sudah diclick, maka akan keluar tampilan baru
NB : Click yg dikota hitam untuk memilih warna-warni
Lalu click ok, jika sudah jadi maka hasilnya akan jadi seperti ini
Moga Bermanfaat ^__^
[New] Bug Mancing Lost Saga Maret 2012
Sahabat Botech kali ini Mr. Botech akan mengeshare Cara Bug Mancing Lost Saga Maret 2012 [NEW] Sahabat Botech Pingin tau langkah - langkahnya ? Langsung aja ke TKP Para Sahabat Botecth.
1. Siapkan 2 Hero ( 1 Hero infantri dan 1 atau 2 hero lainnya )
2. Peta bisa terserah tapi enaknya di pirate bay
3. Buat brikade dengan memakai hero infantri dan posisinya seperti gambar bawah ini dan langsung MANCING
4. Suruh teman buat ngedorong brikade dengan menghadap ke arah brikade memakai relic caranya : klik relic trus klik selesai relic - mulai relic - selesai relic.... begitu seterusnya: contoh seperti bawah ini.
5. Terus dorong sampai ke posisi tengah ( atau terserah mau posisi dimana )
6. Terakhir Hancurin brikade dan liat lah hasilnya :D seperti gambar bawah ini :
FQ :
Q : yang ngancurin brikade teman kita yg ngedorong ?
A : iya teman atau orang lain juga bisa... ( gak di hancurin juga gak apa )
Q : bug mancing emang buat apa gan ? ngaruh sama mancing kita ato cuman buat gaya ?
A : ada ngaruh dikit gan karna yg di pancing jarang yg gagal... buat gaya2 an juga bisa
Credit :
Special Tank'z To N3
1. Siapkan 2 Hero ( 1 Hero infantri dan 1 atau 2 hero lainnya )
2. Peta bisa terserah tapi enaknya di pirate bay
3. Buat brikade dengan memakai hero infantri dan posisinya seperti gambar bawah ini dan langsung MANCING
4. Suruh teman buat ngedorong brikade dengan menghadap ke arah brikade memakai relic caranya : klik relic trus klik selesai relic - mulai relic - selesai relic.... begitu seterusnya: contoh seperti bawah ini.
Spoiler bug
5. Terus dorong sampai ke posisi tengah ( atau terserah mau posisi dimana )
6. Terakhir Hancurin brikade dan liat lah hasilnya :D seperti gambar bawah ini :
FQ :
Q : yang ngancurin brikade teman kita yg ngedorong ?
A : iya teman atau orang lain juga bisa... ( gak di hancurin juga gak apa )
Q : bug mancing emang buat apa gan ? ngaruh sama mancing kita ato cuman buat gaya ?
A : ada ngaruh dikit gan karna yg di pancing jarang yg gagal... buat gaya2 an juga bisa
Credit :
Special Tank'z To N3
Cara Membuat Akun Youtube – Panduan Lengkap Mendaftar Akun youtube
Sahabat Botech tau Youtube ? Youtube (youtube.com) merupakan sebuah situs besar dan terkenal pada layanan video sharingnya, semua pengguna internet diijinkan untuk melihat video dan juga bebas meng upload video di youtube dan kemudian bisa dibagikan pada semua pengguna internet.
Bagi kamu yang tertarik untuk menggunakan layanan di youtube terlebih dahulu harus mempunya akun di yotube, bagaimana cara membuat akun di youtube ??? Silahkan baca saja panduan cara membuat youtube di bawah ini.
1. Langkah awal tentunya silahkan masuk pada alamat situs www.youtube.com, tunggu sebentar sampai halaman youtube tampil penuh.
Jika kamu sudah mempunyai akun email di gmail.com kamu tidak perlu repot mendaftar lagi, karena youtube dan gmail.com masih satu jaringan, jadi tinggal klik pada tombol Sign in di pojok kiri halaman youtube.
kemudian masukkan alamat username dan password gmail kamu di youtube, seperti gambar di bawah ini.
Tapi jika kamu tidak mempunyai alamat email di gmail.com, misalnya yang kamu punya adalah email di yahoo kamu harus mendaftar terlebih dulu. Untuk memulai mendaftar youtube klik pada tombol Create Account
Nanti akan muncul halaman yang berisi formulir pendaftaran, silakan masukkan alamat email kamu, username sesukamu, pilih lokasinya, tentukan tanggal lahir kamu, jenis kelamin kamu. Setelah dilengkapi semua, silahkann klik pada tombol ‘I accept”
kemudian lanjutkan dengan mengisi kolom untuk password, masukkan password pada kolom Choose a password, kemudian masukkan lagi password yang sama pada re enter password, lalu masukkan juga code capta yang ada di bawahnya. jika sudah diisi semua, klik pada tombol Create my new Account
Jika data diisi dengan benar, maka nanti akan muncul halaman pemberitahuan seperti di bawah ini, halaman ini meminta kamu untuk mengecek kotak masuk di email yang kamu daftarkan di youtube tadi, untuk melakukan confirmasi email.
Silahkan login ke email kamu, kemudian cek di kotak masuk. nanti akan ada kiriman email dari google.com, silahkan buka isi email tersebut.
dalamm email tersebut terdapat link konfirmasi akun, silahkan klik link tersebut untuk mengaktifkan akun youtube kamu. (ini harus kamu lakukan, jika tidak maka akun youtube kamu tidak akan bisa digunakan)
Setelah kamu klik pada link konfirmasi di email tadi, sesaat kemudian akan diarahkan ke halaman yang memberitahukan bahwa kamu telah berhasil mendaftar di youtube.com seperti gambar di bawah ini
ya cuma begitu saja kok cara membuat youtube nya, sangat mudah kan? setelah berhasil membuat youtube tentunya kita bisa mengupload video di youtube, lalu bagimana cara upload video di youtube nya ? silahkan baca panduannya nanti cara upload video di youtube.
Membuat Efek Chidori ala Sasuke dengan Photoshop
Kabar gembira bagi sahabat Botech pecinta naruto. Tau kenapa? karena pada kesempatan ini saya akan bahas bagaimana cara membuat effect chidori ninjutsu. pasti bagi sobat sobat yang ingin coba udah gak sabar dunk.. Yuk langsung aja kita capcus liat tutorialnya di bawah, gak sulit kok lihat dan praktekkan pasti sobat akan terkesan…
Trik Cepat Naik Level Perjuangan Semut
