CARA MEMBUAT WEBSITE SEDERHANA
|
|
- Hartanti Sasmita
- 6 tahun lalu
- Tontonan:
Transkripsi
1 CARA MEMBUAT WEBSITE SEDERHANA Gunawan Effendi gunawan :: Abstrak Cara membuat website mungkin bisa dibilang bukan hal yang sulit bahkan cukup mudah untuk para webmaster (pembuat website). Namun bagaimana dengan temanteman kita yang baru saja 'terjun' di dunia blogging? apakah mereka juga menganggap Cara Membuat Website adalah hal yang mudah? tentu tidak bukan, atas dasar itulah saya akan mencoba menjelaskan tahap demi tahap Bagaimana Cara Membuat Website dari Dasar atau Awal untuk para Pemula tentunya. Kata Kunci: membuat website sederhana Pendahuluan Dengan mengetahui cara membuat web sederhana tentu akan sangat berguna bagi pemula yang ingin membuat website untuk pertama kali. Pembahasan Tenang saja, Cara Membuat Web yang akan saya berikan ini tidak akan banyak memakan waktu Anda, karena sesuai judul yang saya buat Cara Membuat Website ini akan saya berikan tahap-tahap membuat website secara sederhana.
2 Disini saya akan membagi Tutorial Membuat Website ini menjadi 2 Bagian. 1. Cara Membuat Website. 2. Cara Upload File ke Website Menggunakan FTP. Kedua Cara diatas akan saya jelaskan dengan bahasa yang sesederhana mungkin. Jadi untuk Anda yang benar-benar buta akan Website mampu mengikuti Tutorial Membuat Website ini dengan Mudah. 1. Cara Membuat Website Sebelum membuat website, hal yang harus Anda persiapkan adalah Hosting + Domain. Jika Anda bingung apa itu Hosting, maka kita bisa mengibaratkan Hosting itu ibarat Rumah untuk menyimpan barang-barang (file) dan Domain ibarat Nama Jalannya, agar pengunjung bisa berkunjung. Untungnya hampir semua penyedia layanan website sekarang ini sudah menyediakan paket lengkap, yaitu mereka sudah menyiapkan Hosting dan Domain menjadi satu, jadi pesan Hosting dapat gratis Domain. Karena kita mencari yang gratis jadi kita tidak akan dapat Domain, melainkan hanya akan mendapat SubDomain (semacam blogspot.com atau wordpress.com). Untuk Cara Membuat Website. 1. Kunjungi situs penyedia Layanan pembuatan Website, disini akan saya beri contoh menggunakan situs penyedia layanan yang cukup populer di Indonesia, yaitu IDHostinger. Langsung saja kunjungi 2. Setelah terbuka, selanjutnya klik Buat Akun. Letaknya ada di pojok kanan atas, dekat form login.
3 3. Di halaman ini Anda diwajibkan mengisi. Nama, dan Password Anda. Isikan sesuai tempatnya. Jangan lupa centang, Saya setuju dengan Ketentuan Penggunaan Layanan. 4. Selanjtunya, kita buka Tab Baru dan masuk ke kita, untuk mengaktivasi Akun kita. Nanti ada dua dari yang dikirim oleh IDHostinger, Anda lihat saja yang pertama atau yang paling bawah.
4 Tingal Anda klik atau salin link tersebut ke Address Bar dan klik Enter. 5. Disini kita akan diberi pilihan Paket Hosting yang akan kita pakai nanti untuk Membuat Website. Karena kita hanya akan Membuat Web untuk Belajar saja, maka kita Order saja yang Paket Gratis. 6. Kalau diatas kita sudah memesan Hostingan makan setelah itu kita akan diberi hadiah SubDomain. Untuk SubDomainnya ada banyak pilihan, silahkan Anda pilih yang paling cocok atau sesuai dengan selera Anda. Lalu klik Buat.
5 7. SubDomain + Hosting Anda akan dibuat, jadi tunggu hingga muncul pemeberitahuan 'Akun telah dibuat 100%' di pojok kanan bawah. Selanjutnya, silahkan Anda klik Lihat Hasil. 8. Dari sini kita sudah berhasil membuat akun untuk membuat Websitenya, namun kita belum memesan Hosting + SubDomain atau dengan kata lain suah berhasil Mendaftar/Membuat Website. Namun kita harus melanjutkan untuk mengisi website kita dengan Artikel atau File. Caranya dengan mengklik tombol Kelola.
6 9. Maka Anda akan dibawa ke Cpanel (Control Panel). Disinilah tempat Anda mengatur segala sesuatu yang berkaitan dengan website Anda. Mulai dari : Menambah Subdomain Parkir Domain Impor Website Impor Database Mengatur Halaman Error Dan masih banyak lagi. Namun kita tidak akan membahas fitur-fitur yang ada di Cpanel ini (butuh watu berhari-hari). Tujuan kita masuk Cpanel adalah untuk mengambil Data mengenai : 'Nama pengguna'. Lihat dan silahkan Anda Catat (kalau bisa dikertas atau buku).
7 2. Cara Upload File ke Website Menggunakan FTP Untuk mengupload suatu file kedalam Website atau lebih tepatnya kedalam Hosting (rumah) sebenarnya cukup mudah, yaitu cukup dengan mengklik File Manajer dan tinggal Anda pilih file yang akan Anda Upload. Tapi yang jadi masalah bagaimana jika kita ingin mengupload file kedalam Hosting saat kita menggunakan HandPhone? tentu kita tidak mungkin masuk File Manajer yang ada disediakan IDHostinger, karena ada beberapa Javascript yang harus dijalankan, dan itu tidak mungkin dijalankan di browser Handphone (operamini / ucbrowser). Maka dari itu, disini kita akan meminta bantuan FTP. FTP Online ini fungsinya menjadi perantara, Antara file yang akan kita upload dengan Hosting yang sudah kita pesan tadi (tanpa melalui file manajer). Disini saya akan memberikan screenshotnya dari tampilan PC, tapi sebenarnya sama persis tampilannya antara di PC dan Handphone. Untuk Upload filenya mealalui FTP Online tentunya kita harus memilih 1 dari ribuan FTP Online yang ada di Internet, disini saya memutuskan untuk memilih Net4India karena sudah support https dan yang terpenting adalah sangat HandPhone Friendly (nyaman dan tidak terlalu berat jika dibuka melalui hp). Sekarang, langkah-langkah Cara Upload File ke Website atau Hosting menggunakan FTP Online.
8 1. Buka Tadi sebelumnya saya mengingatkan Anda untuk mencatat 'Nama pengguna' bukan? gunanya untuk mengisi Login Panel di FTP ini. Ada tiga form yang harus Anda isi. FTP server Username Password : Isikan Nama Domain Anda : Isikan Nama Pengguna : Isikan Password Setelah semua terisi silahkan Anda klik Login. * yang dimaksud password disini adalah password saat Anda mengisi SubDomain, jadi bukan password saat Anda membuat akun IDHostinger.
9 2. Setelah klik Login, maka Anda akan masuk kedalam direktori root Centang filenya dan pilih Delete. Lalu pilih Submit, dan klik Back untuk kembali ke public_html. Langkah selanjutnya tinggal kita upload file kita? tapi file apa yang akan kita upload? jangan kuatir disini saya akan memberikan script / kode html untuk membuat halaman depan website, kode ini bukan buatan saya melainkan buatan master problogiz, yang juga sudah valid HTML5. Langsung saja ini dia kodenya. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>page Title</title> <!-- meta tags --> <meta name="keywords" content=""> <meta name="description" content=""> <!-- stylesheets --> <style>
10 /* ~~~~~~~~~ layout ~~~~~~~~~~ */ #container {width: 960px;margin: 20px auto;background: 30px;overflow: hidden;} #fff;padding: /* ~~~~~~~~~ header ~~~~~~~~~~ */ #main-navigation {border-bottom: 5px solid #3942A3;margin: 20px 0;} #main-navigation ul {overflow: hidden;width: 100%;list-style: none;font-size: 1.6em;}#main-navigation li {float: left;} #main-navigation li a {background: #3972A3;margin: 0 5px 0 0;padding: 5px 30px;display: block;color: #000000;text-decoration: none;} #main-navigation li.current a {background: #666;} #main-navigation li a:hover {background: #777; } /* ~~~~~~~~~ article ~~~~~~~~~~ */ article {width: 100%;overflow: hidden;} section {float: left;width: 500px;} /* ~~~~~~~~~ aside ~~~~~~~~~~ */ aside {float: right;width: 310px;} /* ~~~~~~~~~ footer ~~~~~~~~~~ */ footer {width: 840px;margin: 20px auto;font-size: 1.4em;text-align: right;} /* ~~~~~~~~~ common ~~~~~~~~~~ */ body, select, input, textarea {font: 0.625em/1.4 tahoma, verdana, arial, helvetica, sans-serif;color: #333;} body {background: #ccc;}
11 h1 {font-weight: normal;color: #666;font: 3.2em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0 0;} h2 {font-weight: normal;color: #666;font: 2.4em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0; } section p, section ul, section ol, aside p, aside ul, aside ol {font-size: 1.4em;margin: 1em 0;} section ul {margin-left: 1em;} section ol {margin-left: 1.4em;} /* ~~~~~~~~~ generic ~~~~~~~~~~ */ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;} img {vertical-align: bottom;} img, fieldset {border: 0;} html {overflow-y: scroll;} header, nav, section, article, figure, aside, footer {display: block;} </style> <!-- javascript --> <script src="js/jquery min.js"></script> <!--conditional--> <!--[if IE]> <script src="js/html5.js"></script> <![endif]--> </head> <body class="home">
12 <div id="container"> <header id="page-header"> <h1>judul Blog</h1> <nav id="main-navigation"> <ul> <li class="current"><a href="#">home</a></li> <li style="color: red;"><a href="#">about</a></li> <li><a href="#">menu</a></li> <li><a href="#">portfolio</a></li> <li><a href="#">contact</a></li> </ul> </nav> </header> <article id="page-content"> <section> <hgroup> <h2>pemahaman HTML5</h2> <h2>demo HTML5 Template</h2> </hgroup> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac iaculis erat. Maecenas id fermentum odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p> <h2>html 5 Item</h2> <ul> <li>lorem ipsum dolor sit amet</li> <li>lorem ipsum dolor sit amet</li> <li>lorem ipsum dolor sit amet</li> </ul>
13 <ol> <li>lorem ipsum dolor sit amet</li> <li>lorem ipsum dolor sit amet</li> <li>lorem ipsum dolor sit amet</li> </ol> </section> <aside> <h2>artikel Terkait</h2> <p>aliquam id lorem ac tellus fringilla bibendum et at turpis. In ut auctor justo. Integer ac quam sed est semper hendrerit.</p> </aside> </article> </div> <footer> Footer </footer> </body> </html> Pertama Anda copy dahulu seluruh script diatas, selanjutnya paste kan kedalam aplikasi moby explorer (ini yang biasa saya pakai kalau mengedit text di hp) atau Anda bisa juga menggunakan editor yang gratis lainya, edit yang perlu diedit setelah selesai di edit save dengan nama index.html (tulis persis dengan apa yang saya tulis, jangan diganti Index.html atau ind3x.html)
14 3. Setelah Anda save sekarang saatnya Anda upload, caranya mudah saja, klik Upload. Dan selanjutnya pilih Choose File (ada 2 tulisan choose file, anda pilih yang atas karena itu nanti file yang diupload tidak akan dikompres / meminimalisir file rusak). Dilanjut dengan mengklik tombol Submit. Jika muncul tulisan : Checking files: File index.html is OK Transferring files to the FTP server: File index.html has been transferred to the FTP server using FTP mode FTP_ASCII Berarti file sukses diupload, itu artinya kita sudah berhasil mengubah halaman depan Website yang kita buat. Kalau tidak percaya cek saja Website Anda. Ini screenshot halaman depan Website saya yang index.html-nya menggunakan kode diatas.
15 Penutup Bisa disimpulkan dalam Membuat Website, singkatnya hanya diperlukan [ Hosting - Domain / SubDomain - index.html / index.php ] hanya dengan ketiga unsur ini, bisa dikatakan kita sudah berhasil membuat suatu website. Semoga saja, Cara Membuat Website yang saya tuliskan ini dapat bermanfaat untuk Anda yang ingin belajar membuat website. Akhir kata saya ucapkan terimakasih sudah berkunjung dan bersedia membaca artikel Cara Membuat Website Sederhana. Referensi
16 Biografi Nama saya Gunawan Effendi saat ini kuliah di RAHARJA jurusan Sistem FOTO Informasi dan berkonsentrasi Sistem Informasi Manajemen. Saya bekerja di PT Angkasa Pura II (Persero). Hobi saya adalah olahraga terutama airsoft gun dan hiking. Kalian bisa menguhubungi saya di
Cara Upload File Ke Website Menggunakan FTP
Cara Upload File Ke Website Menggunakan FTP Nopran Diansyah nopran_diansyah@yahoo.com Abstrak Untuk mengupload suatu file kedalam Website atau lebih tepatnya kedalam Hosting (rumah) sebenarnya cukup mudah,
Lebih terperinciCara Membuat Website. Heni Handayani. Abstrak. Pendahuluan. ::
Cara Membuat Website Heni Handayani Henihandayani61@yahoo.com :: http://penulis.com Abstrak Website adalah sejumlah halaman web yang memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas
Lebih terperinciSyntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.
Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya
Lebih terperinciTUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik
TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik www.ilmuwebsite.com Bagian 18. Lebih Dalam Bekerja dengan CSS 1 Bagian
Lebih terperinci2011 Ahmad Amarullah
1 Silabus Mata Kuliah Program Studi : Sistem Informasi Kode Mata Kuliah : Nama Mata Kuliah : Komputer Aplikasi IT ( XHTML & CSS ) Jumlah SKS : 2 SKS Semester : 1 Deskripsi Mata Kuliah : Mata kuliah ini
Lebih terperincifm_iqbal
Cisco Packet Tracer : Configuring Servers fm_iqbal faiqmuhammadiqbal@gmail.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan
Lebih terperinciMEMBUAT WEBSITE SEDERHANA DENGAN HTML 5
MEMBUAT WEBSITE SEDERHANA DENGAN HTML 5 NELI WIDI ASTUTI Neliwidiastuti97@gmail.com Abstrak Pada kesempatan ini saya akan mencoba menjelaskan tentang membuat website sederhana dengan HTML 5 dan CSS 3,
Lebih terperinciBelajar Dasar HTML 5. It s all about 4rt, not how smart you are. S u p p o r t e d b y : [ C y b e r 4 r t C r e w ]
Belajar Dasar HTML 5 S u p p o r t e d b y : [ C y b e r 4 r t C r e w ] [ H I G r o u p o n F a c e b o o k ] r00t@cyber4rt:~# It s all about 4rt, not how smart you are [ H I F a n s P a g e ] 1 1 / 2
Lebih terperincimembuat website dengan bootstrap v3.0.0
membuat website dengan bootstrap v3.0.0 Oleh: reski hamsah Belakangan ini, bootstrap telah merilis versi terbarunya dengan berbagai tawaran menarik mulai dari desain, fitur, dan customizer terbaru untuk
Lebih terperinciTUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah
TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 7. Membuat Data Pagination Menggunakan
Lebih terperinciTIP 8. Gambar 8.1. Tidak perlu lagi menggunakan Driver Adobe PDF untuk cetak dalam bentuk PDF
TIP 8 KONVERSI KE PDF Jika selama ini untuk bisa menyimpan halaman web ke dalam PDF dibutuhkan driver printer dari Adobe PDF, kini Anda dan pengunjung blog tidak lagi memerlukannya. Karena telah tersedia
Lebih terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciMembuat Scrollspy Dengan Bootstrap
Membuat Scrollspy Dengan Bootstrap Oleh: Hasyemi Rafsanjani Asyari Hai JagoCodingers. Apa kabar? Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat
Lebih terperinciBu 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
Bu k u Ma n u a l Web Si t e SK PD 2016 Pem er i n t a h K a b u pa t en Ma l a n g Situs web Satuan Kerja Perangkat Daerah Pemerintah Kabupaten Malang didesain untuk bisa dirubah atau diupdate secara
Lebih terperinciMembuat toko online. (www.namatokoanda.com) ( sudah termasuk design + domain(.com/.net/.org) + hosting + ) di MarketYeah.com
Membuat toko online (www.namatokoanda.com) hanya Rp150rb ( sudah termasuk design + domain(.com/.net/.org) + hosting + email ) di MarketYeah.com CONTOH TAMPILAN TOKO ONLINE Halaman Toko Halaman Produk www.tokosuper.com
Lebih terperinciCara Mendapatkan Hosting dan Domain Gratis.
DhikaDwiPradya.com Dari waktu ke waktu, pengguna internet di dunia terus bertambah seiring perkembangan teknologi yang begitu canggih. Hal ini menjadi potensi yang sangat besar bagi seseorang dalam mengembangkan
Lebih terperinciKAJIAN 3 Web Responsive
KAJIAN 3 Web Responsive Modul 10 Pengantar Web Responsive Modul 11 Perancangan Web Responsive 73 KAJIAN 3 Web Responsive MODUL 10 Pengantar Web Responsive 10.1. TUJUAN Mengetahui dan memahami dasar perancangan
Lebih terperinciAdministrasi Website Berbasis CPanel Hosting
Administrasi Website Berbasis CPanel Hosting Disusun oleh: Agus Suhartono 2 Daftar ISI DAFTAR ISI...3 PENDAHULUAN...5 PETA JALAN...5 DOMAIN DAN HOSTING...7 MEMULAI CPANEL...9 LOGIN KE DALAM CPANEL...9
Lebih terperinciBeberapa Cara Upload Website ke Hosting Server
1 P a g e Beberapa Cara Upload Website ke Hosting Server Assalam, berikut kita jelaskan cara upload website ke hosting, Setelah selesai mendesain dan membuat website secara offline, langkah selanjutnya
Lebih terperinciCSS. inheritance (pewarisan)
{CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css
Lebih terperincicleansy Documentation Rilis latest
cleansy Documentation Rilis latest Agt 04, 2017 Pengaturan Dasar 1 Optimasi Dasar 3 1.1 Aktifkan Preferensi Penelusuran..................................... 3 1.2 Membuat Paragraf Baru.........................................
Lebih terperinciE-commerce Development Berbasis Wordpress
E-commerce Development Berbasis Wordpress P A R T 2 A / 4 w w w. v e r o n i c a s t e v a n y. c o m w w w. g r a p h i c b y v e s t e. c o m PAGE 2 Pendahuluan WordPress merupakan sebuah CMS (Content
Lebih terperinciLANGKAH DEMI LANGKAH MEMBANGUN WEBSITE GRATIS DI
LANGKAH DEMI LANGKAH MEMBANGUN WEBSITE GRATIS DI DIPERSEMBAHKAN OLEH http://www.klikabadi.com Dipersembahkan Oleh : http://www.klikabadi.com 1 KATA PENGANTAR Mempunyai website sendiri merupakan suatu kebanggaan
Lebih terperinciHTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web
HTML ( HyperText Markup Language) Mata Kuliah : Pemrograman Berbasis Web Pertemuan 2 Oleh : Nufan Balafif html (hypertext markup language) Adalah bahasa pemrograman Web (client) yang dikhususkan untuk
Lebih terperinciTutorial Layouting CSS Part 1
Tutorial Layouting CSS Part 1 Oleh: Cecep Yusuf Pada tutorial kali ini, mari kita belajar tentang layouting HTML dengan CSS, sebenarnya tutorial ini bersumber dari artikel saya juga di situs harian.cheyuz.com,
Lebih terperinciPenulis :
Daftar Isi Dasar-Dasar HTML Cara Membuka Notepad dan Structure Dasar HTML 1 Heading dan Cara Menyimpan dengan Ekstensi HTML 4 Basic HTML Code 6 Style 11 Formating 18 Dasar Dasar HTML Cara Membuka Notepad
Lebih terperinciXHTML dan Dasar-dasar CSS XHTML
XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language
Lebih terperinci2.1 Instalasi Joomla Secara Lokal
Instalasi Joomla Sebelum belajar membuat web, kita perlu menginstal perangkat lunak yang dibutuhkan oleh Joomla. Sebenarnya Anda dapat menginstal perangkat lunak komponen Joomla secara terpisah, tetapi
Lebih terperinciPanduan E-Learning Untuk Dosen S2 S1 D-IV DIII
Panduan E-Learning Untuk Dosen S2 S1 D-IV DIII YAYASAN PENDIDIKAN DAN SOSIAL HELVETIA (EDISI REVISI) PANDUAN TM ONLINE A. Cara Mengakses Situs E-Learning Langkah pertama adalah menjalankan Internet Browser.
Lebih terperinciMEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP
MEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP NURLITA nurlita.icha@gmail.com Abstrak Kali ini kita akan membahas cara membuat layout dengan container bootstrap. Bootstrap adalah suatu framework front-end yang
Lebih terperinciMembangun website dinamis berbasis PHP-mySQL (3)
Membangun website dinamis berbasis PHP-mySQL (3) Agus Subardjo multigraphica@yahoo.com http://multigraphica.com Lisensi Dokumen: Copyright 2011-2015 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com
Lebih terperinciPUBLIKASI WEBSITE. Mata kuliah Aplikasi IT 1 Jurusan Teknik Informatika - UNIKOM
PUBLIKASI WEBSITE Mata kuliah Aplikasi IT 1 Jurusan Teknik Informatika - UNIKOM Materi Mempublikasikan website ke internet Menggunakan webhosting gratis Mempublikasi Website Ke Internet Bersifat online
Lebih terperinciMateri 9 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya
Materi 9 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar Memahami perkembangan HTML5.
Lebih terperinciPenjelasan Singkat Tentang HTML 5
Penjelasan Singkat Tentang HTML 5 HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciTUTORIAL RUBY ON RAILS
TUTORIAL RUBY ON RAILS TEKNIK INFORMATIKA-UNIV.NASIONAL Oleh: Slamet nurhadi 083112706450100 UNIVERSITAS NASIONAL DAFTAR ISI: 1. MEMBUAT PROYEK BARU DENGAN SETINGAN DATABASE MySQL 2. MEMBUAT HALAMAN WEB
Lebih terperinciMisalnya
1. Apa Itu CPANEL? cpanel/whm adalah salah satu aplikasi control panel hosting yang paling popular. Banyak perusahaan hosting menawarkan/menggunakan aplikasi ini. Dengan aplikasi control panel hosting,
Lebih terperinciPertanyaan yang sering muncul di benak orang-orang yang ingin membuat website (mungkin Jamaah IKMI juga termasuk) adalah: harus mulai dari mana?
Pendahuluan Pertanyaan yang sering muncul di benak orang-orang yang ingin membuat website (mungkin Jamaah IKMI juga termasuk) adalah: harus mulai dari mana? Biar kami beritahu sedikit rahasia: Jamaah IKMI
Lebih terperinciP - 5 Bab 4 : HTML (Hypertext Markup Language)
P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep
Lebih terperinciLAMPIRAN. Pada tahap ini kita akan membahas tentang bagaimana. meng-upload Joomla dari localhost ke hosting IdHostiger.
LAMPIRAN - Hosting Website Pada tahap ini kita akan membahas tentang bagaimana meng-upload Joomla dari localhost ke hosting IdHostiger. Langkah-langkahnya sebagai berikut : 1. Siapkan folder web yang akan
Lebih terperinciPemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml
PRAKTIKUM 3 CSS TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml MATERI Sintaks CSS, cara memakai CSS, jenis-jenis selektor, satuan ukuran, satuan warna, properti
Lebih terperinciPUBLIKASI WEBSITE. Materi. Bagaimanakah suatu website dapat dilihat oleh. Tentu saja jawabannya website tersebut harus sudah bersifat ON-LINE 1/9/2010
PUBLIKASI WEBSITE Mata kuliah Aplikasi IT 1 Jurusan Teknik Informatika - UNIKOM Materi Bagaimanakah suatu website dapat dilihat oleh pengguna na internet? Tentu saja jawabannya website tersebut harus sudah
Lebih terperinciTriswansyah Yuliano
Mendesain Menu dengan CSS Triswansyah Yuliano triswansyah_yuliano@yahoo.com http://triswan.wordpress.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
Lebih terperinciBuku Panduan Manajemen Website Dengan Themes Elevate
Buku Panduan Manajemen Website Dengan Themes Elevate Web sample : http://radiobolaindo.com/ Akun Website : By Email (Private) 1. Mengakses Halaman Utama Untuk mengakses halaman utama website Anda, silahkan
Lebih terperinciKomunikasi Multimedia
Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id
Lebih terperinciCSS Eksternal. Instruktur: Arif Nurwidyantoro
CSS Eksternal Instruktur: Arif Nurwidyantoro Definisi CSS, selain diletakkan dalam file yang sama dengan file HTML, dapat juga diletakkan pada file terpisah. Pernyataan untuk menyambungkan file HTML dengan
Lebih terperinciPanduan E-Learning Untuk Mahasiswa
Panduan E-Learning Untuk Mahasiswa STMIK & AMIK LOGIKA 2011 (EDISI REVISI) Copyright : STMIK & AMIK LOGIKA Halaman 1 dari 10 PANDUAN TM ONLINE A. Cara Mengakses Tutorial Online Langkah pertama adalah menjalankan
Lebih terperinciTutorial CSS Desain Layout 1 Dengan HTML5 dan CSS
Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS Oleh: Ardie Jocong pada tutorial ini saya akan mencoba menjelaskan Bagaimana Membuat Desain Layout Website dengan Menggunakan HTML5 dan CSS.. Okeh Langsung
Lebih terperinci[AN _ AY ] October 10, 2010 DAFTAR DOMAIN GRATIS DI CO.CC...2 PENDAFTARAN HOSTING GRATIS DI IDHOSTINGER...7
Daftar Isi DAFTAR DOMAIN GRATIS DI CO.CC...2 PENDAFTARAN HOSTING GRATIS DI IDHOSTINGER...7 UPLOAD SCRIPT WEBSITE KE HOSTING...13 UPLOAD DATABASE...15 LANGKAH-LANGKAH EXPORT DATABASE...15 LANGKAH-LANGKAH
Lebih terperinciDesain Web. MODUL 2 Desain Form
1 MODUL 2 Desain Form A. TUJUAN 1. Mampu membuat form dalam HTML 2. Mampu menggunakan input dalam HTML 3. Mampu menggunakan select dalam HTML 4. Mampu menggunakan textarea dalam HTML B. PETUNJUK 1. Awali
Lebih terperinciPANDUAN PENGGUNAAN. Joomla! Versi 1.5. Oleh: Anon Kuncoro Widigdo
PANDUAN PENGGUNAAN Joomla! Versi 1.5 Oleh: Anon Kuncoro Widigdo anonkuncoro@yahoo.com Kendari 2009-2010 MODUL I Pendahuluan Joomla adalah sebuah aplikasi sistim manajemen konten atau Content Management
Lebih terperinciDesign Web Dengan 2 Kolom
Design Web Dengan 2 Kolom Muh Hasan Tanjung recosmic@gmail.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial
Lebih terperinciBAB V DESAIN WEB CSS
BAB V DESAIN WEB CSS A. KOMPETENSI DASAR Memahami konsep dan strategi desain web yang rapi berbasis HTML dan CSS/CSS3. Mampu mengoptimalkan fitur-fitur CSS dalam desain web. Mampu memanfaatkan pendekatan
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur
Lebih terperinciLEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html :
LEMBAR KERJA PRAKTIKUM Nim : 13-1401-164 Hari / Tgl TTD Asisten Nama Kelas : Muh. Idrus : DK-13 Mata kuliah : Pemrograman Web I Materi : JavaScript - JavaScript Alert yang ditampilkan browser saat membuka
Lebih terperinciCara Upload Website Ke Internet
Cara Upload Website Ke Internet Halo :). kali ini saya akan berbagi tentang cara upload website agar website yang kita buat dapat di akses online melalui internet. diantara teman teman ada yang masih bingung,
Lebih terperinciKONFIGURASI MAIL SERVER DENGAN MERCURY
KONFIGURASI MAIL SERVER DENGAN MERCURY SETTING MAIL SERVER (MERCURY) XAMPP sampai saat ini masih umum digunakan sebagai web server dan database server, padahal sesunggunhnya xampp memiliki empat komponen
Lebih terperinciMENGUPLOAD WEBSITE KE SERVER HOSTING
MENGUPLOAD WEBSITE KE SERVER HOSTING Ini merupakan Langkah langkah untuk mengupload web ke dalam server hosting. Tolong dicermati cara caranya. Bagi yang belum tau caranya, berikut ini panduannya Paling
Lebih terperinciMembangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE
Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE Langkah-langkah membuat web statis 1. Pastikan bahwa server localhost sudah berjalan. Untuk Windows biasanya menggunakan Xampp for
Lebih terperinciLampiran 1 Tampilan client. Lampiran 2 Tampilan server
LAMPIRAN Lampiran 1 Tampilan client Lampiran 2 Tampilan server Lampiran 3 Tampilan saat melakukan koneksi pada client Lampiran 4 Tampilan saat melakukan koneksi pada server Lampiran 5 Contoh pengiriman
Lebih terperinciMODUL 1 DASAR-DASAR HTML
MODUL 1 DASAR-DASAR HTML RINGKASAN Dalam praktikum kali ini, Anda akan mempelajari penggunaan dari beberapa tag dasar yang hampir akan selalu digunakan dalam setiap praktikum Anda nantinya. Perhatikan
Lebih terperinciMembuat Duplikasi Form dengan Jquery (Dynamic Form)
Membuat Duplikasi Form dengan Jquery (Dynamic Form) Oleh: Dimas Agung Noviyanto Membuat dynamic field mungkin bukan hal baru bagi seorang web programmer, field inputan yang dapat ditambah maupun di hapus
Lebih terperinciCSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM
CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM CSS Cascading Style Sheet Bahasa yang digunakan untuk mengatur tampilan dan format dari dokumen markup (HTML) CSS didesain untuk memisahkan antara dokumen yang mendeskripsikan
Lebih terperinciTUTORIAL CONTENT MANAGEMENT SYSTEM WEB HOSTING JOOMLA
TUTORIAL CONTENT MANAGEMENT SYSTEM WEB HOSTING JOOMLA Pada tutorial ini, akan dijabarkan langkah per langkah untuk meng-hosting web Joomla Anda dari komputer lokal ke web hosting gratis di Internet. Tutorial
Lebih terperinciREKAYASA WEB SESI - 2 Dosen : Tri Ari Cahyono, S.Kom, M.Kom
REKAYASA WEB SESI - 2 Dosen : Tri Ari Cahyono, S.Kom, M.Kom ------------------------------------------------------------------------------ INSTALASI AURACMS Download terlebih dahulu file script AuraCMS
Lebih terperinciDomain & Hosting 2. Wisnu Hera
2015 Domain & Hosting 2 Wisnu Hera Aktifasi Hosting & Domain Baru Proses pendaftaran akun hosting dan pemanfaatan domain gratis untuk mendapatkan akses ke layanan hosting publik. Dalam contoh ini menggunakan
Lebih terperinciEbook Panduan Pengoperasian Web Simpel
Ebook Panduan Pengoperasian Web Simpel Daftar isi : Login ke halaman admin Ganti password website Membuat halaman baru Menghapus menu / halaman 4 Memasukan gambar 5 Masukan / embed video dari Youtube 6
Lebih terperinciDAFTAR ISI... 2 PENDAHULUAN... 6 PERANGKAT YANG DIBUTUHKAN... 7 CARA MEMBUKA SITUS a. Aktivasi Akun Operator b. Login Akun Operator...
Halaman 1 Halaman 2 DAFTAR ISI DAFTAR ISI... 2 PENDAHULUAN... 6 PERANGKAT YANG DIBUTUHKAN... 7 CARA MEMBUKA SITUS... 8 a. Aktivasi Akun Operator... 9 b. Login Akun Operator... 12 c. Lupa Password... 13
Lebih terperinciTUTORIAL APLIKASI WEB Dengan PHP dan MySQL
TUTORIAL APLIKASI WEB Dengan PHP dan MySQL Tutorial Aplikasi Web Dengan PHP dan MySQL A. DASAR TEORI PHP merpakan bahasa pemrograman yang sangat popular dalam pengembangan website dewasa ini, pada dasarnya,
Lebih terperinciPrak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com
Prak. E-Bussiness & E-Commerce HTML (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Pendahuluan HTML adalah sebuah bahasa markup yang digunakan untuk membuat
Lebih terperinciPanduan E-Learning Untuk Mahasiswa S2 S1 D-IV DIII
Panduan E-Learning Untuk Mahasiswa S2 S1 D-IV DIII YAYASAN PENDIDIKAN DAN SOSIAL HELVETIA (EDISI REVISI) PANDUAN TM ONLINE A. Cara Mengakses Situs E-Learning Langkah pertama adalah menjalankan Internet
Lebih terperinciHTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Lebih terperinciLangkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna
Dalam tutorial cara membuat form login dengan PHP dan MySQL, kita akan belajar membuat halaman login untuk website dengan menggunakan PHP Session. Tutorial ini merupakan tutorial tingkat dasar, sederhana
Lebih terperinci6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
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 HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
Lebih terperinciPanduan Installasi Script Toko Plus v.4.2 (Rilis tgl 20 Juli 2013 dari Opencart )
(Rilis tgl 20 Juli 2013 dari Opencart 1.5.1.3) 1. Installasi a. Proses Upload ke Hosting 1) Ekstrak script di komputer anda. Gunakan password yang diberikan untuk mengekstrak. 2) Arsip kembali file hasil
Lebih terperinciCSS (Cascading Style Sheets)
CSS (Cascading Style Sheets) Instruktur: Arif Nurwidyantoro Intro Cascading Style Sheets (CSS) digunakan untuk mendefinisikan bagaimana sebuah elemen HTML ditampilkan. Sebuah elemen HTML dapat ditampilkan
Lebih terperinciMODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04B CSS : Layout dan Posisi
Lebih terperinciWebsite : Mobile : Twitter
I Website : www.jasaplus.com Mobile : 082227937747 Twitter : @ringlayer Email: ringlayer@gmail.com jasapluscom@yahoo.com Manual Penggunaan Jinvoice Daftar Isi 1. Pengantar 2. Login ke Akun Cloud Jinvoice
Lebih terperinciCara Upload Website ke Internet
Cara Upload Website ke Internet Hamzah Hartono Hmzh_ic@yahoo.com Abstrak Saat ini Internet sudah banyak bisa dinikmati dimanapun dan oleh siapapun. Untuk saat ini sudah banyak orang yang menggunakan internet
Lebih terperinciPemrograman Web Week 2. Team Teaching
Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting
Lebih terperinciPanduan Membuat Sales Letter
Panduan Membuat Sales Letter Panduan ini akan membantu anda membuat duplikat halaman web sales letter untuk bisnis hosting anda. Tujuan adanya halaman sales letter adalah sebagai brosur online anda. Sebenarnya
Lebih terperinciTutorial Dasar Cara Membuat Blog
Tutorial Dasar Cara Membuat Blog Trend mode blog sebagai sebuah alat komunikasi dan media opini sangat digandrungi. Tidak hanya sebagai sarana katarsis diri. Blog juga kadang dijadikan sebuah sarana komersil,
Lebih terperinciTutorial Menggunakan webpraktis profil bisnis
Tutorial Menggunakan webpraktis profil bisnis 1. Kunjungi Webpraktis.com dan klik tombol Buat Website 2. Pilih Jenis Template Setelah klik buat website,pilih template yang ingin Anda gunakan dari kategori
Lebih terperinciTutorial Membuat Template Joomla 1.5
Tutorial Membuat Template Joomla 1.5 Tempate joomla sebenarnya sangat sederhana, tidak rumit sama sekali. Satu file layout html bisa kita konversi langsung menjadi template joomla 1.5 yang valid. Tutorial
Lebih terperinciMembuat Toko Online dengan CMS Prestashop menggunakan idhostinger
Seperti yang sudah disampaikan di awal perkuliahan, materi setelah UTS (Ujian Tengah Semester) yaitu materi yang akan di bahas yaitu bagaimana membangun toko online menggunakan CMS Prestashop. Dan untuk
Lebih terperinciC. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
Lebih terperinciMembuat Blog Menggunakan Wordpress
Membuat Blog Menggunakan Wordpress - 2013 Pengertian Blog Blog atau Weblog adalah buku harian online yang diisi secara terus menerus secara periodik. Blog pada awalnya hanya dimiliki oleh artis dan selebriti
Lebih terperinciMENAMPILKAN GOOGLE MAPS DI WEB BROWSER DENGAN HTML5
MENAMPILKAN GOOGLE MAPS DI WEB BROWSER DENGAN HTML5 Agung Nugroho Agung.nugroho@raharja.info :: http://ngapainbingung.com Abstrak Google Maps merupakan maps yang paling popular karena keakuratannya dan
Lebih terperinciMEMBUAT BLOG DI WORDPRESS
MEMBUAT BLOG DI WORDPRESS Blog adalah salah satu aplikasi internet yang sangat digemari pada sat ini, karena di samping tersedia secara gratis, juga dapat dikembangkan sesuai dengan tujuan dari si empunya
Lebih terperinciPADUAN DASAR Menggunakan dan Mengelola Website. Created by:
PADUAN DASAR Menggunakan dan Mengelola Website Created by: Mengakses Halaman Admin Halaman Administrator adalah bagian website yang berguna untuk mengelola data yang akan ditampilkan di halaman publik
Lebih terperinciWeb Programming HTML
Web Programming HTML Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML Outline Element HTML Basic Tag HTML Format HTML
Lebih terperinciDAFTAR ISI DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuannya...
DAFTAR ISI COVER DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN... 3 1.1 Latar Belakang... 3 1.2 Rumusan Masalah... 3 1.3 Tujuannya... 3 BAB II PEMBAHASAN... 4 2.1 Pengertian CSS... 4 2.2 Format
Lebih terperinciPANDUAN. SisPenA S/M. Untuk Asesor. Sistem Informasi Penilaian Akreditasi Badan Akreditasi Nasional Sekolah / Madrasah
PANDUAN SisPenA S/M Untuk Asesor Sistem Informasi Penilaian Akreditasi Badan Akreditasi Nasional Sekolah / Madrasah 1 H a l a m a n Akreditasi Tutorial ini akan memberikan pemahman kepada Asesor bagaimana
Lebih terperinci[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap
[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap Oleh: Arinadi Nur Rohmad Asalamualaikum.. Bagi yang seorang yang belum paham betul JQuery seperti saya, membuat Tab adalah pekerjaan yang cukup sulit..
Lebih terperinciModul Pembuatan Website Menggunakan
Design : www.mhdsyarif.p.ht Modul Pembuatan Website Menggunakan Versi 3.5.1 07-08 Mei 2013 Oleh : Divisi Web Puskom UR http://puskom.unri.ac.id Daftar Isi Daftar Isi...i A. Install XAMPP... 1 B. Install
Lebih terperinciCara Meng-install Web Server Lokal (xampp-win )
Cara Meng-install Web Server Lokal (xampp-win32-1.7.3.) 1. Apabila Anda belum mempunyai file setup XAMMP yang akan di-install, silahkan unduh (download) terlebih dahulu 2. Setelah berhasil mengunduh file
Lebih terperinciTutorial Terbaru Cara Membuat Website Gratis IDHostinger
Tutorial Terbaru Cara Membuat Website Gratis IDHostinger Langkah-Langkah Membuat Website Gratis di IDHostinger Idhostinger adalah salah satu penyedia hosting indonesia yang cukup populer dikalangan blogger
Lebih terperinciWEB STATIS MEMBUAT TUTORIAL PENGGUNAAN FRAMEWORK CSS
WEB STATIS MEMBUAT TUTORIAL PENGGUNAAN FRAMEWORK CSS Oleh : EMA SETYA KARISNA TI. 12141391 A. PENGERTIAN FRAMEWORK CSS Bootswatch.com Bootswatch merupakan penyedia tema berbagai macam bootstrap dengan
Lebih terperinciMembuat Display Produk dalam Layout Box 4 Kolom
Membuat Display Produk dalam Layout Box 4 Kolom Oleh: Debrian Ruhut Saragih Selamat pagi Sobat sekalian, saat ini kita banyak menemukan toko online bertebaran di Internet. Saya sering memperhatikan bagaimana
Lebih terperinci