PPT Pert.1 Konsep Dasar Web Kelas X TKJ.pptx

Konsep Dasar Web

1. Konsep Dasar Web Insert the Subtitle of Your Presentation

2. Tujuan Pembelajaran 1. Mampu memahami konsep dasar Pemrograman Web 2. Mampu memahami istilah-istilah yang ada dalam pemrograman web 3. Mampu menggunakan text editor 4. Mampu mengimplementasikan Struktur Navigasi

3. Pengertian Web kumpulan halaman digital yang berisi informasi berupa teks , animasi , gambar , suara dan video atau gabungan dari semuanya yang terkoneksi oleh internet, sehingga dapat dilihat oleh seluruh siapapun yang terkoneksi jaringan internet

4. Jenis-Jenis Website Merupakan website yang mempunyai halaman yang tidak berubah . Perubahan suatu halaman dilakukan secara manual dengan mengedit code yang menjadi stuktur dari website tersebut . Web Statis Merupakan website yang secara terstruktur diperuntukan untuk diupdate sesering mungkin . Biasanya disediakan halaman backend untuk melakukan perubahan konten dari website tersebut . Contohnya : web portal, web berita , dll . Web Dinamis Merupakan website yang berinteraksi antara penggunanya . Biasanya berupa forum diskusi maupun blog. Dimana adanya moderator sebagai pengatur alur diskusi . Web Interaktif

5. Pengertian Pemrograman Web 0.00 0.00 HTML PHP JAVA SCRIPT Bahasa yang digunakan untuk pembuatan 1 halaman Web Bahasa Skrip Web Pemrograman web adalah pembuatan aplikasi program dengan bahasa skrip yang akan menghasilkan sebuah aplikasi yang diakses pada web browser. Pengertian Pemrograman Web CSS

6. Istilah-Istilah Dalam Pemrograman Web Internet berarti rangkaian komputer yang terhubung menjadi beberapa rangkaian jaringan Internet kumpulan web server diseluruh dunia yang dapat menyediakan data dan informasi untuk dapat digunakan secara massal . World Wide Web (WWW) istilah yang merujuk kepada suatu nama halaman web yang dapat diakses jika terkoneksi dengan internet Website suatu alamat yang menunjukkan sebuah halaman tertentu internet. Contoh URL adalah : http://www.google.com URL (Universal Resource Locator) HTTP merupakan bagian dari URL digunakan untuk mengidentifikasikan lokasi web, dan digunakan dalam protokol HTML. HTTP (Hypertext Transfer Protocol)

7. Istilah-Istilah Dalam Pemrograman Web IP ( Internet Protocol) merupakan protokol yang digunakan dalam internet untuk pengelamatan IP (Internet Protocol) Hyperlink atau disebut link merupakan sebuah tools yang berperan dalam mempopulerkan penggunaan internet, hyperlink dapat mereferensikan sebuah teks atau gambar ke alamat lain di internet. Hyperlink Menggunakan web browser mudah , yang diperlukan hanyalah Anda harus memiliki alamat web yang akan dibuka . Alamat ini biasa disebut dengan Uniform Resource Locator (URL) Web Browser

8. TEXT EDITOR NOTEPAD NOTEPAD++ SUBLIME TEXT ATOM

9. Infographic Style You can simply impress your audience and add a unique zing and appeal to your Presentations. Contents Title Contents Title You can simply impress your audience and add a unique zing and appeal to your Presentations. Contents Title You can simply impress your audience and add a unique zing and appeal to your Presentations. Contents Title You can simply impress your audience and add a unique zing and appeal to your Presentations. Contents Title You can simply impress your audience and add a unique zing and appeal to your Presentations. Contents Title Contents Title Contents Title Contents Title Contents Title

10. SIMPLE PORTFOLIO PRESENTATION Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time. Get a modern PowerPoint Presentation that is beautifully designed. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. Easy to change colors, photos and Text. ALLPPT Layout Clean Text Slide for your Presentation

11. Infographic Style Example Text : Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Presentations. Contents _ Graph Example Text : Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. Example Text : Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. NO.1 Presentation Modern PowerPoint Presentation

12. Infographic Style Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time. Contents Title Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time. Contents Title Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time. Contents Title Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time. Contents Title 85% 65% 50% 30%

13. Awesome P resentation You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. Get a modern PowerPoint Presentation that is beautifully designed. You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint AWESOME PRESENTATION

14. Infographic Style Option A Option B You can simply impress your audience and add a unique zing and appeal to your Presentations. You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. You can simply impress your audience. Add Contents Title Get a modern PowerPoint Get a modern PowerPoint Get a modern PowerPoint Get a modern PowerPoint Add Contents Title Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. You can simply impress your audience. Add Contents Title Get a modern PowerPoint Get a modern PowerPoint Get a modern PowerPoint Get a modern PowerPoint Add Contents Title

