Cara Membuat Website Yang Menghasilkan Uang Dengan Html Web Dreamweaver 8 WordPress Domain Sendiri Notepad Php Joomla Cs6 Xampp Bootstrap Responsive Dari Awal Css Resmi Untuk Pemula Mudah Jualan Cs5 Di Localhost Cms Sublime Text Rental Mobil Menarik Photoshop Hostinger Lengkap Bagus Cs3 Bisnis Online E Commerce Codeigniter Laravel Javascript Pdf Microsoft Publisher 2010 Blogger Blogspot Adobe Cpanel Wix Yii Framework Asp Net Muse Android Netbeans Secara Offline Java Internet Visual Studio Learning Moodle Ecommerce Drupal Python Com Gratis Database Nomor 1 Google Server Software 000webhost Buat Builder Org Zyro Tutorial Template Phising 123 Hosting Site Flash Frontpage 2003 Hp Cepat Coding Bagaimana Bahasa Opencart Nama 2007 Menggunakan Mysql Keren Terbaru Jquery
Sekarang ini dunia internet memang sudah sangat maju dan memberikan peran yang cukup penting. Apalagi jika memiliki bisnis dan juga perusahaan yang ingin mempromosikan jasa atau produk tersebut. Praktis internet menjadi salah satu media yang pas. Selain media sosial, ternyata website atau situs juga bisa memberikan peran yang sama pentingnya. Bagi yang ingin mencoba membuat website sederhana, ada beberapa cara yang bisa dilakukan untuk membuat website dengan aneka program yang bisa digunakan. Berikut beberapa cara yang bisa digunakan untuk membuat website.

  1. Cara membuat website dengan HTML

Salah satu cara yang bisa dilakukan ketika ingin membuat website adalah dengan menggunakan HTML. Langkah yang pertama adalah dengan membuat skesta untuk desain dari halaman web yang diinginkan.

Mempersiapkan sketsa dari desain untuk halaman web memang harus dilakukan terlebih dahulu. Hal ini untuk memberikan kemudahan sebagai patokan bentuk dan desain dari website ini. Bisa menggunakan photoshop, Corel Draw, Illustrator atau sketsa biasa di kertas. Sketsa ini tentu saja sudah bisa memberikan sebuah gambaran dari bentuk layout serta halaman dari web yang akan dibuat.

Setelah itu pilih konsep yang akan dibuat menjadi website. Jika menggunakan aplikasi HTML, tentu saja ada beberapa faktor dan juga fitur yang akan memudahkan para pembuat website. Apalagi aplikasi terbarunya juga sudah memberikan kemudahan tertentu untuk membuat website menjadi lebih mudah.

Setelah itu lakukan pembuatan skrip struktur Umum dari HTML. Pembuatan ini akan memudahkan guna membuat struktur dasar dari website tersebut. Tulis skrip ke dalam HTML ini untuk menentukan struktur umum dari website tersebut. Kemudian lakukan pula Elemen Header dan juga nav di HTML.

Gambar Contoh Skrip HTML

Di dalam HTML, unsur dan Elemen dari <header> tersebut biasanya digunakan untuk menentukan nama website dan juga navigasi utama dari situs yang akan dibuat. Tulisan dari skrip header ini diletakkan persis dibawah <div class=”wrapper”>. Sementara elemen <nav> sendiri ditujukan kepada navigasi . Elemen ini nantinya akan digunakan untuk pembuatan navigasi yang berada di bawah header atau juga navigasi yang ada di bagian footer.

Sementara di dalam skrip tersebut penentuan judul dari halaman website ini diletakkan di elemen <h1> dan menyertakan pula link navigasi guna mempermudah dalam hal akses langsung ke halaman web yang dibuat.

Langkah berikutnya adalah dengan menyertakan elemen article di HTML. Elemen <article> ini mempunyai fungsi sebagai wadah di setiap bagian yang ada halaman website tersebut. Dan elemen ini bisa berdiri sendiri dan berpotensi Sindikasi. Didalamnya bisa berupa ulasan dalam bentuk artikel, blog, komentar atau bahkan forum yang langsung mengakses ke halaman website. Setiap artikel yang ditulis dimasukkan ke dalam elemen <article> dan ditutup dengan <section>. Elemen <section> sendiri biasa digunakan untuk membagi elemen konten yang terkait. Dan tentu saja mempunyai judul sendiri.

Gambar Contoh Skrip

Sementara itu unsur atau elemen <figure> sendiri biasanya berfungsi untuk memasukkan gambar. Lalu elemen <figcaption> akan ditugaskan untuk memasukkan keterangan yang ada di dalam gambar. Ada pula elemen <hgroup> yang akan bertugas mengelompokkan elemen-elemen tersebut yang akan berdiri sendiri.

Langkah berikutnya adalah dengan membuat elemen Aside. Elemen ini berfungsi untuk tempat yang berisi konten yang masih berhubungan erat dengan konteks isi dari seluruh halaman dari website. Elemen ini bisa diisi seperti web-web lain yang berhubungan dengan website tersebut. Atau aneka jenis widget yang digunakan di website ini.

Sedangkan untuk elemen footer sendiri biasanya digunakan untuk memberikan informasi-informasi tambahan seperti link, hak cipta dan juga hal-hal lainnya  yang berhubungan dengan kebijakan privasi. Skrip footer sendiri biasanya diletakkan setelah skrip aside. Setelah semua skrip selesai, website yang diinginkan sudah bisa digunakan.

  1. Cara membuat web dengan dreamweaver

