{"id":6808,"date":"2020-10-19T09:12:10","date_gmt":"2020-10-19T09:12:10","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=6808"},"modified":"2020-10-19T09:14:11","modified_gmt":"2020-10-19T09:14:11","slug":"mengenal-tentang-dreamweaver","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver","title":{"rendered":"Mengenal Tentang Dreamweaver"},"content":{"rendered":"

Pengertian Adobe Dreamweaver<\/strong><\/h1>\n

Adobe Dreamweaver<\/strong> adalah program yang digunakan untuk membuat atau menyunting halaman web. Software Dreamweaver dikeluarkan oleh Adobe System. Aplikasi ini banyak digunakan oleh para programmer, desainer dan developer web dikarenakan kemudahan dalam penggunaanya, kelengkapan fiturnya dan juga dukungannya terhadap teknologi terkini.<\/p>\n

Adobe Dreamweaver menyediakan fitur editor WYSIWYG (What You See is What You Get)<\/strong> atau dalam bahasa kesehariannya disebut Design View. Maksudnya adalah tampilan hasil akhir web nanti akan sama dengan tampilan pada saat proses perancangan halaman web.<\/p>\n

Dengan segala fitur yang ada pada Adobe Dreamweaver, membuat suatu web bukanlah hal yang sulit. Tidak perlu menguasai berbagai macam bahasa pemrograman web seperti HTML, CSS, Javascript, PHP dll. Cukup mengetahui dasar dasarnya saja, karena didalam aplikasi ini sudah disediakan alat alat otomatis.<\/div>\n
<\/div>\n
Selain itu, aplikasi ini juga menyediakan 3 macam tampilan yaitu :<\/div>\n
    \n
  1. Code View cocok untuk para programmer yang terbiasa dengan kode kode pemrograman web.<\/li>\n
  2. Design View cocok untuk para Designer yang terbiasa dengan visual.<\/li>\n
  3. Split View cocok untuk yang ingin menggunakan keduanya.<\/li>\n<\/ol>\n

    Sejarah Adobe Dreamweaver<\/strong><\/h1>\n

    \"\"<\/p>\n

    Dulunya program ini bernama Macromedia Dreamweaver dan dikelola oleh Macromedia. Versi pertamanya dirilis pada Desember 1997 dengan nama Macromedia Dreamweaver 1.0 untuk sistem operasi Mac. Kemudian pada Maret 1998, muncul versi pertama untuk sistem operasi windows yaitu Macromedia Dreamweaver 1.2<\/div>\n
    <\/div>\n
    Macromedia Dreamweaver terus berkembang sampai dengan tahun 2005 dengan versi terbarunya yaitu Macromedia Dreamweaver 8. Kemudian Dreamweaver diambil alih oleh Adobe System sehingga namanya berubah menjadi Adobe Dreamweaver. Pada 16 April 2007, Dreamweaver mengeluarkan versi terbarunya dengan nama Adobe Dreamweaver CS3.<\/div>\n
    <\/div>\n
    Dengan hadirnya HTML5, Dreamweaver kembali merilis versi terbarunya dengan nama Adobe Dreamweaver CS5.5. Sedangkan sekarang ini versi terakhir Dreamweaver adalah Dreamweaver CC yang dirilis pada 21 April 2012.<\/div>\n

    Fungsi Adobe Dreamweaver<\/strong><\/h1>\n

    Adobe Dreamweaver mempunyai berbagai macam kegunaan. Ini kegunaan Adobe Dreamweaver :<\/p>\n

      \n
    • Untuk mendesain situs web<\/li>\n
    • Untuk membuat program berbasis web<\/li>\n
    • Untuk membuat template blog<\/li>\n
    • Untuk membuat situs web tanpa bersentuhan langsung dengan bahasa pemrograman.<\/li>\n<\/ul>\n

      Fitur Terbaru Adobe Dreamweaver CC<\/strong><\/h1>\n

      Adobe Dreamweaver terus melakukan pembaharuan. Berikut ini adalah fitur fitur terbaru yang disertakan dalam Adobe Dreamweaver CC, yaitu :<\/p>\n

      1. CSS Designer<\/strong><\/h3>\n

      Fitur visual editing untuk membantu membuat standar kode web dan menerapkan properti CSS seperti gradient dan shadows.<\/p>\n

      2. Starter Templates<\/strong><\/h3>\n

      Template khusus web yang bersifat responsif dan dapat diubah tata letaknya.<\/p>\n

      3. Extract<\/strong><\/h3>\n

      Dapat mengubah desain web yang sudah dibuat di photoshop menjadi kode web secara otomatis.<\/p>\n

      4. Live View<\/strong><\/h3>\n

      Tersedia berbagai penambahan fitur seperti insert panel, keyboard shortcut dan HTML Tag Editor yang membuat proses editing lebih cepat dari sebelumnya.<\/p>\n

      5. Full Support HTML5<\/strong><\/h3>\n

      Fitur ini mendukung secara penuh penggunaan HTML5, seperti streaming audio dan video.<\/p>\n

      Tutorial Dreamweaver: Membuat Website<\/span><\/strong><\/h1>\n

      1. Membuat Situs Baru<\/strong><\/h3>\n
        \n
      • Buka\u00a0Site -> New Site\u00a0<\/b>pada dashboard Adobe Dreamweaver CC lalu jendela akan muncul.<\/li>\n<\/ul>\n

        \"\"<\/p>\n

        Langkah pertama yang perlu dilakukan adalah memberi nama website dan menyimpannya dalam satu folder. Cara ini dapat membantu untuk mengelola file dan mempermudah untuk melakukan proses unggah.<\/p>\n

          \n
        • Jika ingin memasukkan gambar ke situs, klik Advanced Settings -> Local Info<\/b>\u00a0untuk melakukannya. Folder gambar akan dibuat dalam folder situs.<\/li>\n<\/ul>\n

          \"\"<\/p>\n

            \n
          • Klik\u00a0Save\u00a0<\/b>jika sudah selesai.<\/li>\n<\/ul>\n

            2. Membuat File Homepage<\/strong><\/h3>\n

            Buka\u00a0File -> New\u00a0<\/b>lalu pilih\u00a0New Document<\/b>. Pilih HTML sebagai tipe dokumen lalu klik\u00a0Create<\/b>\u00a0tidak harus memberi judul dokumen.<\/p>\n

            \"\"<\/p>\n

            Kemudian akan diarahkan kembali pada lembar kerja dan lembar kerja akan berwarna putih dengan beberapa baris kode HTML. Sebenarnya, lembaran itu merupakan tampilan website secara live. Simpanlah file HTML sebagai index.html<\/b>, dan letakkan dalam folder situs.<\/p>\n

            \"\"<\/p>\n

            3. Membuat Header<\/strong><\/h3>\n

            Pada langkah ini akan membuat header website. Biasanya header akan diisi oleh logo dan nama situs.<\/p>\n

            Klik halaman putih atau pilih bagian tertentu dengan elemen\u00a0<body>\u00a0<\/b>pada editor. Klik Insert <\/strong>pada kanan atas panel. Langkah ini akan menampilkan daftar dari elemen HTML umum yang dapat ditambahkan pada halaman.<\/p>\n

            Cari elemen\u00a0Header<\/b>.<\/p>\n

            Klik drag and drop<\/strong> elemen tersebut ke lembar kerja, dan dalam sekejap elemen tersebut akan ditambahkan pada website beserta kodenya.<\/p>\n

            \"\"<\/p>\n

            Setelah itu, ubah header menjadi heading dengan tag\u00a0<H1>\u2026<\/H1><\/b>. Hal ini dilakukan agar website SEO-friendly dan menginformasikan tentang situs kepada mesin pencari. Tandai teks di bagian tersebut lalu buka panel Insert<\/b>. Cari dan klik\u00a0Heading: H1<\/b>.<\/p>\n

            Setelah itu ubah teks tersebut menjadi judul website. Judul website harus deskriptif dan mewakili topik. Disini akan menggunakan contoh dengan nama \u201cWelcome to The Development Site.\u201d<\/p>\n

            \"\"<\/p>\n

            4. Tambah Navigasi Home<\/strong><\/h3>\n

            Menambah baris setelah header untuk menambah tombol navigasi home. Sekarang masuk pada menu panel Insert\u00a0<\/b>dan cari elemen\u00a0Navigation<\/b>. Ketika klik elemen tersebut, jendela akan muncul. Lalu, tulis navigation\u00a0<\/b>sebagai ID dan klik\u00a0OK<\/b>.<\/p>\n

            \"\"<\/p>\n

            Cara ini akan menambah elemen navigasi ke editor. Ketika berada pada elemen konten, carilah Hyperlink\u00a0<\/b>pada panel\u00a0Insert<\/b>. Klik dan isi detailnya seperti contoh berikut :<\/p>\n

            \"\"<\/p>\n

            CATATAN :<\/strong><\/p>\n

            “Link tersebut akan mirip dengan halaman yang akan navigasikan ke website. Saat ini hanya menggunakan hashtag untuk mengisi kolom yang kosong.”<\/p>\n

            Ketika telah selesai, klik OK<\/b>. Sekarang, tombol home dapat di klik dan memiliki lebih banyak baris kode di editor.<\/p>\n

            \"\"<\/p>\n

            5. Menambahkan Deskripsi Website<\/strong><\/h3>\n

            Menambahkan header sekunder (sub-header), paragraf, dan beberapa bullet point sebagai deskripsi website.<\/p>\n

            Tambahkan baris setelah kode navigasi san klik\u00a0Header: H2\u00a0<\/b>dan\u00a0Paragraph\u00a0<\/b>pada panel\u00a0Insert<\/b>. Langkah ini akan menambahkan tag\u00a0<h2>\u00a0<\/b>dan\u00a0<p>\u00a0<\/b>pada editor. Setelah itu, pastikan konten yang ada di dalamnya.<\/p>\n

            \"\"<\/p>\n

            Sekarang bisa menambah bullet points. Untuk menambahkannya, tambahkan baris di bawah kode paragraf. Buka pane Insert<\/b>\u00a0dan klik\u00a0Unordered List<\/b>. Tag\u00a0<ul>\u00a0<\/b>dapat ditemukan pada editor. Sementara itu, klik\u00a0List Item\u00a0<\/b>pada panel\u00a0Insert\u00a0<\/b>dan proses ini akan menambahkan tag\u00a0<li>\u00a0<\/b>ke dalam tag\u00a0<ul><\/b><\/p>\n

            Hal yang perlu digaris bawahi pada list HTML adalah harus menambah beberapa tag secara manual sesuai dengan jumlah poin. Contohnya akan terlihat seperti berikut :<\/p>\n

            \"\"<\/p>\n

            Disini telah berhasil membuat struktur dasar homepage. Dapat juga menambahkan beberapa konten lain seperti form, video, gambar dll. Namun, sebagai permulaan berhasil membuat struktur dasar saja sudah cukup.<\/p>\n

            Walaupun terlihat polos bisa menambahkan style sheet untuk membuatnya lebih menarik.<\/p>\n

            6. Membuat File CSS<\/strong><\/h3>\n

            Cascading Style Sheet (CSS) digunakan untuk memodifikasi elemen pada HTML dan akan selalu digunakan oleh developer ketika membuat website. Ibarat HTML adalah struktur tubuh dari website, maka CSS adalah bagian estetika yang membuat tubuh tersebut terlihat indah.<\/p>\n

            Sekarang, yang perlu dilakukan pertama kali adalah memberi header sebuah ID. Arahkan kursor ke kanan bawah dari panel Dreamweaver ini lalu pilih panel DOM<\/b>. Anda akan melihat struktur situs secara keseluruhan disini.<\/p>\n

            Klik\u00a0Header<\/b> dan akan menyadari bahwa header ditandai dengan warna biru, bersamaan dengan label dan tanda plus.<\/p>\n

            \"\"<\/p>\n

            Klik tanda plus dan ketikkan\u00a0#header<\/b>. Hashtag tersebut memberikan ID kepada elemen tersebut. Setelah itu tekan return atau enter. Pada menu selanjutnya, pilih source:\u00a0Create a New CSS file.<\/b><\/p>\n

            Jendela baru akan muncul. Pilih\u00a0Browse\u00a0<\/b>dan cari folder situs. Ketikkan style.css\u00a0<\/b>dan sklik\u00a0save<\/b>. Lalu, klik\u00a0OK<\/b>.<\/p>\n

            \"\"<\/p>\n

            Maka akan mendapati style.css\u00a0<\/b>yang baru, muncul di atas live view dan elemen link baru pada code editor.<\/p>\n

            Lakukan cara yang sama untuk semua elemen yang memerlukan stylization. Saat ini, daripada membuat file CSS baru, simpan dimana file\u00a0style.css\u00a0<\/b>berada.<\/p>\n

            Sekarang dapat menggunakan CSS selector untuk styling.<\/p>\n

            7. Buat CSS Selector untuk Judul Website<\/strong><\/h3>\n

            Tandai\u00a0H1\u00a0<\/b>dibawah header dari panel DOM. Lalu, pilih\u00a0CSS Designer\u00a0<\/b>dari panel di atas.<\/p>\n

            \"\"<\/p>\n

            Klik tanda plus di belakang\u00a0Selectors<\/b>. Secara otomatis nama\u00a0#header h1\u00a0<\/b>akan muncul, setelah itu tekan return.<\/p>\n

            CATATAN : <\/strong><\/p>\n

            “Ini berarti bahwa hanya menargetkan elemen bernama h1<\/b>\u00a0di dalam elemen\u00a0#header<\/b>. Dengan cara ini, styling hanya akan berlaku untuk teks tertulis (judul situs web) dan bukan elemen tajuk itu sendiri.”<\/p>\n

            8. Mengganti Font Judul<\/strong><\/h3>\n

            Pastikan selector berada pada\u00a0#header h1<\/b>.<\/p>\n

            Klik\u00a0Properties\u00a0<\/b>dan hilangkan centang pada\u00a0Show Set\u00a0<\/b>untuk mengaktifkan opsi Layout,<\/strong> Text,<\/b>\u00a0Border<\/b>,\u00a0Background <\/b>dll.<\/p>\n

            \"\"<\/p>\n

            Klik opsi\u00a0Text\u00a0<\/b>dan arahkan kursor pada\u00a0font-family<\/b>\u00a0dan klik\u00a0default font<\/b>. Bisa memilih diantara banyak opsi yang diberikan.<\/p>\n

            \"\"<\/p>\n

            Ditambah lagi, menu\u00a0Manage Fonts\u00a0<\/b>akan memberi hamparan opsi lain dari database Adobe Edge Web Fonts<\/strong>.<\/p>\n

            Pilih font yang diinginkan dengan meng-kliknya. Pada contoh dibawah ini sebagai contoh dengan menggunakan font bernama Karla<\/b>. Ketika selesai, font judul website akan berganti dan akan ada tambahan kode penting pada Source Code<\/b>\u00a0dan\u00a0style.css<\/b>.<\/p>\n

            \"\"<\/p>\n

            9. Arahkan Judul ke Tengah<\/strong><\/h3>\n

            Pada opsi\u00a0Text<\/b>, arahkan kursor\u00a0text-align dan klik\u00a0<\/b>center.\u00a0<\/b>Maka akan menyadari ada perubahan dan juga kode tambahan pada style.css<\/b>.<\/p>\n

            \"\"<\/p>\n

            Buat lah perubahan-perubahan yang diperlukan untuk konten website. Pada tutorial ini juga menambahkan konten dan style pada situs. Inilah hasil akhirnya :<\/p>\n

            \"\"<\/p>\n

            Kelebihan Adobe Dreamweaver<\/strong><\/h1>\n

            Dreamweaver memiliki banyak kelebihan. Berikuti ini beberapa kelebihan dreamweaver atau keuntungan dreamweaver :<\/p>\n

              \n
            • Dapat membuat kerangka website dengan mudah dan cepat.<\/li>\n
            • Tersedia berbagai macam tema atau template.<\/li>\n
            • Memiliki 3 tampilan yaitu :\n
                \n
              • Code View,<\/li>\n
              • Design View dan<\/li>\n
              • Split View.<\/li>\n<\/ul>\n<\/li>\n
              • Memiliki Fitur Preview atau Live View.<\/li>\n
              • Kode yang dihasilkan ditulis secara rapi.<\/li>\n
              • Memiliki alat alat khusus untuk membuat program berbasis web.<\/li>\n
              • Mudah dioperasikan oleh pemula.<\/li>\n
              • Memiliki banyak plugin.<\/li>\n<\/ul>\n

                Kekurangan Adobe Dreamweaver<\/strong><\/h1>\n

                Selain memiliki kelebihan, Dreamweaver juga memiliki kerugian. Berikut ini kekurangan dreamweaver :<\/p>\n

                  \n
                • Harga software original-nya mahal.<\/li>\n<\/ul>\n\n\n
                  \n \n
                  \n \n
                  \n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n <\/div>\n \n
                  \n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n
                  \n 5\/5 - (2 votes) <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"

                  Pengertian Adobe Dreamweaver Adobe Dreamweaver adalah program yang digunakan untuk membuat atau menyunting halaman web. Software Dreamweaver dikeluarkan oleh Adobe System. Aplikasi ini banyak digunakan oleh para programmer, desainer dan developer web dikarenakan kemudahan dalam penggunaanya, kelengkapan fiturnya dan juga dukungannya terhadap teknologi terkini. Adobe Dreamweaver menyediakan fitur editor WYSIWYG (What You See is What […]<\/p>\n","protected":false},"author":7,"featured_media":6837,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3,153],"tags":[2020,2015,2019,2016,2017,2018],"class_list":["post-6808","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-pengetahuan-umum","tag-cara-membuat-dreamweaver-website","tag-dreamweaver-adalah","tag-fitur-adobe-dreamweaver","tag-fungsi-dreamweaver","tag-kelebihan-dan-kekurangan-adobe-dreamweaver","tag-sejarah-dreamweaver"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver-1140x445.png",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver-463x348.png",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver-300x183.png",300,183,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver.png",1810,1102,false]},"yoast_head":"\nMengenal Tentang Dreamweaver - Hosteko Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mengenal Tentang Dreamweaver - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Pengertian Adobe Dreamweaver Adobe Dreamweaver adalah program yang digunakan untuk membuat atau menyunting halaman web. Software Dreamweaver dikeluarkan oleh Adobe System. Aplikasi ini banyak digunakan oleh para programmer, desainer dan developer web dikarenakan kemudahan dalam penggunaanya, kelengkapan fiturnya dan juga dukungannya terhadap teknologi terkini. Adobe Dreamweaver menyediakan fitur editor WYSIWYG (What You See is What […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-19T09:12:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-19T09:14:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1810\" \/>\n\t<meta property=\"og:image:height\" content=\"1102\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Risa Y\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Risa Y\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver\"},\"author\":{\"name\":\"Risa Y\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\"},\"headline\":\"Mengenal Tentang Dreamweaver\",\"datePublished\":\"2020-10-19T09:12:10+00:00\",\"dateModified\":\"2020-10-19T09:14:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver\"},\"wordCount\":1444,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver.png\",\"keywords\":[\"cara membuat dreamweaver website\",\"dreamweaver adalah\",\"fitur adobe dreamweaver\",\"fungsi dreamweaver\",\"kelebihan dan kekurangan adobe dreamweaver\",\"sejarah dreamweaver\"],\"articleSection\":[\"Blog\",\"pengetahuan umum\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver\",\"url\":\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver\",\"name\":\"Mengenal Tentang Dreamweaver - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver.png\",\"datePublished\":\"2020-10-19T09:12:10+00:00\",\"dateModified\":\"2020-10-19T09:14:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver.png\",\"width\":1810,\"height\":1102},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mengenal Tentang Dreamweaver\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita & Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\",\"name\":\"Risa Y\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"caption\":\"Risa Y\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mengenal Tentang Dreamweaver - Hosteko Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver","og_locale":"en_US","og_type":"article","og_title":"Mengenal Tentang Dreamweaver - Hosteko Blog","og_description":"Pengertian Adobe Dreamweaver Adobe Dreamweaver adalah program yang digunakan untuk membuat atau menyunting halaman web. Software Dreamweaver dikeluarkan oleh Adobe System. Aplikasi ini banyak digunakan oleh para programmer, desainer dan developer web dikarenakan kemudahan dalam penggunaanya, kelengkapan fiturnya dan juga dukungannya terhadap teknologi terkini. Adobe Dreamweaver menyediakan fitur editor WYSIWYG (What You See is What […]","og_url":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver","og_site_name":"Hosteko Blog","article_published_time":"2020-10-19T09:12:10+00:00","article_modified_time":"2020-10-19T09:14:11+00:00","og_image":[{"width":1810,"height":1102,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver.png","type":"image\/png"}],"author":"Risa Y","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Risa Y","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver"},"author":{"name":"Risa Y","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b"},"headline":"Mengenal Tentang Dreamweaver","datePublished":"2020-10-19T09:12:10+00:00","dateModified":"2020-10-19T09:14:11+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver"},"wordCount":1444,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver.png","keywords":["cara membuat dreamweaver website","dreamweaver adalah","fitur adobe dreamweaver","fungsi dreamweaver","kelebihan dan kekurangan adobe dreamweaver","sejarah dreamweaver"],"articleSection":["Blog","pengetahuan umum"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver","url":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver","name":"Mengenal Tentang Dreamweaver - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver.png","datePublished":"2020-10-19T09:12:10+00:00","dateModified":"2020-10-19T09:14:11+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver.png","width":1810,"height":1102},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/mengenal-tentang-dreamweaver#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Mengenal Tentang Dreamweaver"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita & Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b","name":"Risa Y","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","caption":"Risa Y"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Adobe-Dreamweaver.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/6808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=6808"}],"version-history":[{"count":0,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/6808\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/6837"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=6808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=6808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=6808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}