Panduan Membuat Website/ Landing Page dengan memanfaatkan Web Editor Gratisan Yola

dokumen-dokumen yang mirip
Panduan membuat website menggunakan. Buka Contreng KLIK. Untuk Login ke Akun Blink anda ikuti Step berikut.

Komunikasi Multimedia

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).

Bu k u Ma n u a l Web Si t e SK PD Pem er i n t a h K a b u pa t en Ma l a n g

Design Web Dengan 2 Kolom

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat

6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MEMBUAT WEBSITE PERSONAL

Membuat Word Art 1. Klik Insert 2. Klik Word Art 3. Pilih Jenis word Art 4. Ketik sesuai keinginan

MICROSOFT WORD. Berikut ini adalah beberapa istilah yang akan dipakai dalam mengoperasikan Microsoft Word 2007:

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.

TIP 8. Gambar 8.1. Tidak perlu lagi menggunakan Driver Adobe PDF untuk cetak dalam bentuk PDF

5. Untuk membuat Page Border, klik menu Format, Border and Shading, maka akan muncul [Gambar 1] :

E-commerce Development Berbasis Wordpress

Membuat Layout Desain Awal dengan Photoshop

LAMPIRAN. Universitas Sumatera Utara

Penerimaan Murid Baru & Paket Pendidikan VET

Area kerja. Gambar 1. Tampilan awal MS FrontPage

Modul Pelatihan Komputer Ms. Word 2007

KOMPUTER APLIKASI IT (Information Technology)

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna

HOT POTATOES. 1. Untuk memulai Hot Potatoes, klik menu Start > Program > Hot Potatoes 6 > Hot Potatoes 6 sehingga akan dimunculkan : keluar

Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya

MEMBUAT WEB PERSONAL DENGAN DREAMWEAVER

PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara

MODUL PELATIHAN PROGRAM MS. OFFICE WORD 2007 DISUSUN OLEH YAYASAN KURNIA

TUTORIAL RUBY ON RAILS

Membuat Tabel Responsive dengan CSS

Sony Arianto Kurniawan

Bab 9 Menggunakan Tabel

Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8

Adapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah :

Cascading Style Sheet (CSS) Didik Dwi Prasetya

7 Cara Mempercantik Tampilan Blog

MODUL PELATIHAN PROGRAM MS. OFFICE EXCEL 2007 DISUSUN OLEH YAYASAN KURNIA

Membangun website dinamis berbasis PHP-mySQL (3)

Pemrograman Web WEEK 03 HTML LANJUT

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri


Cara Membuat website dengan Dreamweaver

P - 6 Bab 4 : HTML (Hypertext Markup Language)

CARA MEMBUAT BLOG MENGGUNAKAN WORDPRESS SECARA ONLINE

Abdullah hafidh. Fakultas Ilmu Komputer, Universitas Indonesia. [Membuat Web Sederhana dengan.net FrameWork. menggunakan Microsoft Visual Studio 2008]

EFEKTIVITAS MENGGUNAKAN MICROSOFT WORD 2007 DALAM MANAJEMEN PERKANTORAN

Web Programming (WP) Step 2 [ HTML & PHP BASIC]

1) Gunakan peralatan sesuai dengan fungsinya. 2) Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan.

Pokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen

MODUL KKPI Microsoft Word 2007

BAB VII Tabel. Susanto, S.Kom. Bab VII Tabel

Mencari Text 2) 3) KTI A : Week 02 (Pembuatan Dokumen)

LEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html :

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

PERTEMUAN I PENGENALAN SHEET

II. Bekerja dengan Microsoft Excel

- Hingga Muncul tampilan dan editor Frontpage sebagai berikut : Area Kerja. Menu Formatting. Layer Kerja

Pemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml

BAB V DESAIN WEB CSS

Membuat Simpel Site HTML Layout Menggunakan Tag div

LAMPIRAN. <table align="center" border="1" cellpadding="1" cellspacing="1" style="height: 600px; width: 1800px;"> <caption> <p> </p>

Halaman web dalam Internet Explorer dapat disimpan ke dalam file di komputer anda. Ini Bertujuan nantinya halaman web tersebut dapat dibuka kembali

CSS. inheritance (pewarisan)

Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.

Review Pemrograman Web I

Mengapa kita perlu menggunakan Mendeley?

Pertemuan IV. Semester 1