Cara yang kedua adalah dengan aplikasi Dreaweaver. Cara-caranya sendiri cukup mudah untuk diikuti. Setelah membuat aplikasi dari Adobe tersebut, langsung klik Dreamweaver Site yang akan memudahkan halaman web langsung terorganisir dengan baik.

Setelah itu langsung berikan nama website yang ingin dibuat. Lalu tekan Next untuk melanjutkan ke halaman berikutnya. Di halaman berikutnya akan diberikan pilihan antara pemograman server side atau tidak. Bagi yang ingin membuat website sederhana cukup memilih ‘No, I do not want to use a server technology’. Setelah itu klik Next.

Gambar Tampilan Depan Dreamweaver

Jangan lupa untuk menyimpan file web ini di folder yang diinginkan. Hal ini tentu saja untuk memudahkan dalam membuka atau melakukan editing pada website tersebut. Lalu klik Next untuk lanjut kembali. Setelah itu bisa dilihat permintaan dari Dreamweaver apakah akan menggunakan remote server atau tidak. Untuk website sederhana sebaiknya tidak diperlukan. Kemudian pilih ‘Create New’ dan pilihlah menu HTML.

Kemudian akan tampil tampilan baru dari halaman website. Lalu pilih ‘Design’ dan juga pilih icon tabel. Buat barisnya menjadi 4 dengan tambahan 2 kolom. Di tulisan Header ini pilih menu ‘Both’. Setelah itu bisa menuliskan kode HTML guna mengatur antara lebar dari kolom dan baris yang ada di tabel tersebut. Lalu menuju ke fitur kode guna mengatur tag dari HTML. Atur HTML table dan juga height nya sesuai dengan keinginan.

Setelah itu kembali ke mode ‘Design’. Di sini semua Table di satukan atau istilah dalam Adobe adalah di Merge. Caranya dengan pilih semua table dan pilih menu Table —> Merge Cells. Dan di setiap baris dan kolom ini berikan warna sesuai selera. Caranya dengan pilih ‘Properties’ dan klik kolom Bg yang akan muncul kelompok warna.

Gambar Page Dreamweaver

Kemudian berikan gambar di header web tersebut. Dengan cara kembali ke mode ‘Code” dan masukkan kode HTML sebagai berikut. <img src=”nama_gambar.jpg” width=”233″ height=”250″ />. Dan di baris pertama pada kolom kedua ini masukkan kode <img src=”gambar.jpg” width=”780″ height=”250″ />. Lalu masukkan teks di header dengan kode <font size=”6″> Nama website</font> . Disarankan untuk memilh background yang transparan atau gambar dengan background yang sama agar terlihat lebih pas.

Bisa juga dengan memberikan navigasi interaktif di website tersebut. Caranya dengan klik menu Insert —> Media —> Flash Button. Setelah itu pilih tombol di menu tersebut sesuai selera. Setelah memilih tombol, ketik nama dari tombol yang akan muncul di website tersebut. Dan tentukan pula ukuran font yang ingin ditampilkan. Tombol navigasi ini bisa dibuat sebanyak mungkin sesuai selera.

Sementara jika ingin membuat footer, bisa memasukkan kode HTML di mode ‘Code’ sebagai berikut : <h4 style=”color: white;”>2016 &copy; nama web || nama personal</h4>. Untuk membuat atau memasukkan artikel ke dalam web, masukkan kode di mode ‘Code’ sebagai berikut :

<div align=”center”>

<p><font size=”7″><b><q><u>Home</u></q></b></font> </p>

</div>

<p></p>

<p><strong><i><font size=”6″>Nama Web.</font></strong><br />

<font size=”4″>artikel yang ingin dimasukkan</font></p>

<p><font size=”5″>Akhir artikel</font></p>

<p></p>

<p></p>

<p></p>

<p></p>

Gambar Skrip di Dreamweaver

Website sudah selesai dengan menggunakan dreamweaver.

  1. Cara membuat website dengan wordpress

WordPress menjadi salah satu aplikasi yang kerap digunakan untuk membuat website atau situs. WordPress sangat mudah untuk diaplikasikan. Apalagi bagi para pemula yang ingin membuat website. Cukup menggunakan tema atau theme di aplikasi wordpress, para pengguna sudah membuat website. Bahkan secara gratis.

Akan tetapi jika menggunakan gratis masih ada nama wordpress di sana seperti namawebsite.wordpress.com. Para pengguna bisa membayar untuk mendapatkan domain untuk menghilangkan wordpress tanpa perlu mengubah dan edit dari awal. Langkah-langkah yang bisa dilakukan adalah dengan membuka situs wordpress.com

Gambar Menu WordPress

Setelah itu muncul menu dari wordpress tersebut. Pilih nama dari blog atau website yang ingin digunakan. Nama ini yang nanti akan digunakan untuk mengakses website tersebut. Setelah itu lanjutkan dengan klik tomol “Buat Situs Web” yang ada di WordPress ini.

Kemudian para pengguna akan diberikan sebuah tampilan form yang harus diisi. Isi kolom-kolom dalam form tersebut sesuai dengan informasi yang akurat. Informasi ini seperti email yang belum pernah didaftarkan di WordPress, username atau pengguna dari WordPress ini dan tentu saja password untuk keamanan. Kemudian akan dibawa menuju ke control panel atau panel kontrol blog dari website yang akan dibuat.

Ketika mengisi di form Email, tentu saja gunakan alamat email yang aktif dan juga kerap digunakan untuk beraktifitas surel. Pasalnya WordPress nantinya akan mengirimkan konfirmasi dari proses pendaftaran tersebut agar bisa dibuka dan juga diaktivasi oleh para pengguna. Email yang digunakan bisa saja dari Gmail atau Yahoo atau email lainnya.

