Riset Adobe Dreamweaver

of 12

  • date post

    08-Mar-2016
  • Category

    Documents

  • view

    5
  • download

    0

Embed Size (px)

description

Aplikasi

Transcript of Riset Adobe Dreamweaver

  • RISET Adobe Dreamweaver GTX CANDIDATE 2014

    IKHSAN RAHMAWAN 1201144191

    DISUSUN OLEH

    Desain Web Edukasi Untuk Anak

    Taman Kanak-Kanak

  • 1

    KATA PENGANTAR

    Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha Panyayang, kita

    panjatkan puja dan puji syukur atas kehadirat-Nya, yang telah melimpahkan rahmat, hidayah,

    dan inayah-Nya kepada kita, sehingga saya dapat menyelesaikan makalah riset Adobe

    Dreamweaver ini dengan baik.

    Adapun makalah riset Adobe Dreamweaver ini telahsayai usahakan semaksimal mungkin dan

    tentunya dengan bantuan berbagai pihak, sehingga dapat memperlancar pembuatan makalah

    ini. Untuk itu saya tidak lupa menyampaikan bayak terima kasih kepada semua pihak yang

    telah membantu kami dalam pembuatan makalah ini.

    Namun tidak lepas dari semua itu, saya menyadari sepenuhnya bahwa ada kekurangan baik

    dari segi penyusun bahasanya maupun segi lainnya. Oleh karena itu dengan lapang dada dan

    tangan terbuka saya membuka selebar-lebarnya bagi pembaca yang ingin member saran dan

    kritik kepada saya sehingga kami dapat memperbaiki makalah ilmiah biologi ini.

    Akhirnya penyusun mengharapkan semoga dari makalah riset Adobe Dreamweaver ini dapat

    diambil hikmah dan manfaatnya sehingga dapat memberikan inpirasi terhadap pembaca.

    Bandung, Januari 2016

    Penyusun

  • 2

    DAFTAR ISI

    KATA PENGANTAR .................................................................................................... 1

    DAFTAR ISI .................................................................................................................. 2

    BAB I. PENDAHULUAN ............................................................................................. 3

    BAB II. LANDASAN TEORI........................................................................................ 4

    BAB III. LANGKAH RISET ......................................................................................... 5

    BAB IV. KESIMPULAN ............................................................................................. 11

    REFERENSI ................................................................................................................. 12

  • 3

    BAB I. PENDAHULUAN

    I.1 Latar Belakang

    Anak-anak adalah masa dimana belajar adalah merupakan sesuatu yang sangat penting

    karena di masa kanak-kanak kita dapat belajar dengan snagt cepat dan baik oleh karena itu

    masa kanak-kanak harus dimanfaatkan dengan belajar sebanyak-banyaknya, tentu saja anak-

    anak akan merasa cepqat bosan bila hanya belajar belajar dan belajar oleh karena itu saya

    mendesain sebuah web menggunakan Adobe Dreamweaver sebuah web yang dapat

    membantu anak-anak terutama yang masih duduk di bangku taman kanak-kanak atau TK

    dapat belajar dengan lebih mudah, seru, dan menyenangkan

    I.2 Tujuan

    Agar anak taman kanak-kanak dapat belajar dengan lebih seru dan menyenangkan

    dengan website yang sangat menarik ini

    I.3 Manfaat

    Anak-anak khususnya anak taman kanak-kanak atau TK dapat belajar dengan

    menyenangkan dan seru sehingga tidak merasa bosan dan mendapat ilmu yang bermanfaat

  • 4

    BAB II. Landasan Teori

    II.1 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.

    II.2 XAMPP

    Adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan

    kompilasi dari beberapa program.

    Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program

    Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa

    pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem

    operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General

    Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani

    tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung

    dari web resminya.

  • 5

    BAB III. Langkah Riset

    NO Deskripsi Ilustrasi

    1 Membuka halaman

    awal Dreamweaver

    2 Membuka software

    XAMPP dan

    menekan start

    3 XAMPP yang

    sudah berhasil

    dijalankan

    4 Memeilih menu

    SITE kemudian

    memilih New Site

  • 6

    5 Memilih jenis

    halam web, disini

    saya memilih PHP

    6 Menghubungkan

    dengan server

    XAMPP yang telah

    dibuat

    7 Membuat tabel

    untuk

    mempermudah

    mengatur web

    8 Memberikan

    wallpaper dengan

    klik page

    properties,

    kemudian klik

    appearrance

    kemudian pilih

    gambar background

  • 7

    9 Memberikan

    Banner website

    dengan cara insert

    Image Banner

    10 Memasukkan

    gambar berformat

    gif dengan klik

    Insert kemudian

    Image

    11 Menambahkan

    tulisan pada website

    12 Memblok huruf dan

    menautkan Link

    pada huruf yang di

    blok agar membuka

    halaman yang

    dipilih

    11 Membuat halaman

    baru dan

    memberikan tabel

    dengan cara Insert

    Table untuk

    membuat menu

  • 8

    website

    12 Tampilan menu

    web yang dibuat

    13 Membuat halaman

    baru yang akan

    menampung konten

    web dengan cara

    klik new dan pilih

    blank page

    kemudian HTML

    14 Menautkan link

    pada menu di

    halaman utama web

    dengan isi atau

    konten yang sesuai

    15 Memasukkan

    Konten video ke

    dalam halaman

    yanag memuat

    video dengan cara

    Insert media FLV

  • 9

    16 Memeilih video

    yang akan

    ditampilkan

    17 Setelah seluruh

    konten web lengkap

    saatnya

    menjalankan weh

    dibuat dengan cara

    memeilih preview

    kemudian pilih

    browser yang akan

    digunakan

    18 Halaman utama

    web yang telah

    dibuat

    19 Tmpilan halaman

    menu yanag dibuat

  • 10

    BAB IV. Kesimpulan

    Dari riset yang saya lakukan ternyata membuat halaman web dengan menggunakan

    Adobe Dreamweaver tidak begitu sulit namun memerlukan kreatiftas agar halaman web yang

    dibuat dapat menarik minat orang yang membukanaya sehingga senang menggunakan konten

    yang disajikan dalam web tersebut, berikut ini saya tampilkan halaman web yang telah saya

    buat

  • 11

    REFERENSI

    https://id.wikipedia.org/wiki/Adobe_Dreamweaver

    https://ferianto29.wordpress.com/tutorial/cara-membuat-website-dengan-dreamweaver-cs6/

    http://anggatheblo.blogspot.co.id/2013/10/tutorial-membuat-web-dengan-dreamweaver.html

    https://id.wikipedia.org/wiki/XAMPP