APLIKASI KOMPUTER. Pokok Bahasan : MS. WORD (BAGIAN 1) Anggun Puspita Dewi, S.Kom., MM. Modul ke: Fakultas MKCU

Desain Web. MODUL 2 Desain Form

TAG HTML LANJUT Tujuan Instruksional :

1, Doslan Damanik, S.Pd 2. I Nyoman Suwita, S.Pd 3. H. Sunyoto, S.Pd.,M.Si 4. Muhammad Zahri, S.Pd 5. Wiwik Lambang Wati, S.Pd

PemudaPemudi. Copyright From Created by ary212

Checkbox dengan Foreach dan MYSQL

MODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL

Ebook Panduan Pengoperasian Web Simpel

Modul ke: Aplikasi Komputer. Microsoft Word. Fakultas TEKNIK. Muhammad Rifqi, S.Kom, M.Kom. Program Studi. Ilmu Komputer.

Membuat situs sederhana dengan Dreamweaver *)

Modul ke: Aplikasi komputer. Microsoft Excel 2010 Bagian 1. 09Fakultas FASILKOM. Wardhana., S.Kom., S.T., MM. Program Studi MKCU

BAB 4. Mengatur Jarak Paragraf,Orientasi Halaman Dan Menyisipkan Tanggal

BAB III ANALISA DAN PEMBAHASAN

PETUNJUK PENGGUNAAN PENGISIAN SASARAN KERJA PEGAWAI DAN REALISASI SECARA ONLINE

BAB 6. Mencari Teks, Halaman, Menggabungkan Dokumen Dan Menggunakan Format Kolom

ULANGAN UMUM SEMESTER GASAL TAHUN

PANDUAN PENGGUNAAN MODUL KUISIONER

Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)

Membuat Layout Web Mengunakan Table

Analisa Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya.

Cara Mengelola Isi Halaman Web

Biro Teknologi & Sistem Informasi Universitas Kristen Satya Wacana

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL

Microsoft Word Oleh : Drs. Jul Anhari

1. Buka internet ekplorer (IE), pada address bar ketik : mail.yahoo.com, klik Sign up

PANDUAN PENGGUNAAN. Joomla! Versi 1.5. Oleh: Anon Kuncoro Widigdo

a. Menyiapkan database

Microsoft. Office 2007

Microsoft Words. Oleh : ANNISA RATNA SARI

Pengenalan Perancangan Web 2016

MEMBUAT WEB DENGAN WEBNODE

Cara membuat format nomor halaman berbeda dalam satu dokumen word Berikut ini adalah langkah-langkah pembuatannya:

Mendaftar ke Friendster

Transkripsi:

Panduan Membuat Website/ Landing Page dengan memanfaatkan Web Editor Gratisan Yola 1. Ketik di Browser internet anda http://yola.com Klik Get started Ketik Nama anda Ketik Email anda Ketik Email anda sekali lagi Klik Get started now Ketik Password yg baru

Pilih Personal Ketik Judul Web Anda Klik Next...

Pilih Free Styles Pilih salah satu Styles Klik Layout Pilih Layout sesuai bentuk web Anda

Klik Page Klik Delete Page Hapus 2 Page ini Klik Page yg mau dihapus Klik OK

Drag Icon Text Ketik Text seperti ini Drag Icon Picture jika ingin menyisipkan photo Icon yang ada disini sama dengan icon yg ada di microsoft word Untuk merubah ukuran dan warna huruf, blog dulu teks yang akan di rubah baru klik salah satu icon di atas Sekarang saatnya membuat Form Registrasi, Drag Icon HTML