Di kolom username sendiri pilih yang sesuai selera. Disarankan untuk memilih username yang relatif lebih mudah diingat. Dan username ini eksklusif serta hanya bisa digunakan oleh 1 user saja. WordPress akan memberikan notifikasi langsung jika username yang dimasukkan sudah ada di database dari wordpress tersebut. Setelah itu pilih password untuk akses masuk yang juga mudah diingat namun unik.

Setelah semua proses pengisian form sudah diterima oleh pihak WordPress, di area kolom Alamat Blog ini nantinya akan ditandai oleh WordPress apakah sudah dipakai atau belum. Jika belum dipakai akan memiliki warna hijau. Sementara jika nama blog sudah ada akan ditandai dengan warna merah.

Setelah semua selesai, klik tombol “Buat Blog” yang akan membawa para pengguna untuk membuat website dari WordPress secara gratisan. WordPress nantinya akan mengirimkan email konfirmasi ke email yang sudah didaftarkan. Setelah aktifasi selesai, langkah berikutnya bisa langsung memilih tema blog. Sesuaikan dengan tema yang dipilih. Bisa juga mengkoneksikan ke media sosial yang dimiliki seperti facebook atau twitter.

Setelah itu tingga isi artikel atau gambar melalui dashboard yang ada di backend dari WordPress. Untuk artikel bisa klik Post. Sementara untuk memasukkan gambar bisa klik Media. Untuk membuat domain berbayar, bisa klik Pilih Domain yang akan dihubungkan langsung ke WordPress. Hebatnya lagi adalah meski memilih domain yang sudah berbayar, para pengguna tidak perlu lagi repot-repot membuat desain dan tema website. Website yang sudah dibuat bisa langsung di aplikasikan ke domain tersebut.

  1. Cara membuat web dengan notepad

Ada banyak cara untuk membuat halaman web yang sangat sederhana. Dan salah satu caranya adalah dengan menggunakan Notepad. Tentu saja bagi sebagian orang awam cukup terheran-heran bagaimana bisa notepad bisa digunakan sebagai cara untuk membuat website. Untuk itu berikut beberapa langkah yang bisa dilakukan.

Bukalah program Notepad tersebut. Kemudian masukkan skrip seperti gambar di bawah ini. Jangan sampai salah. Perbedaan titik atau koma bisa berpengaruh. Bisa juga dengan copy paste skrip yang dicari di search engine.

Setelah skrip selesai dimasukkan ke dalam notepad, langkah berikutnya adalah save skrip tersebut. Dan masukkan nama ‘index.html’ pada file save notepad tersebut. Untuk nama bebas. Yang wajib dimasukkan adalah .html tersebut agar bisa diakses menjadi sebuah website.

Gambar Skrip di Notepad

Setelah file tersebut tersimpan dalam bentuk html, kemudian buka file tersebut di folder yang sudah ditentukan. Klik 2 kali pada file html tersebut. File tersebut tidak akan keluar dalam bentuk notepad. Akan tetapi file tersebut akan keluar di browser default seperti Chrome atau Firefox. Isinya adalah sesuai dengan skrip yang sudah dibuat.

Tampilannya memang masih sederhana. Untuk membuat tampilan website menjadi lebih menarik dengan ada theme nya bisa menggunakan HTML atau WordPress.

  1. Cara membuat web dengan php

Membuat web dengan PHP bisa menjadi salah satu cara yang dilakukan. Biasanya membuat web dinamis yang bisa merubah konten di halaman yang ada di dalam website bisa menggunakan PHP. Ada beberapa cara yang bisa dilakukan untuk membuat web menggunakan PHP tersebut. Berikut caranya

Langkah pertama adalah dengan menggunakan aplikasi yaitu xampp. Aplikasi ini akan bertugas sebagai server lokal atau biasa disebut localhost. Setelah menginstal aplikasi xampp ini buka dan start “Apache” dan juga “Mysql.” Setelah itu buka aplikasi browser. Bisa menggunakan Firefox atau juga Chrome. Lalu ketik localhost/phpmyadmin di area address bar guna mengolah data skrip.

Tampian Awal Xampp

Setelah itu akan tampilan phpmyadmin. Langkah pertama adalah dengan membuat database dengan mengetikkan nama db_web. Kemudian buatlah table dengan mengetikkan kode seperti di tab SQL.

Setelah itu buatlah homepage terlebih dahulu dengan membuka aplikasi seperti notepad atau bisa juga dengan notepad ++. Kemudian simpan atau save file tersebut dengan format .php . Kemudian buatlah style atau tema yang akan membuat web terlihat bagus. Buatlah file dengan desain css dan simpan dengan nama style.css. Kemudian ketik kode berikut

#kiri { font-size:12px; border-radius:5px;border:6px;height:120px; padding:10px;background-color:black;float:left;width:165px; margin-top:40px;margin-left:8px;}

#login{color:white; }

#kiri ini diperuntukkan untuk area desain di sektor kiri. Sementara #login sendiri style untuk tulisan pada login. Kemudian buka file .php dan juga .css  yang sudah disimpan melalui aplikasi xampp guna menampilkan bentuk desain dari web tersebut.

  1. Cara membuat website dengan Joomla

Joomla menjadi salah satu aplikasi yang bisa digunakan untuk membuat website. Sama halnya dengan WordPress, di Joomla ini bisa juga memudahkan untuk membuat website dengan nyaman. Berikut cara-cara yang bisa dilakukan.