15. Infographic Style ALLPPT Layout Clean Text Slide for your Presentation You can simply impress your audience and add a unique zing and appeal to your Presentations. I hope and I believe that this Template will your Time, Money and Reputation. Get a modern PowerPoint Presentation that is beautifully designed. Get a modern PowerPoint Presentation that is beautifully designed. Portfolio Presentation Simple Portfolio You can simply impress your audience and add a unique zing and appeal to your Presentations. You can simply impress your audience and add a unique zing and appeal to your Presentations. Portfolio Presentation Simple Portfolio You can simply impress your audience and add a unique zing and appeal to your Presentations. You can simply impress your audience and add a unique zing and appeal to your Presentations.

16. AWESOM S LIDE Orange Portfolio Designed L OREM IPSUM DOLOR SIT AMET, CU USU AGAM INTEGRE IMPEDIT. You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. Easy to change colors, photos and Text. I hope and I believe that this Template will your Time, Money and Reputation. Get a modern PowerPoint Presentation that is beautifully designed. Get a modern PowerPoint Presentation that is beautifully designed. Easy to change colors, photos and Text.

17. Infographic Style 45 % You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. Get a modern PowerPoint Presentation that is beautifully designed. You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. Get a modern PowerPoint Presentation that is beautifully designed. You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. Add Contents Title 45% Your Text Here 18% Your Text Here

18. Infographic Style Your Text Here $25 Text Here Text Here Text Here Text Here Your Text Here Your Text Here $52 Text Here Text Here Text Here Text Here Your Text Here Your Text Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. Get a modern PowerPoint Presentation that is beautifully designed. Your Text Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. Get a modern PowerPoint Presentation that is beautifully designed.

19. Success Business You can simply impress your audience and add a unique zing and appeal to your Presentations. Content Here Content Here Content Here Content Here Chart Title 80% 60% 70% Infographic Style

20. Infographic Style S T W O THREATS You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. STRENGTHS You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. WEAKNESS You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. OPPORTUNITIES You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text.

21. Infographic Style Content You can simply impress your audience and add a unique zing and appeal to your Presentations. Content You can simply impress your audience and add a unique zing and appeal to your Presentations. Content You can simply impress your audience and add a unique zing and appeal to your Presentations. Content You can simply impress your audience and add a unique zing and appeal to your Presentations. You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. Get a modern PowerPoint Presentation that is beautifully designed.

22. You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. You can simply impress your audience and add a unique zing and appeal to your Presentations. AWESOME S LIDE L OREM IPSUM DOLOR SIT AMET, CU USU AGAM INTEGRE IMPEDIT. L OREM IPSUM DOLOR SIT AMET

23. Infographic Style A Case B Case Content Here 50 % Content Here 75 % A Case You can simply impress your audience and add a unique zing and appeal to your Reports and Presentations with our Templates. Content Here 50 % Content Here 75 % B Case You can simply impress your audience and add a unique zing and appeal to your Reports and Presentations with our Templates.

24. Infographic Style 85 % You can simply impress your audience and add a unique zing. 70 % You can simply impress your audience and add a unique zing. 65 % You can simply impress your audience and add a unique zing. 55 % You can simply impress your audience and add a unique zing. 42 % You can simply impress your audience and add a unique zing. Get a modern PowerPoint Presentation that is beautifully designed. Easy to change colors, photos and Text. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time. You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time. Get a modern PowerPoint Presentation that is beautifully designed.

25. We Create Quality Professional PPT Presentation Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time. Easy to change colors, photos. You can simply impress your audience and add a unique zing and appeal to your Presentations. Content Here Get a modern PowerPoint Presentation that is beautifully designed. Content Here Get a modern PowerPoint Presentation that is beautifully designed. Content Here Get a modern PowerPoint Presentation that is beautifully designed.

26. Infographic Style You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. Content Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. Content Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. Content Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Get a modern PowerPoint Presentation that is beautifully designed. Content Here

27. Infographic Style Get a modern PowerPoint Presentation that is beautifully designed. VISION Get a modern PowerPoint Presentation that is beautifully designed. MISSION You can simply impress your audience and add a unique zing and appeal to your Presentations. VALUE You can simply impress your audience and add a unique zing and appeal to your Presentations. VALUE You can simply impress your audience and add a unique zing and appeal to your Presentations. VALUE CONTENTS

28. AWESOME S LIDE L OREM IPSUM DOLOR SIT AMET, CU USU AGAM INTEGRE IMPEDIT. L OREM IPSUM DOLOR SIT AMET ALLPPT Layout Clean Text Slide for your Presentation

29. Infographic Style Contents Here Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Contents Here Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Contents Here Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Contents Here Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Contents Here Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. We Create Professional Presentation 01 02 03 04 05

