Selasa, 24 Februari 2015

Elemen-Elemen HTML

Pengertian Elemen-Elemen Dalam HTML

Elemen adalah isi dari tag yang diantara tag pembuka dan tag penutup. Sebagai contoh berikut adalah  kode HTML:
1.<p> ini adalah sebuah paragraf </p>
Pada contoh diatas,"ini adalah sebuah paragraf" merupakan elemen dari tag <p>.
elemen tidak hanya berisi text, namun juga bisa tag lain.
contoh elemen 
1.<p> ini adalah sebuah <em> paragraf </em> </p> 
Dari contoh diatas ini adalah sebuah <em> paragraf </em> merupakan elemen dari tag <p>

http://www.duniailkom.com/belajar-html-pengertian-tag-elemen-dan-atribut-pada-html/




HTML ELEMENTS

Dokumen HTML didefinisikan menggunakan elemen-elemen HTML/HTML Elements .
Elemen HTML adalah semua yang terdapat diantara start tag sampai end tag.



Start tag * Isi Elemen End tag *
<p> This is a paragraph </p>
<a href=”google.com” > This is a link </a>
<br />




HTML ELEMENTS SYNTAX

Sintaks elements  HTML mempunyai ciri sebagai berikut 
  • Elemen HTML dimulai dengan start tag / opening tag
  • Elemen HTML diakhiri dengan end tag / closing tag 
  • isi elemen/element content ad
  • alah semua yang terdapat diantara start tag dan end tag 
  • Beberapa elemen HTML tidak memiliki isi atau konten
  • Elemen yang tidak memiliki isi atau kosong ditutup pada awal tag
  • Sebagian besar elemen HTML dapat diberi atribut tertentu
NESTED HTML ELEMENTS 

Dalam penulisan dokumen HTML   dipastikan menggunakan banyak elemen. Suatu elemen dapat berada didalam elemen lain atau elemen tersebut menjadi isi / konten pada elemen lain. Hampir semua elemen HTML dapat bersarang. Sehinnga dapat disimpulkan bahwa dokumen HTML terdiri dari elemen HTML yang bersarang.

CONTOH DOKUMEN HTML

1.<html>
2.<body>
3.<p> paragraf pertama </p>
4.</body>
5.</html>

Pada contoh diatas terdapat tiga buah elemen. Elemen-elemen tersebut adalah :
ELEMEN <P> . Elemen ini mendefinisikan suatu konten yaitu sebuah paragaraf pada dokumen HTML. Elemen ini dimulai dengan star tag <p> dan diakhiri end tag </p>. isi atau konten dari elemen ini adalah : paragraf pertama 
   <p>Paragraf pertama</p>
 
 
Eelemen <body> Elemen ini mendefinisikan suatu konten yaitu body / tubuh dokumen HTML.
 Bagian ini adalah
 konten halaman web yang akan tertampil pada halaman web. elemen ini dimulai dengan start tag 