Pertama-tama adalah dengan membuka situs Joomla.org. Setelah itu akan muncul halaman utama dari Joomla. Setelah itu download di area kanan pojok dari website Joomla tersebut. Setelah itu ekstrak hasil download ini ke dalam folder yang sudah disiapkan. Dan letakkan dalam 1 folder agar lebih mudah.

Gambar Tampilan Joomla

Jangan lupa pula untuk instal aplikasi xampp. Setelah itu jangan lupa pula untuk mengaktifkan apache dan myspl di aplikasi xampp. Hal ini untuk memudahkan untuk membuka website secara offline dengan menggunakan database local.

Usai membuka xampp, buka browser dan ketikkan nama “localhost/folder penyimpanan joomla.” Folder penyimpanan Joomla ini harus disimpan di folder htdocs yang dibuat secara otomatis nantinya setelah ekstrak. Isi form yang muncul dalam data tersebut.

Setelah itu akan muncul Konfigurasi Database. Dan isi form-form yang ada di sini. Penjelasannya adalah untuk Tipe database sendiri bisa menggunakan myspl untuk database tersebut. Sementara untuk Nama Host ini bisa mengetikkan localhost. Lalu untuk Nama Pengguna sendiri bisa menggunakan nama pengguna sesuai di phpmyadmin. Untuk default menggunakan nama ‘root.’

Gambar Database Joomla

Untuk form Sandi juga menggunakan sandi di phpmyadmin. Biasanya dibiarkan kosong jika memang tidak pernah mengganti. Lalu di form Nama Database tuliskan database sesuai selera. Sementara untuk Prefix atau Awalan tabel ini sudah bekerja secara otomatis dari Joomla. Setelah semua data dan juga form terisi, lalu klik pasang dan instalasi website di Joomla sudah berhasil.

  1. Cara membuat web dengan Xampp

Xampp kerap digunakan pula untuk membuat website dan juga database. Xampp sendiri merupakan salah satu software dan juga aplikasi yang bisa dijalankan di komputer guna menjalankan script PHP. Tentu saja dengan aplikasi ini bisa mengakses website secara offline sebelum menyewa hosting dan domain.

Gambar Tampilan Xampp

Caranya adalah dengan menginstal Xampp dan juga mendownload WordPress. Setelah itu ekstrak WordPress tersebut ke folder htdocs yang sudah disediakan oleh Xampp secara otomatis. Susunanya adalah xampp\htdocs\wordpress. Setelah itu buatlah database dengan menjalankan Apache dan juga MySQL terlebih dahulu.

Kemudian buka browser seperti firefox atau chrome dan akses address bar dengan localhost/phpmyadmin/, isi database tersebut sesuai dengan selera atau keinginan. Langkah berikutnya dengan menginstall WordPress dengan cara mengunjungi address localhost/wordpress. Kemudian isi database yang dibuat untuk keperluan website.

Setelah proses instalasi selesai, bisa mengunjungi localhost/wordpress/wp-admin dengan mengakses login menggunakan username dan password untuk website. Bukan untuk database. Proses pembuatan website sudah selesai dengan mudah.

  1. Cara membuat web dengan Bootstrap

Salah satu cara yang bisa dilakukan adalah dengan menggunakan Boostrap. Di sini sudah terdapat berbagai macam komponen website seperti breadrumb, pagination, modal dialog dan juga navigation bar. Berikut cara yang bisa dilakukan.

Instal terlebih dahulu Xampp dan buka aplikasi tersebut. Dan buatlah folder di htdcos dengan nama yang diinginkan. Lalu buka folder tersebut dengan nama assets dan juga index.php. Kemudian buat 2 folder baru di dalam foder assets dengan nama boostrap dan jquery. Hasil dari download boostrap ini nantinya akan diekstrak di folder tersebut. Kemudian tambahkan 2 file yaitu style.css dan juga custom.js seperti gambar di bawah ini.

Gambar Tampilan Bootstrap

Kemudian buka index.php untuk membuat tampilan atau template dari website. Tuliskan kode seperti berikut ini.

Gambar Skrip di Bootstrap

Di sini bisa terlihat adanya komentar mengenai jquery lokal dan juga jquery online yang bisa dipilih sesuai selera. Untuk jquery online sendiri bootstrap harus terhubung dengan internet. Sebaliknya jika lokal menggunakan local host. Kemudian bisa membuat layout untuk area header, content dan juga sidebar serta footer. Setiap layout tentu saja memiliki kode dan juga skrip tersendiri.

  1. Cara membuat website dengan Sublime text

Sublime Text menjadi salah satu cara yang bisa digunakan untuk membuat website. Berikut beberapa cara yang bisa dilakukan. Pertama adalah dengan membuat Sublime Text yang akan muncul background hitam.

Setelah itu tulisakan tag atau skrip html di kota berwarna hitam tersebut. Untuk lebih mudah cukup menulis html yang dilanjutkan dengan menekan tombol TAB. Otomatis akan muncuk skrip di layar tersebut.

Gambar Skrip di Sublime

Sementara jika ingin menambahkan title di website tersebut. Bisa menuliskan tag <title> menambahkan title </title>. Title ini berguna untuk membuat title di HTML. Kemudian di Sublime Text ini bisa pula membuat Header, Judul Website dan juga Footer dengan warna dan background sesuai selera. Untuk menambahkan header dan juga footer harus terlebih dahulu menuliskan skrip di area <style>. Dengan Sublime Text ini para pengguna atau user bisa merubah header, footer, akses web eksternal dan juga lain sebagainya. Skrip komplitnya sebagai berikut.

  1. cara membuat web dengan CSS

