MEMBUAT DATA MAHASISWA MENGGUNAKAN ADOBE DREAMWEAVER

Adobe Dreamweaver

Adobe Dreamweaver adalah aplikasi desain dan pengembangan web yang menyediakan editor WYSIWYG visual (bahasa sehari-hari yang disebut sebagai Design view) dan kode editor dengan fitur standar seperti syntax highlighting, code completion, dan code collapsing serta fitur lebih canggih seperti real-time syntax checking dan code introspection untuk menghasilkan petunjuk kode untuk membantu pengguna dalam menulis kode. Tata letak tampilan Design memfasilitasi desain cepat dan pembuatan kode seperti memungkinkan pengguna dengan cepat membuat tata letak dan manipulasi elemen HTML. Dreamweaver memiliki fitur browser yang terintegrasi untuk melihat halaman web yang dikembangkan di jendela pratinjau program sendiri agar konten memungkinkan untuk terbuka di web browser yang telah terinstall. Aplikasi ini menyediakan transfer dan fitur sinkronisasi, kemampuan untuk mencari dan mengganti baris teks atau kode untuk mencari kata atau kalimat biasa di seluruh situs, dan templating feature yang memungkinkan untuk berbagi satu sumber kode atau memperbarui tata letak di seluruh situs tanpa server side includes atau scripting. Behavior Panel juga memungkinkan penggunaan JavaScript dasar tanpa pengetahuan coding, dan integrasi dengan Adobe Spry Ajax framework menawarkan akses mudah ke konten yang dibuat secara dinamis dan interface.

PENGERTIAN

Test field

Text field merupakan sarana untuk memasukan teks pada form. Text field ini berfungsi untuk menanpung informasi informasi yang di masukan kedalamnya berupa teks atau karakter lainnya, code nya sebagai berikut:

<span class="style4">DATA MAHASISWA  </span></h4>

</form>

Text area

Jika anda perhatikan bentuk tampilan textarea sama persis dengan textfield tipe multiline contoh nya seperti alamat pada (Gambar A) di bawah.code nya sabagai berikut:

<td height="91">ALAMAT</td>

    <td><form id="form2" name="form2" method="post" action="">

      <label>

      <textarea name="textarea" cols="45" rows="5" id="textarea">JL. LAPAN V NO. 10

RT 12 RW 01 KEC. PEKAYON. KEL. PASAR REBO</textarea>

      </label>

    </form>    </td>

  </tr>

  <tr>

Radio button.

Mempunyai fungsi sama seperti check box, yaitu untuk membuat daftar pilihan  saja contoh nya pada jenis kelamin pada (Gambar A) di bawah. Code nya sebagai berikut :

 <td>JENIS KELAMIN</td>

    <td><form id="form3" name="form3" method="post" action="">

      <label>

        <input type="radio" name="radio" id="radio" value="radio" />

        LAKI LAKI<br />

        <input type="radio" name="radio2" id="radio2" value="radio2" />

        PEREMPUAN<br />

        </label>

    </form></td>

  </tr>

  <tr>

Menu list menu.

List digunakan untuk menampilkan banyak pilihan contoh nya pada agama pada (Gambar A) di bawah dan code nya sebagai berikut:

    <td>AGAMA</td>

    <td><form id="form4" name="form4" method="post" action="">

      <label>

        <select name="select" id="select">

          <option>ISLAM</option>

          <option>KERISTEN KATOLIK</option>

          <option>KERISTEN PROTESTAN</option>

          <option>HINDU</option>

          <option>BUDHA</option>

        </select>

        </label>

    </form>    </td>

(Gambar A)

Langkah  langkah membuat  web seperti (Gambar A) di atas ;

Pertama tama  membuat judul seperti gambar di atas dengan cara pilih insert – from – from kemudian tulis “data mahasiswa”.

 Lalu agar tulisan berada di tengah cara nya blok tulisan  lalu kelik kanan pilih align  lalu center.

Kemuadian cara menyisipkan logo di sebelah judul cara nya pilih insert – image lalu cari logo nya klik ok dan kemudia atur gambar seperti gambar di atas.

(Gambar B)

Langakah  selanjut nya membuat table dengan cara pilih insert – table - OK lalu masukan jumlah arrow dan colums, jumlah arrow 6 dan colums 2 seperti (Gambar B) di atas.

Kemudia cara membuat isi alamat sepeti di (Gambar A) yaitu dengan pilih insert – form –textarea - ok.

Selanjut nya cara membuat isi jenis kelamin seperti (Gambar A) cara nya pilih insert – form – Radio Button untuk satu pilihan jika seperti gambar A di atas memerlukan dua kali Radio Button  .

Kemudia cara membuat pilihan agama seperti gambar A di atas cara nya pilih insert - Form – List/Menu – ok. Untuk memasukan pilihan agama nya yaitu klik list values - + dan masukan semua agamanya seperti (Gambar C) di bawah.

(Gambar C).

TAMPILAN SETELAH DI BUKA MELALU GOOGLE

Cara membuka web yg sudah di buat melalui googel cara nya (ctrl o) lalu cara dimana web yg dia buat di save.

Kemudia cara menghilangkan garis table nya dengan cara pilih split lalu hapus border pada codingan seperti gambar di bawah