<body> dan diakhiri dengan end tag </body>. Isi atau konten dari elemen ini adalah :
Elemen Paragraf ( yang sudah dijelaskan diatas.
 
 
<body>
<p>Paragraf pertama</p>
</body>
 
 
Elemen <html>. Elemen ini mendefinisikan sebuah dokumen HTML. Elemen ini dimulai dengan start tag <html> dan diakhiri dengan end tag </html>. Isi atau konten dari elemen ini adalah: elemen body (yang sudah dijelaskan diatas).

<html>
 
<body>
<p>Paragraf pertama</p>
</body>
 
</html>
 
 EMPTY HTML ELEMNTS
 
Elemen HTML yang tidak memiliki konten ayau isi disebut Empty elements atau elemen kosong.
 Elemen dapat ditutup pada awal tag. <br> adalah contoh elemen 
kosong yang tidak memerlukan end tag. <br> bermakna ganti baris. 
Pada XHTML, XML, dan versi HTML yang lebih baru, semua elemen harus 
ditutup dengan end tag. Cara yang tepat untuk menutup elemen kosong yang
 dapat diterima oleh HTML, XHTML dan XML adalah dengan menambahkan garis
 miring di awal tag, seperti <br />. Walaupun <br> terbukti 
berjalan baik disemua browser, menulis <br /> akan lebih baik.
Terkadang kita sering lupa memberi end tag pada suatu elemen. Seperti contoh dibawah ini:

<p>Paragraf pertama</p>
<p>Paragraf kedua</p>
Hampir semua browser dapat menampilkan HTML dengan baik walaupun kita lupa memberi end tag pada suatu elemen HTML. Tetapi terdapat pula beberapa elemen yang akan menimpulkan kesalahan (errors) saat kita lupa memberikan end tag. Oleh karena itu, akan lebih baik kita tidak lupa menulis end tag pada suatu elemen.

Minggu, 22 Februari 2015

Cara Membuat Blog

             Bagi anda-anda yang belum pernah membuat blog memang seperti sulit sekali,soalnya dilihat dari tampilanya sudah sedemikian bagus dan kelihatan rumit dengan script-scriptnya,tapi sebenarnya cara membuat blog di blogger/blogspot sangatlah mudah,,,,kenapa kelihatan sulit karena kita tidak tahu dasar-dasar dalam pembuatan blog, yang dibutuhkan hanyalah dasar-dasarnya saja.

Untuk tutorial membuat blog di blogger silakan ketik link dibawah ini

                                     www.blogger.com

Link diatas adalah tutorial membuat blog di blogger.

       Disini saya akan coba menjelasakan Cara Membuat Blog Sendiri di Blogger
Perlu dicatat,ketika anada ingin membuat blog di blogger, maka email yang harus digunakan adalah Gmail dan tidak boleh yahoo mail ataupun email dari microsoft.



    1. Hal pertama yang harus anda persiapkan tentunya Email dari Google, atu kita sering  menyebutnya Gmail.

    2. Setelah anda menyiapkan akun Gmail yang akan anda pakai untuk membuat blog, maka langkah selanjutnya tentu saja kita harus mengunjungi situs untuk membuat blog tersebut.
      Yaitu     www.blogger.com  ini bukan satu-satunya tempat untuk membuat blog. Karena masih ada tempat untuk membuat blog lain, yang juga gratis, diantaranya adalah Wordpress dan Mywapblog.



                                                       cara membuat blog  (Gambar 1.1)


3. Nah setelah kita sampai di  blogger.com maka kita akan disuguhkan halaman depan seperti ini.

                                                      cara membuat blog (Gambar 1.2)


4. Masukkan Email anda dan pasword anda kemudian klik log in 

5. Setelah masuk pada halaman utama (home) Blogger, klik tombol New Blog atau blog baru yang ada disebelah pojok kanan atas layar monitor anda.


                                                     cara membuat blog (Gambar 1.3)


6. Nanti akan muncul Pop Up seperti gambar dibawah ini.


                                                 cara membuat blog (Gambar 1.4)

7. Tinggal anda isi Title denagn judul blog dan Addres dengan Alamat Blog. Ohya, pastikan saat anda memiliki nama blog, muncul simbol Check berwarna biru disebelah kanan, kalau muncul tanda atau simbol pentung berwarna merah itu artinya nama blog yang anda pilh sudah digunakan orang lain.





cara membuat blog (Gambar 1.5)

     


Langkah akhir tinngal anda klik Buat Blog Atau Create Blog


Setelah selesai, Selamat disini anda sudah berhasil Membuat Blog Di Blogger. Namun jika blog yang baru saja anda buat dibuka, maka tampilanya akan masih sederhana. 
Itulah langkah-langakah mengenai cara membuat blog semoga tulisan ini bisa membantu anda yang mau membuat blog dan bisa mempunyai blog di blogger. 




 





  

Kamis, 19 Februari 2015

TIPS MEMBUAT BALIHO ALA PHOTOSHOP



       Oke gays kali ini saya akan membagi tips untuk membuat baliho dengan menggunakan aplikasi Photoshop. kalian tentunya sudah tau dong apa itu baliho ????
        Nah,,, Bagi anda anda yang belum tau apa itu Baliho saya akan menjelaskan sedikit apa itu Baliho.
Baliho adalah suatu sarana atau media berpromosi yang mempunyai unsur memberikan informasi event atau kegiatan yang berhubungan dengan masyarakat luas, selain itu baliho juga digunakan untuk mengiklankan suatu produk baru. Dikenalkanya baliho merupakan hasil dari kemajuan ilmu pengetahuan dan teknologi.
    Oea gays saya akan menerangkan langkah-langkah membuat Baliho kali ini temanya tentang peresmian jembatan "Gentala Arasy".

INILAH LANGKAH-LANGKAH UNTUK MEMBUAT BALIHO

1.Buka Aplikasi Photoshop
2.Buka lembar Kerja Photoshop (file-new/Ctrl+N)

                     Sehingga tampil Gambar Seperti Dibawah ini



                                                                        Gambar 1.1


Dengan Ukuran Width           : 600 Pixels
                         Height          :1000 Pixels
                         Resolution    : 72 Pixels
                         Color Mode :CMYK
4.Lalu tekan OK atau tekan ENTER

                   Sehingga Tampil Gambar Seperti Dibawah ini
              

                                                                     Gambar1.2

5.Kemudian masukkan layer kedalam lembar kerja photoshop
                   
                           Seperti Contoh Dibawah ini.

                                                                      Gambar 1.3

6.Jika sudah tampak seperti layar diatas, kemudian klik Move Tool seperti gambar dibawah ini.

                                                                        Gambar 1.4

7.Jika sudah diklik Move Tool nya kita bisa mengaktifkan Type Tool yang didalamnya terdapat 4 pilihan yaitu (Horizontal Type Tool,Vertical Type Tool,Horizontal Type Mask Tool, & Vertcal Type Mask Tool)      



                                                                     Gambar 1.5

8.Lankah selanjutnya kita ketikkan kalimat yang sesuai dengan tema & jangan lupa beri ucapan selamat Dan beri gambar pendukung.

9.Sebelum masuk ketahap menseleksi kita masukkan dulu gambar yang mau diseleksi caranya pilih (File-Open Atau Dengan Cara Ctrl+O)


                                                                    Gambar 1.5

10.Jika gambar sudah berhasil dibuka mulailah kita menseleksinya dengan menggunakan Quick Selection Tool Atau Magic Wand Tool
                                             
                                                      Seperti Gambar Dibawah ini.


                                                                     Gambar 1.6

                 
11.Inilah perbedaan gambar yang sudah terseleksi & yang belum terseleksi




                                                                       Sesudah
                                                                     Gambar 1.7


                                       
                                                                         .Sebelum
                                                                        Gambar 1.8
12.Jika sudah diseleksi maka kita bisa memindah gambar kedalam layer dengan  Drag gambar kemudian tarik kedalam layer.

                                   Inilah Contoh Gambar Yang Sudah Didrag Kedalam Layer


                                                                     Gambar 1.9


13.Setelah itu kita  berikan efek terhadap gambar dengan cara klik Add Vector Mask kemudian pilih Gradient Tool






                                                                      Gambar 2.0


 14.Setelah kita pilih gradient tool kita Bisa memberikan efek gradient kedalam gambar klikkan kursornya dibawah gambar Dan tarik sedikit keatas gambar maka akan tampak perbedaanya.
                                                       
                                                         
                                                            Inilah Hasil Gambarnya

                                                                      Gambar 2.1






Dan inilah contoh baliho yang sudah Jadi





15. Oh ea jika sudah jadi, kita tinngal menyimpanya dengan save atau save as lalu ketikkan nama kemudian klik save atau tekan enter.

                                                                  

             Nah,,,,itulah langkah-langkah Membuat Baliho & Selamat Mencoba.