Untuk membuat layout website tentu saja ada banyak cara dan juga referensinya. Salah satunya adalah dengan menggunakan CSS. Untuk tampilan website sendiri ada beberapa bagian seperti HEADER, BODY,  SIDEBAR, dan juga FOOTER. Penempatannya kadang seperti bagan dibawah ini.

Gambar CSS

Dan bagian-bagian tersebut bisa diatur dengan menggunakan CSS. Caranya dengan membuat sebuah file dengan nama style.css yang berisi kode dari CSS yang berfungsi untuk mendesain tampilan atau layout dari website  yang akan dibuat.

Sementara penggunaan dari CSS sendiri ada 2 cara. Yang pertama dengan memasukkan langsung kode atau script dari CSS tersebut ke dalam tag <head>…</head>. Sementara cara lain dengan memasukkan link yang akan menghubungkan antara file CSS tersebut dengan HTML.  Dan jika berniat untuk menyimpan file di folder CSS, harus dituliskan href=”css/style.css”. Akan tetapi jika file CSS ini berada di dalam 1 folder dengan file HTML, maka cukup menuliskan href=”style.css” saja.

  1. Cara membuat web dengan Photoshop

Photoshop juga bisa digunakan untuk membuat web. Akan tetapi di aplikasi milik Adobe ini hanya bisa digunakan untuk mendesain tampilan atau template dari web saja. Sementara untuk kode, script dan juga yang lainnya menggunakan aplikasi lain.

Tentukan bentuk dan desain seperti apa yang diinginkan. Bisa juga dengan menskesta terlebih dahulu agar mudah untuk melakukannya. Setelah itu tuangkan ke dalam Adobe Photoshop sehingga menjadi sebuah tampilan template seperti contoh di bawah ini.

Gambar Contoh Desain Template

Setelah selesai bentuk template, gunakan Slice Tool untuk memilah-milah layout di template tersebut agar dimasukkan kode dalam HTML dan juga CSS. Setelah itu simpan dengan memilih Save For Web dan pilih formatnya. Apakah Gif, JPG atau PNG. Pilih menu HTML & Images agar bisa dimasukkan ke dalam aplikasi website.

  1. Cara membuat website dengan Hostinger

Hostinger menyediakan jasa untuk membuat website yang bisa memudahkan para user. Ada 3 cara yang bisa ditemukan di sini. Yang pertama adalah dengan menggunakan media CMS yang merupakan singkatan dari Content Management System. Sistem ini biasa digunakan untuk membuat website, forum dan juga blog. Dan penggunaannya pun cukup mudah dengan WordPress dan juga Joomla.

Sama halnya ketika menginstall WordPress dan Joomla. Isi semua form dan database sesuai data yang diinginkan. Setelah itu proses aktifasi sudah selesai dan website sudah bisa digunakan.

Gambar Template Hostinger

Cara kedua dengan langsung memilih template di Hostinger. Cukup mengisikan data di dalam form kemudian memilih template yang diinginkan. Setelah semua selesai, website sudah bisa diakses dengan mudah. Cara yang ketiga ini dikhususkan bagi yang sudah pro atau ingin belajar. Hostinger menyediakan cara manual.

  1. Cara membuat website dengan Codeigniter

Membuat web dengan menggunakan Codeigniter juga bisa dilakukan. Ada beberapa bagian tutorial yang bisa diikuti untuk membuat website sesuai dengen selera. Di Codeigniter ini para user atau poengguna akan dijelaskan mengenai Model View Controller atau MVC Codeigniter yang menjadi mesin utama di sini.

Setelah itu user melakukan konfigurasi awal di Codeigniter ini dan juga Desain Database dari Codeigniter tersebut. Kemudian lakukan input data sesuai keinginan kedalam database. Setelah selesai melakukan input, lalu lakukan validasi form dari Codeigniter ini.

Gambar Tampilan Codeigniter

Langkah berikutnya kemudiam membuat halaman Login Form dengan menggunakan Codeigniter dan juga membuat Insert Post Web. Semuanya tertuang dalam sebuah script di halaman Codeigniter tersebut. Script bisa dicari melalui search engine dan dimasukkan ke dalam database Codeigniter.

  1. Cara membuat website dengan Laravel

Laravel bisa menjadi salah satu aplikasi yang memudahkan untuk membuat website. Caranya pertama kali dengan menginstal Composer. Setelah itu buka aplikasi dan tentukan letak dari file PHP yang akan diinstal. Jika menggunakan Xampp, maka akan disimpan di folder aplikasi tersebut.

Kemudian dilanjutkan dengan menginsat Laravel. Caranya dengan menggunakan perintah CMD atau Command Prompt. Pada proses instalasi, arahkan lokasi instalasi tersebut pada folder yang diinginkan. Jika menggunakan Xampp, maka disimpan di htdocs.

Gambar Tampilan Laravel 5

Lalu tuliskan nama website yang ingin dibuat. Dalam proses ini dibutuhkan koneksi internet untuk mengaksesnya. Usai instalasi selesai, lalu ketik URL localhost/namawebsite/public setelah membuka Xampp dan juga Apache diaktifkan.

Kemudian proses pembuatan website bisa dilakukan. Gunakan Notepad untuk memasukkan scrip seperti contoh-contoh diatas dengan nama website diubah sesuai dengan keinginan. Tampilan halaman depan akan muncul sesuai dengan nama yang diinput tersebut.

  1. Cara membuat web dengan Javascript

JavaScript menjadi salah satu cara untuk membuat website. Tentu saja untuk membuat website di JavaScript, para user harus memahami beberapa fitur dasar di JavaScript. Tentu saja harus mengenal terlebih dahulu mengenai fitur umum yang bisa diterapkan dalam semua bahasa pemrograman.