30. Infographic Style Your Text Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. Your Text Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. Your Text Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. Your Text Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. 52 % 43 % 65 % 83 % 01 02 03 04

31. You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Contents Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. Contents Here

32. Infographic Style Your Text Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text Your Text Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Your Text Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text Your Text Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text Your Text Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text

33. Infographic Style Add Text Get a modern PowerPoint Presentation that is beautifully designed. Easy to change colors, photos. Add Text Get a modern PowerPoint Presentation that is beautifully designed. Easy to change colors, photos. Add Text Get a modern PowerPoint Presentation that is beautifully designed. Easy to change colors, photos. Add Text Get a modern PowerPoint Presentation that is beautifully designed. Easy to change colors, photos. Add Text Get a modern PowerPoint Presentation that is beautifully designed. Easy to change colors, photos. Add Text Get a modern PowerPoint Presentation that is beautifully designed. Easy to change colors, photos.

34. Simple Portfolio Designed Example Text : Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. Get a modern PowerPoint Presentation that is beautifully designed. You can simply impress your audience and add a unique zing and appeal to your Presentations. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. L OREM IPSUM DOLOR SIT AMET, CU USU AGAM INTEGRE IMPEDIT.

35. Infographic Style Content Here Content Here Content Here Content Here Content Here Content Here Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time Money and Reputation. Content Here Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time Money and Reputation. Content Here Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time Money and Reputation. Content Here Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time Money and Reputation. Content Here Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time Money and Reputation.

36. Infographic Style Content Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos. Content Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos. Content Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos. Content Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos. Content Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos. Content Here You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos.

37. Get a modern PowerPoint Presentation that is beautifully designed. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Presentations. I hope a nd I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. Get a modern PowerPoint Presen tation that is beautifully designed. You can simply impress your audience and add a unique zing and appeal to your Presentations. I hope a nd I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. Get a modern PowerPoint Presen tation that is beautifully designed. Portfolio Presentati on

38. Infographic Style Content Here Text Here Content Here Text Here Content Here Text Here Text Here Content Here Content Here Text Here Content Here Text Here Content Here Content Here Text Here Content Here Text Here Content Here Text Here Content Here Text Here Text Here Content Here Text Here Content Here Text Here Content Here Content Here Text Here Content Here Text Here Text Here Text Here Text Here Content Here Content Here Content Here Content Here Content Here Text Here Text Here Text Here Text Here Content Here Content Here Content Here Text Here

39. Infographic Style You can simply impress your audience and add a unique zing and appeal to your Presentations. I hope and I believe that this Template will your Time, Money and Reputation. Content Here You can simply impress your audience and add a unique zing and appeal to your Presentations. I hope and I believe that this Template will your Time, Money and Reputation. Content Here You can simply impress your audience and add a unique zing and appeal to your Presentations. I hope and I believe that this Template will your Time, Money and Reputation. Content Here You can simply impress your audience and add a unique zing and appeal to your Presentations. I hope and I believe that this Template will your Time, Money and Reputation. Content Here 02 03 04 05 01 You can simply impress your audience and add a unique zing and appeal to your Presentations. I hope and I believe that this Template will your Time, Money and Reputation. Content Here

40. Columns Style Columns Infographic Simple Portfolio Designed You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. I hope and I believe that this Template will your Time, Money and Reputation. You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. I hope and I believe that this Template will your Time, Money and Reputation. You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. I hope and I believe that this Template will your Time, Money and Reputation. You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Presentations. You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. I hope and I believe that this Template will your Time, Money and Reputation. You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Presentations. I hope and I believe that this Template will your Time, Money and Reputation. You can simply impress your audience and add a unique zing and appeal to your Presentations. Easy to change colors, photos and Text.

41. Column Style PowerPoint Presentation Templates Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Reports and Presentations with our Templates. Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Reports and Presentations with our Templates. I hope and I believe that this Template will your Time, Money and Reputation. You can simply impress your audience and add a unique zing and appeal to your Reports and Presentations. Get a modern PowerPoint Presentation that is beautifully designed. PowerPoint Presentation Templates Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Reports and Presentations with our Templates. Get a modern PowerPoint Presentation that is beautifully designed. I hope and I believe that this Template will your Time, Money and Reputation. Easy to change colors, photos and Text. You can simply impress your audience and add a unique zing and appeal to your Reports and Presentations with our Templates. I hope and I believe that this Template will your Time, Money and Reputation. You can simply impress your audience and add a unique zing and appeal to your Reports and Presentations. Get a modern PowerPoint Presentation that is beautifully designed.

42. THANK YOU Insert the Subtitle of Your Presentation

43. Fully Editable Shapes

44. Fully Editable Shapes

45. Fully Editable Icon Sets: A

46. Fully Editable Icon Sets: B

47. Fully Editable Icon Sets: C