Tutorial Membuat Website Sendiri, Menggunakan HTML5, CSS3, PHP dan MySQL Gratis

Tutorial Membuat Website Sendiri Gratis dan Mudah untuk Pemula, Profesional menggunakan HTML5, CSS3, PHP dan MySQL, pada tulisan berikut ini, diperuntukan bagi Anda yang ingin belajar tahap tahap pembuatan website secara menyeluruh mulai dari desain grafis, desain web, pengembangan, publikasi website di internet sampai dengan tekhnik SEO.

Materi belajar buat website ini, berisikan 8 bagian penting, yaitu: pendahuluan, perencanaan, desaing grafis (graphich design), desain web (web design), pengembangan web (web development), publikasi website di internet (publishment), optimasi website pada mesin pencari (SEO) dan penambahan widget pada website.

Oh ya, sebelumnya saya telah membagikan ebook panduan belajar HTML dan CSS, namun dalam pembuatannya masih menggunakan versi HTML dan CSS sebelumnya atau yang lebih lawas. Nah, yang akan share pada tulisan ini, merupakan versi terbaru, yaitu HTML5 dan CSS3, tetapi aplikasi yang ini, tidak dalam bentuk ebook, melainkan aplikasi, yang bisa Anda instal di hp android.

Apakah Aplikasi ini bisa diakses, saat Anda tidak mempunyai paket data atau tidak terkoneksi ke internet? Bisa, Anda tetap bisa belajar membuat website, walau HP Android yang anda miliki tidak sedang online..

aplikasi membuat web

Selengkapnya, semua materi yang bisa Anda pelajari untuk belajar membuat website sendiri, diantaranya:
1. Pendahuluan

Pada bagian pendahuluan, berisikan maksud dan tujuan, lalu ada bagian tentang software apa saja yang perlu dipersiapkan. Di bagian ini, dituliskan bahwa untuk memulai pelatihan bisa menggunakan 3 tools, diantaranya adobe photoshop, Adobe Dreamweaver (saya pribadi lebih senang menggunakan notepad++) dan XAMPP

2. Mencari Ide Desain

3. Mencari Ide Desain

4. Membuat background dasar website

5. Membuat layout desain menu navigasi (navigation)

6. Membuat layout desain halaman atas (header)

7. Membuat layout desain isi halaman (content)

8. Membuat layout desain halaman samping (sidebar)

9. Membuat layout desain halaman bawah (footer)

10. Membuat Struktur dokumen HTML5 Semantic

11. Implementasi CSS

12. Mark Up CSS untuk desain menu navigasi (navigation)

13. Mark Up CSS untuk desain halaman atas (header)

14. Mark Up CSS untuk desain artikel (Welcome Page)

15. Mark Up CSS untuk desain halaman samping (sidebar)

16. Mark up css untuk desain halaman bawah (footer)

17. Mark up CSS untuk desain artikel (detail page)

18. Mark up CSS untuk desain tentang kami (about page)

19. Mark up CSS untuk desain kontak kami (contact page)

20. Pengenalan jQuery

21. Membuat efek visual dengan jQuery

22. Implementasi Ajax pada form input

Baca juga: belajar PHP Ajax jQuery PDF Lengkap Bahasa Indonesia
23. Implementasi plugin-plugin jQuery

24. Mark up CSS media query untuk desain responsif

25. Pengenalan PHP

26. Pengenalan database MySQL

27. Pengenalan Apache Server

28. Instalasi kebutuhan software devlopment

29. Analisa dan evaluasi kebutuhan sistem di website

30. Pembuatan alur proses dan data (Flowchart dan DFD) untuk menentukan tabel dan relasinya di database

31. Pembuatan tabel, kolom dan struktur data field di database MySQL

Artikel terkait: tutorial MyQL untuk Pemula Hingga Mahir Ebook Download PDF

32. Mempersiapkan PHP untuk memulai development

33. Menyiapkan desain web CMS dan pembuatan manipulasi content CMS

34. Pembuatan fasilitas penyimpanan pada CMS

35. Menampilkan data-data yang sudah disimpan di database MySQL pada CMS

36. Pembuatan fasilitas editing data pada CMS

37. Pembuatan fasilitas login dan logout pada CMS (authentifikasi)

38. Manipulasi data halaman samping (sidebar) da persiapan manipulasi halaman

39. Menampilkan data artikel (Welcome Page)

40. Menampilkan data detail artikel (detail page)

41. Menampilkan data kategori artikel (category page)

42. Menampilkan data pencarian (search page)

43. Menampilkan halan-halaman satatis (about dan contact page)

44. Menambah kolom baru pada tabel database

45. Plugin jQuery untuk upload gambar di CMS

46. Plugin jQuery untuk textarea di CMS

47. Publikasi Website (Publishment)

48. Optimasi Website (SEO)

49. Penggunaan Google analytic

50. Pembuatan Paging untuk Daftar Artikel Halaman Utama

Bagi Anda yang masih bingung, bagaimana cara membuat website pribadi? atau ingin tau bagaimana cara buat web, mungkin saatnya Anda memiliki aplikasi ini, karena semua materi di atas bisa Anda dapatkan secara gratis.. Ya, W3function (w3function.com), memberikan secara cuma-cuma semua materi yang sebenarnya merupakan materi kursus online premium atau berbayar dengan menyediakan aplikasi android untuk program kursus online..

Bagaimana cara mendapatkannya? Aplikasi dapat di download di google play secara gratis. Jadi, Anda tinggal menyediakan HP Android dan mendownload Aplikasinya .

Untuk mendownload Aplikasinya, silahkan klik disini

Share This

    3 Comments

    Add a Comment
    1. tutorialnya sangat bermanfaat sekali, terima kasih gan

    Leave a Reply

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

    Panduan Belajar Ms. Office | Sistem Pakar © 2017 Frontier Theme