Untuk Variabel sendiri adalah wadah yang bisa memberi sebuah nilai dari keyword yang dimasukkan di sini. Untuk keywordnya adalah

var myVariable;

Untuk mendeklarasikan variabel tersebut bisa ditambahkan seperti berikut :

myVariable = ‘Hello World’;

Bisa juga dengan melakukan operasi di dalam 1 baris dengan menuliskan

var myVariable = ‘Hello World’;

Gambar Hasil dari Javascript

 

  1. Cara membuat website dengan Microsoft Publisher 2010

Ms. Publisher ternyata juga bisa digunakan untuk membuat website. Adapun cara-cara untuk membuat website di Ms. Publisher ini adalah pilih Web Sites and E-mail ketika membuka halaman dari Ms. Publisher. Setelah itu akan muncul berbagai macam template yang bisa dipilih sesuai selera.

Setelah itu akan muncul Easy We Site Builder. Kemudian checbook di halaman yang akan ditampilkan. Lalu klik OK. Di setiap halaman yang dipilih, akan langsung dibuatkan menu yang terdapat di bagian kiri dari website. Setelah itu edit website sesuai dengan keinginan.

Gambar hasil dari Ms Publisher

Guna melakukan editing Header dan Footer, klik di area header dan footer tersebut dan ketikkan nama baru. Lalu masukkan posting atau berita di dalam website tersebut. Sementara untuk memasukkan gambar, bisa menggunakan fitur Insert – Picture – From File yang akan memudahkan untuk memasukkan gambar.

Setelah itu simpan dengan format .pub yang merupakan format dari Ms Publisher. Setelah itu klik File – Web Page Preview yang akan menampilkan tampilan di browser. Sementara untuk menyimpan dalam format HTML, bisa memilih File – Publish to the Web.

  1. Cara membuat website dengan Blogger

Sebelum munculnya WordPress, terlebih dahulu blogger menguasai sektor pembuatan website. Caranya sendiri memang cukup mudah. Para user bisa mengunjungi blogger.com dan memasukkan nama username dan password jika sudah memiliki akun. Pilih menu bahasa Indonesia untuk memudahkan proses.

Setelah itu akan muncul form untuk mengisi data user. Isi semua kolom tersebut dan klik Lanjutkan dan Blog Baru. Kemudian para user akan dibawa menuju ke form pembuatan blog. Di sini kolom Judul Isi dan juga Alamat atau nama dari blog harus diisi. Setelah itu pilih template yang diinginkan sebagai tampilan dari blog tersebut.

Gambar Tampilan Blogger

Setelah semua form diisi, klik Buat Blog yang akan membuat blog pribadi atau website langsung terpublikasi. Langsung saja isi artikel di blog tersebut agar tidak dianggap Spam. Setelah mengisi artikel dan juga gambar, klik Publikasi. Secara otomatis website akan update tulisan tersebut.

  1. Cara membuat website dengan cpanel

Cpanel menjadi salah satu aplikasi yang bisa digunakan untuk membuat website. Dan salah satunya adalah dengan menggunakan CMS. Di cpanel ini sudah menyediakan fitur bagi para user untuk menginstal CMS dengan sangat mudah. Fitur Fantastico ini sudah bisa memudahkan para user memasukkan CMS seperti WordPress, Joomla hingga os commerce. Caranya adalah sebagai berikut.

Gambar Login di cPanel

Setelah berhasil melakukan download, lakukan cara dengan upload di server yang sudah digunakan. Lalu dilanjutkan dengan ekstrak dari file tersebut. Kemudian lanjutkan dengan upload file dari CMS yang digunakan. Kemudian akses browser guna melakukan instalasi CMS dengan mengakses situs yang dibuat seperti namawebsite.com/install.php. Kemudian konfigurasi proses tersebut.

Untuk menghindari kegagalan, maka lakukan langkah berikut. Login ke cpanel dan akses menu Software / Service – Fantastico De Luxe. User akan dibawa menuju ke menu Fantastico. Kemudian pilih New Instalation. Di sini user harus memasukkan nama domain yang diinstal dengan CMS yang digunakan. Lalu username dan password dari CMS tersebut, nama admin dan juga email yang didaftarkan. Setelah itu memasukkan nama situs yang akan dibuat. Jangan lupa pula untuk menulis deskripsi dari situs tersebut. Setelah itu instal CMS ini hingga selesai.

  1. Cara membuat website dengan Wix

Kali ini akan dibahas mengenai cara membuat website dengan Wix. Langkah pertama setelah mengakses situs Wix adalah dengan melakukan registrasi dengan mengisi nama email dan juga sandi. Setelah itu akan muncul forn Sign Up. Lengkapi semua data di form tersebut.

Gambar Halaman Depan Wix

Setelah itu para user akan dibawa ke kategori dari website yang akan dibuat. Ada berbagai macam kategori di sini. Pilih sesuai dengan kriteria website yang akan dibuat. Setelah mendapatkan kategori, user akan dibawa menuju ke halaman template. Ada banyak template yang bisa dipilih. Pilih sesuai dengan selera dan juga kriteria yang dimaksud. Ada pula template Blank yang bisa digunakan untuk editing secara manual. Template ini bisa di preview terlebih dahulu apalah pas atau tidak. Setelah itu tinggal publikasi. Website sudah jadi.

  1. Cara membuat web dengan Yii framework

