Tampilkan postingan dengan label Pemrograman Web. Tampilkan semua postingan
Tampilkan postingan dengan label Pemrograman Web. Tampilkan semua postingan

Senin, 29 Desember 2014

Responsive Design

Posted by Dian Nurma A. On Senin, Desember 29, 2014 | No comments

Responsive Design

(Dian,13.02.8560Yang umumnya diketahui  tentang Responsive Design mungkin trend terkini design web.Namun lebih dari Itu, Desain Responsif (Responsive Design) adalah lompatan maju dalam industri desain web yang baik efek merancang dan pengembangan untuk web.

Sabtu, 29 Maret 2014

HTML Form Lanjut

Posted by Dian Nurma A. On Sabtu, Maret 29, 2014 | 1 comment

HTML Form Lanjut
Dalam Kesempatan kali ini kita akan membahas tentang pengaplikasian form dalam web yang sering kita jumpai.
Sudah kita ketahui pada pembahasan sebelumnya Form biasanya digunakan untuk halaman web yang bersifat dinamis yang  memungkinkan terjadinya komunikasi antara user dengan web server. Kili ini kita akan mencoba membuat form input data dan menampilkannya atau output. Memang teknik ini belum dikatakan sebagai web dinamis, karena selain belum bias merubah isi konten tanpa melakukan perubahan pada code-nya, tehnik ini juga belum menggunakan database seperti web dinamis lain.
Kita akan menggunakan file .php untuk menampilkan hasil data yang kita input-kan,sehingga kita merlukan Web server untuk menjalankan php tersebut, untuk itu kita perlu menyaikan apache, atau bisa aplikasi xampp.

Jumat, 21 Maret 2014

HTML form

Posted by Dian Nurma A. On Jumat, Maret 21, 2014 | No comments

HTML Form
Form merupakan elemen HTML yang sangat sering dijumpai dalam situs web. Hampir seluruh halaman web yang Anda kunjungi mengandung unsur form didalamnya. Form dapat ditemukan pada halaman web yang memiliki fungsi komunikasi, bukan hanya komunikasi antar pengguna internet seperti chatting, social network, dan email, tetapi juga komunikasi antara pengguna internet dengan web server seperti format pendaftaran untuk membuat account sebuah situs. Saat seseorang hendak membuat account sebuah situs, dia memberikan informasi kepada web server yang biasanya berupa identitas diri. Identitas tersebut diinputkan melalui form kemudian dikirim ke database web server.

Selasa, 18 Maret 2014

HTML Tabel Lanjut

Posted by Dian Nurma A. On Selasa, Maret 18, 2014 | No comments

HTML Table Lanjut

Tabel dalam html merupakan unsur yang penting, karena dalm membuat design Web umumnya menggunakan table untuk membagi setiap bagian-bagiannya.
Untuk itu kit perlu mengerti lebih lanjut mengentai table dan beberapa atributnya.
Seperti tutorial saya yang kemarin saya menggunkan aplikai Dreamweaver untuk membuat file html.
Buka DW dan buat bebrapa table untuk membuat suatu layout. Dalam contoh saya akan membuat 3 colom dan 3 baris. Seperti pda gambar

Sabtu, 15 Maret 2014

HTML Table

Posted by Dian Nurma A. On Sabtu, Maret 15, 2014 | No comments



HTML Tabel

Dalam kesempatan kali ini untuk membuat table dalam HTML kita akan menggunakan aplikasi bawaan Adobe, yaitu Dreamweaver, aplikai ini dapan mempermudah anda untuk membuat HTML dengan cepat dan mudah. Kali ini saya menggunkaan Dreamweave CS 6.


HTML Basic

Posted by Dian Nurma A. On Sabtu, Maret 15, 2014 | No comments
Dalam memnuat file HTML banyak sekali tag-tag yang digunakan, namun ada beberapa tag yang sering sekali digunakan untuk membuat file HTML, tag-tag tersebut merupakan elemen dasar untuk membuat html.
selain <html>, <head>,<body> yang sudah kita bicarakan dalam mteri yang sebelumnya, tag ini merupakan perintah untu menysun conten html. tag ini biasanya ber ada dalam body.
Setiap Web programer wajib menguasai tag ini, karena memang sangan sering digunakan,
tag tersebutantara lain:

Tag untuk Heading

 <h1>Ini heading besar</h1>
<h2>Ini heading sedang</h2>
<h3>Ini heading kecil</h3>

 Semakin besar angka headingnya maka semakin kecil Kalimat headingnya. tag heading maksimal sampai h6.
Tag Heading berguna untuk membuat judul suatu paragraf atau sub paragraf dalam membuat conten HTML.

Tag untuk Paragraf

<p>Ini merupakan paragraf.</p>
<p>ini merupakan paragraf yang lain </p>

Tag <p> merepakan tag untuk membentuk paragraf 
Tag <br />, membuat baris baru, tidak memerlukan penutup </br>
Tag <hr />, membuat garis batas horizontal, tidak memerlukan penutup </hr>
Tag <ul> dan <ol>
   Pemformat dokumenlain yang akan sangat banyak berguna adalah LIST (daftar).
   Ada dua macam daftar, yaitu ORDERED lists (ol) dan UNORDERED lists (ul)

contoh HTML

<html>
   <head>
      <title>Latihan LIST</title>
   </head>
    <body>
     Daftar Anak Ilmu Sosial
      <br>Anak Ilmu sosial untuk kelompok A
      <p>Kelompok maerupakan anak-anak ilmu sosial yang nilai indek prestasinya diatas 3,5. Meraka akan mendapatkan beberapa benghargaan karena.......
      </p>
      Selain itu kelompok A ini akan diundang dalam acara yang akan diadakan oleh rektor kampus dan merekan akan memperentasikan....
      <hr />
 
      <hr />
      <br />
      <h1>Daftar anak</h1>
         <li>Bima</li>
         <li>Arjuna</li>
         <li>Nakula</li>
         <li>Sadewa</li>
      </ol>
      <p>hobi</p>
      <ul>
         <li>jalan-jalan</li>
         <li>makan</li>
         <li>tidur</li>
         <li>menulis</li>
         <li>musik</li>
      </ul>
   </body>
</html

HTML Links

dalam pembuatan link, link didefisikan dengan tag <a>
sintagnya sebagai berikut:

<a href="http://www.amikom.ac.id">ini adalah link ke website Amikom</a>


HTML Images

gambar dalam html didefisinikan dengan tag <img>. dan untuk mengambil gambarnya dengan tag src atau source-nya
sintag untuk memasukan gambar:

<img src="coba.jpg" alt="gambar percobaan" width="104" height="142">

sebenarnya ada beberapa attribut yang bisa ditambahkan untuk mempercantik Images, salah satunya antara lain : <marquee>
marquee berfungsii untuk memberi efek gerak, bisa digunakan untuk tulisan maupun gambar.
contoh sintag marquee:


<marquee behavior="alternate" direction="down" height="200">
 
Ket : 
direction : arah efek akan bergerak. Jika ingin bergerak ke kanan ketikkan “right”, kiri “left”, atas “up” dan bawah “down”



Sekian dulu,,
selamat mencoba guys,,

 belive nothing imposible!!!

Kamis, 13 Maret 2014

HTML edit

Posted by Dian Nurma A. On Kamis, Maret 13, 2014 | No comments
HTML, untuk merancang membuat HTML banyak sekali softwere yang telah disediakan dari berbagai vendor Antara lain :
  • Adobe Dreamweaver

  • Microsoft Expression Web

  • CoffeeCup HTML Editor 












  • Beberapa Aplikasi untuk membuat HTML diatas merupakan aplikasi yang sangat memudahkan web devolper untuk merancang HTML, Namun selain HTML apliksi diatas juga bisa digunakan untuk membuat CSS, PHP, maupun java.
    Tapi untuk para pemula seperti saya, disarankan untuk melau belajar HTML dengan softwere yang sederhana dahulu, seperti notepad, maupun notepad ++.
    Notepad biasanya sudah disediakan oleh windows, namun untuk notepad++, kita bisa unduh dari internet.
    untuk membuat HTML sederhana, buka notepad++
    kemudian pilih bahasanya,

    ketikan html yang akan kita buat


    save file menjadi file yang berektesi .html

    kita bua file tersebut sengan web browser kita.

    ok,, sekian dulu,
    selamat mencoba..


    Rabu, 12 Maret 2014

    Dasar HTML

    Posted by Dian Nurma A. On Rabu, Maret 12, 2014 | No comments

    HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web,seperti pada post saya yang kemaren. Dokumen HTML disimpan dalam format teks dan dalam bentuk tag  yang akan diterjemahkan oleh web browser Menjadi perintah-perintah yang dispesifikasikan atau tertentu.

    Element HTML

    Biasanya HTML terdiri dari header dan body atau dalam scrib biasa ditemui <head></head> dan <body></body>.Namun kedua tag tersebut haruslah didalam tag <html></html>
    Perhatikan Sintak berikut

    <html>
       <head>
        ........................
       </head>
       <body>
        .......................
       </body>
    </html>

     Header biasanya digunakan untuk meincludekan atau link ke file-file lain seperti css dan  javascrib.
     Body  merupakan ruang untuk menaruh seluruh konten yang akan ditampilkan.

    Strukture Dasar HTML
    Perhatikan struktur dasar dokumen HTML berikut:

    <!DOCTYPE html>
    <html>
    <head><title>Ini Judul<title>
    </head>
        <body>

             <h1>Ini adalah Judul  Untuk konten</h1>

            <p>Untuk Paragraf baru</p>

         </body>
    </html>

    Dari  HTML di atas dapat dijelaskan:

    a. Tag
    Adalah teks khusus atau biasa disebut markup berupa dua karakter "<" dan ">", 
    Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), 
    sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.

    b. Element
    Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.
    Contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

    <title>
    ini adalah tag pembuka judul dokumen HTML
    Ini Judul  ini adalah isi judul dokumen HTML
    </title> ini adalah tag penutup judul dokumen HTML

    -------------------------------------------To be continue-------------------------------------------------

    Selasa, 11 Maret 2014

    HTML pengertian

    Posted by Dian Nurma A. On Selasa, Maret 11, 2014 | No comments

    1. Pengertian HTML

    HTML(hypertext transfer protocol) merupakan  dokumen yang hampir mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu.
    Dalam penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Sebagai contohnya pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala.

    2. STRUKTUR DASAR HTML

    HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer
    data antara  web server  ke  web browser. Protokol ini mentransfer dokumen-dokumen web
    yang ditulis atau berformat HTML.
    Dikatakan  markup language  karena HTML berfungsi untuk memformat file dokumen teks
    biasa untuk bisa ditampilkan pada  web browser  sesuai keinginan. Hal tersebut dapat
    dilakukan dengan menambahkan elemen atau sering disebut sebagai tag.
    Elemen HTML biasanya berupa  tag-tag  yang berpasangan dan setiap  tag  ditandai dengan
    simbol “<” dan “>”. Pasangan dari sebuah  tag  ditandai dengan simbol ”  /  “.  Misalnya
    pasangan dari tag <contoh> adalah </contoh>. Dalam hal ini <contoh> disebut sebagai
    elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu.
    Jadi misalnya elemen <contoh> bila ditulis dengan atributnya adalah sebagai berikut:
    <contoh atribut1=”nilai_atribut1” atribut2=”nilai_atribut2” . . . >

    Dalam penulisan tag HTML tidak bersifat  case sensitive, artinya penggunaan huruf kecil
    ataupun kapital tidak menjadi masalah. Script HTML dapat dituliskan dalam text editor seperti
    Notepad, kemudian disimpan dengan ekstensi  .htm  atau  .html. Untuk mengeksekusi file
    HTML dapat dilakukan dengan menggunakan  browser  seperti  Internet Explorer  atau
    Netscape Navigator  melalui menu  File|Open, kemudian  browse  ke lokasi dan nama file
    dimana file HTML disimpan.

    3. Sejarah Perkembangan HTML

    Versi Year
    HTML                                         1991
    HTML+ 1993
    HTML 2.0 1995
    HTML 3.2 1997
    HTML 4.01 1999
    XHTML 2000
    HTML5 2012

    Blogroll

    Flag Counter

    Jadwal Sholat

    p style="text-align: center;">jadwal-sholat