Copy Paste HTML dibawah ini ke NotePade lalu ganti VID dengan VID Anda Lihat pada text yang berwarna merah : ( Kalo gak mau repot download saja form registrasi di http://vemmanggisindo.weebly.com anda tinggal ganti VID anda) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body id="sys_background"> <div class="container"> <div id="content"> <div style="margin: 0px; padding: 0px; width: 100%;" class="layout_1-column"> <div id="layout_row1"> <div style="margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; vertical-align: top; line-height: normal; min-width: 100px;" class="zone_top"> <div id="i6" style="display: block; clear: both; text-align: center;" class="html_default"> <div id="i6_html"> <div class="container"> <div id="content"> <div class="layout_1-column" style="margin: 0px; padding: 0px; width: 100%;"> <div id="layout_row1"> <div class="zone_top" id="sys_region_1"

style="margin: 0px; padding: 5px; vertical-align: top; line-height: normal; min-width: 100px;"> <div class="layout1_default" id="i67" style="margin: 0pt; display: block; clear: both;"> <table style="width: 100%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <td id="left_i67" style="text-align: left; vertical-align: top; width: 55.1963%;"> <div class="html_default" id="i74" style="display: block; clear: both; text-align: center;"> <div id="i74_html"> <div id="i9_html"> <div style="text-align: center;"> <div class="widget-content"> <center> <form action="http://www.vemmabuilder.com/948846905/wito" method="post" id="app106878476015645_form_4d3ee7debb3ba2a37812595"><input name="fb_sig_profile" value="110328749035821" type="hidden"><input name="fb_sig_is_admin" value="0" type="hidden"><input name="fb_sig_type" value="page" type="hidden"><input name="fb_sig_is_fan" value="1" type="hidden"><input name="fb_sig_locale" value="en_us" type="hidden"><input name="fb_sig_in_new_facebook" value="1" type="hidden"><input name="fb_sig_time" value="1295968222.7666" type="hidden"><input

name="fb_sig_added" value="0" type="hidden"><input name="fb_sig_country" value="my" type="hidden"><input name="fb_sig_page_id" value="110328749035821" type="hidden"><input name="fb_sig_page_added" value="1" type="hidden"><input name="fb_sig_api_key" value="0bb5ab00c466eefc94389724799844a1" type="hidden"><input name="fb_sig_app_id" value="106878476015645" type="hidden"><input name="fb_sig" value="19b9acb9b6e204f8a79bc3f5526641cb" type="hidden"> <table bordercolordark="#ffffff" bordercolorlight="#ffffff" class="formfont" style="width: 430px; height: 163px;" align="center" bordercolor="#ffffff" cellpadding="0" cellspacing="0" width="350"> <tbody> <td class="formfont" width="144">nama Depan</td> <td class="item" width="181"><input name="surveyfirstname" size="25" maxlength="50" value="" align="left" type="text"></td> <td class="formfont">nama Belakang</td>

<td class="item"><input name="surveylastname" size="25" maxlength="50" value="" align="left" type="text"></td> <td class="formfont">phone:</td> <td class="item"><input name="surveyphone" size="25" maxlength="30" value="" align="left" type="text"></td> <td class="formfont">e-mail:</td> <td class="item"><input name="surveyemail" size="25" maxlength="50" value="" align="left" type="text"></td> <td class="formfont">confirm E-Mail:</td> <td class="item"><input name="surveyconfirmemail" size="25" maxlength="50" value="" align="left" type="text"></td> <td class="formfont">negara Asal</td> <td class="item"> <select name="surveycountry" class="formfont"> <option value="">pilih Negara</option>

<option value="1">united States</option> <option value="12">australia</option> <option value="13">austria</option> <option value="36">canada</option> <option value="78">germany</option> <option value="98">indonesia</option> <option value="99">ireland</option> <option value="103">japan</option> <option value="123">malaysia</option> <option value="147">new Zealand</option> <option value="163">philippines</option> <option value="183">singapore</option> <option value="184">slovenia</option> <option value="197">taiwan</option> <option value="213">united Kingdom</option> </select> </td> <td class="formfont">pilih extra income yang di inginkan</td> <td class="item"> <select name="surveyincomegoal" class="formfont"> <option value="">pilih salah satu</option> <option value="0">less than $1,000 per month</option> <option value="1">$1,000 per month</option> <option value="2">$3,000 per month</option>

<option value="3">$5,000 per month</option> <option value="4">$10,000 per month or more</option> </select> </td> </tbody> </table> <div align="center"> <p><font color="#9966ff"><input onclick="exit=false" name="surveysubmit" value="daftar Gratis" type="submit"></font></p> </form> </center> </td> </tbody> </table>

</body> </html> Setelah VIDnya diganti dengan VID Anda, barulah anda Copy Paste ke kolom dibawah ini : Copy Paste HTML di ruangan ini Klik Save

Ini Hasilnya Klik Publis jika webnya sudah selesai

Ketik nama web anda disini, dan perhatikan ketersediaannya Klik Next Klik link web anda

Ini adalah langkah dasar dalam membuat website/ LandingPage Untuk pengembangan ke arah yang lebih bagus lagi silahkan kembangkan sendiri.. Semoga Panduan Ini Bermanfaat Regards Lekat Diamond Leader