Dalam pembahasan kali ini akan dibahas secara singkat mengenai pembuatan website sederhana menggunakan Yii Framework. Yang dibahas adalah pembuatan website belum termasuk database. Langkah yang pertama untuk membuat website dengan Yii ini adalah membuat folder di dalam htdocs milik Xampp. Contohnya do C:\xampp\htdocs. Setelah itu ekstrak folder Yii di htdocs tersebut.

Lalu lanjutkan dengan mengetikkan kode ke dalam Command Prompt atau CMD. Setelah itu ketik yes yang akan menunjukkan tampilan website dengan menggunakan framework. Website sudah jadi walau sederhana. User bisa melakukan pengecekan dengan mengunjungi http://localhost/namafileyangdisimpan.

Gambar Proses CMD

 

  1. Cara membuat website dengan asp net

ASP Net juga bisa digunakan untuk membuat website. Kali ini akan dibahas mengenai cara membuat website sederhana tanpa database terlebih dahulu. Untuk memulai pekerjaan, buka Visual Studio seperti gambar di bawah ini.

Gambar Tampilan Depan ASP

Lalu kemudian lakukan langkah berikut dengan memilih File – New – Web Site dari menu yang terdapat di Visual Studio. Setelah itu akan muncul New Web Site. Di dalam daftar yang ada di sebelah kiri, pilih bahasa guna memasukkan kode yang akan digunakan.

Sementara di daftar drop down yang terletak di bagian atas, user bisa memilih versi .NET yang biasa digunakan. Mulai dari seri terbawah hingga terbaru. Sedangkan untuk list dari template sendiri letaknya berada di posisi tengah. Template ini biasa digunakan untuk memilih aplikasi yang hendak dibuat di ASP Net tersebut. Pilih template ASP.NET Empty Web Site.

Kemudian pilih atau periksa Template Website yang terletak di area Sidebar. User bisa memilih template sesuai selera. Nantinya template ini bisa bekerja sesuai dengan bahasa pemograman yang dimasukkan di database.

  1. Cara membuat website dengan Adobe Muse

Adobe memiliki salah satu aplikasi untuk mendesain dan membuat template dari website selain Photoshop. Yaitu Adobe Muse. Bedanya dengan Photoshop ini adalah bahwa Adobe Muse ini bisa terhubung langsung atau online untuk mengkoneksikan desain atau template dengan CSS atau HTML.

Gambar Tampilan Depan Adobe Muse

Langkahnya adalah buka Adobe Muse dan klik Site untuk memulai pekerjaan. Pilih area atau canvas yang ingin digunakan di sini. Kemudian klik A Master yang bertujuan untuk membuat tampilan website akan sama meskipun sedang memasuki menu-menu yang ada di sini.

Setelah itu desain template  yang sesuai dengan kategori website dan juga selera. Bisa juga dengan menambahkan Widget melalui Widget Library. Lalu export tampilan ini dengan memilih menu File – Export To HTML. Bisa pula mengonlinekan template ini dengan memilih File – Upload FTP dan memasukkan nama hosting tersebut.

  1. Cara membuat website dengan Android

Android bukan hanya bisa digunakan untuk telpon, sms dan internetan saja. Di Android juga bisa digunakan untuk membuat website gratis. Bagaimana caranya ? Langkah pertama adalah dengan menginstal aplikasi pembuat website. Bisa menginstal Website Builder atau WordPress.

Gambar WordPress di Android

Bagi para pemula WordPress bisa memudahkan untuk membuat website di sini. Daftar atau registrasi di WordPress atau aplikasi website lainnya dengan data yang valid seperti email, username dan password. Setelah itu pilih nama website yang akan digunakan. Usai pengisian data dan juga pemilihan nama website, di WordPress ini para user akan dibawa untuk memilih template. Pilih sesuai selera dan kategori.

Setelah itu user bisa mengubah widget dan juga hal-hal lainnya di fitur CMS atau Control Management System. Di sini pula bisa memasukkan artikel dan gambar melalui Dashboard dan media.

  1. Cara membuat website dengan NetBeans

Netbeans bisa menjadi salah satu alternatif untuk membuat website. Dengan aplikasi terbaru dari Netbeans, para user bisa membuat website dengan mudah. Buka aplikasi tersebut dan pilih New Project. Kemudian akan tampil seperti gambar berikut

Gambar Proses di NetBeans

Di dalam kotak tersebut pilih menu HTML5 di sektor Categories yang akan menjadi bagian dari pembuatan website tersebut. Lalu Klik Next untuk melanjutkan pembuatan website. Kemudian akan muncul kota New HTML5 Application. Di kota ini user akan memasukkan database mengenai nama, lokasi dan juga alamat dari website untuk aplikasi HTML yang digunakan di Netbeans ini.

Gambar Database HTML

Setelah itu klik tombol Next untuk masuk ke dalam dialog seperti di bawah ini

Gambar Pilihan Template

Di sini para user akan diajak menuju ke Site Template. Klik tanda centang di Download Online Template. Lalu pilih Initializr : Responsive. Template ini adalah framework template untuk HTML5. Dan NetBeans akan mengunduh file sesuai dengan permintaan para user. Dan di sini harus terhubung dengan internet.

Gambar Pilihan Server

Kemudian user akan dibawa ke kotak dialog dengan adanya Javascript, jQuery. Gunakan yang sesuai dengan keinginan. Setelah selesai, klik tombol Finish untuk melihat tampilan website yang sudah dibuat.

  1. Cara membuat web dengan Java

Untuk membuat website dengan menggunakan Java, para user harus memiliki aplikasi IDE (Intergrated Desktop Environment) dan juga JDK (Java Development Kit) serta WebServer. Untuk memulai pembuatan website, buka IDE NetBeans. Setelah itu klik File – New Project. Kemudian pilih menu Java Web – Web Application. Lalu klik Next seperti gambar di bawah ini.

Gambar Pilihan Menu Java

Setelah muncul kotak dialog beri nama project website tersebut dan menentukan directory penyimpanan file. Kemudian pilih server yang hendak digunakan. Bisa memakai GlassFish Server atau server lainnya. Sementara untuk Context Path bisa dipilih nanti. Kemudian pilih Finish dan kosongkan Framework jika tidak menggunakan Framework. Usai mengklik tombol Finish, tampilan website akan terlihat di browser secara otomatis.

  1. Cara membuat website dengan Visual Studio 2010

Kali ini akan dibahas mengenai cara membuat website sederhana dengan Visual Studio 2010. Untuk langkah pertama adalah dengan membuka program Visual Studio 2010. Lalu buat Project dengan menyimpan ke dalam folder yang sudah ditentukan.

Gambar Template Visual Basic

Kemudian akan muncul Form 1 di menu Visual Studio. Pilih Properties dan ketik Text dengan nama Web Browser. Desain tampilan dari Web Browser  yang diinginkan. Setelah itu isi form di bawah ini.

Label1 untuk memasukkan nama Alamat URL

TextBox1 ini dimaksudkan untuk Alamat URL

Button1 ini untuk Telusuri

Button2 ini bisa berfungsi untuk Google

Button3 bisa diisi untuk Facebook

Button4 bisa digunakan untuk Twitter

Button5 digunakan untuk PeiStar

WebBrowser1 berguna untuk menampilkan Halaman situs atau website.

Di button1 bisa dimasukkan coding WebBrowser1.Navigate(TextBox1.Text).

  1. Cara membuat website e learning dengan Moodle

Moodle ini merupakan aplikasi e learning yang biasa digunakan di perkuliahan. Tentu saja para user bisa membuat Moodle sendiri dengan cara-cara berikut ini.

Langkah pertama adalah dengan membuat aplikasi Xampp. Jangan lupa untuk membuka Apache dan MySQL. Kemudian copy aplikasi Moodle ke folder htdocs di Xampp. Setelah itu buka browser seperti Firefox dan juga Chrome. Lalu akan muncul halaman depan Xampp. Pilih bahasa sesuai selera. Dari halaman depan Xampp, user akan diminta untuk masukkan username, password dan juga data lainnya seperti di bawah ini.

Gambar Database Moodle

Setelah selesai klik Continue. Kemudian klik Save Changes. Untuk membuat Moodle, klik Add New Course dan hidupkan Editing. Lalu klik Enroll User untuk memasukkan data mahasiswa. Materi sudah bisa digunakan.

  1. Cara membuat website dengan Drupal

Drupal bisa menjadi salah satu alternatif untuk membuat website. Untuk menggunakan Drupal harus menggunakan aplikasi Xampp, database di PHPmyadmin Xampp serta CMS Drupal. Setelah semuanya tersedia, langkah pertama ektrak CMS Drupal ke folder htdocs di Xampp. Setelah itu buka web browser dan input path folder tersebut di addres bar. Akan tampil sebagai berikut.

Gambar Proses Database di Drupal

Kemudian pilih Standard dan Save. User akan dibawa menuju ke kategori Choose Language. Pilih sesuai selera dan Save lalu Continue. Atur jendela “verify requirements” ke Databasenya. Setelah selesai lalu klik Save and Continue. Tunggu hingga proses instalasi selesai. Di kolom Configure Site, input nama situs atau website. Llau masukkan username dan password. Klik Save dan View Website.

  1. Cara membuat web dengan Python

Sama halnya dengan program lain untuk membuat Website. Dibutuhkan aplikasi Xampp. Selain itu untuk Windows harus menginstal Python. Bagi Linux sudah tersedia secara gratis di OS mereka. Selain kedua aplikasi tersebut, CGI juga perlu. CGI ini adalah Common Gateway Interface untuk menjalankan aplikasi.

Langkah pertama adalah dengan menunjukkan letak dari eksekutor Python kepada CGI. Lalu masukkan script HTML seperti di bawah ini.

Gambar Script di Python

Lalu simpan ke dalam cgi-bin di dalam folder Xampp. Buat folder terpisah di dalam cgi-bin tersebut. Setelah itu buka website tersebut dengan mengetik localhost/cgi-bin/python/namafolderyangdibuat. Website sederhana dengan Python sudah selesai dibuat. User juga bisa menambahkan CSS dengan script seperti warna background, tulisan atau style lainnya sesuai selera.

Dari sekian banyak aplikasi dan pemograman untuk membuat website, tentu saja yang paling mudah dan bisa digunakan oleh para pemula adalah WordPress. Cukup melakukan registrasi kemudian memilih template sesuai selera baik yang gratis atau berbayar, website sudah jadi dan bisa diakses langsung dengan mudah. Sementara jika ingin menggunakan hosting dan domain, cukup membayar hosting dan domain tersebut maka wordpress sudah bisa diakses menggunakan nama situs yang diinginkan tanpa mengubah template yang sudah digunakan. Apalagi WordPress ini bisa diakses pula menggunakan smartphone. Tidak salah jika menggunakan WordPress untuk membuat website menjadi langkah yang cermat.

Leave a reply "29 Cara Membuat Website Dengan: HTML, Dreamweaver, WordPress, Notepad, Joomla, Xampp, Bootstrap Responsive Dari Awal"

Your email address will not be published. Required fields are marked *

Rating*