SlideShare una empresa de Scribd logo
1 de 6
Pertemuan 3
Semester Genap 2020-2021
Aspek: Pengolahan
Latihan
Pertemuan 3 dst
• Penjelasan tentang HTML, CSS, dan Javascrip dalam Gmeet atau
Video
• Merancang web
• Mengupload di free webhosting
Apa yang harus dipersiapkan?
• Buat kelompok. Setiap kelompok terdiri dari 5 siswa.
• Buat folder. Beri nama kelompok (nama perusahaan) dan kelas.
contoh:
DapurNgebul XII IPA 4
• Siapkan program text-editor, seperti Notepad (windows), Gedit
(ubuntu/linux-MAC)
• Siapkan kelompok dengan pembagian tugas: Desainer grafis, pengisi
konten, pembuat laporan dan programmer web).
Pertemuan 3
• Siapkan nama dan desain logo perusahaan
• Siapkan filosofi logo
• Siapkan visi dan misi perusahaan
• Tuliskan nama anggota dan jobdesk untuk tugas pertemuan 3 di
word. Cantumkan juga filosofi logo dan visi misi perusahaan.
• Upload semua file (desain logo dalam format gambar) dan word ke
GC.
• Deadline 1 minggu. Lihat di GC.
HTML
<!Doctype html>
<html>
<head>
<title>Company Profile</title>
</head>
<body>
<h1>We Are DapurNgebul</h1>
<p>Selamat datang di situs DapurNegebul</p>
</body>
</html>
Save: index.html

Más contenido relacionado

Similar a Materi pembelajaran web dev

Design dan Pemrograman Web
Design dan Pemrograman WebDesign dan Pemrograman Web
Design dan Pemrograman Web
oldias
 
Slide-INS106-INS106-Slide-01.ppt
Slide-INS106-INS106-Slide-01.pptSlide-INS106-INS106-Slide-01.ppt
Slide-INS106-INS106-Slide-01.ppt
joko p
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programming
FrisianlllllllFlag
 
Tutorial web programing
Tutorial web programingTutorial web programing
Tutorial web programing
eghha
 
Proyek web html menggunakan notepad
Proyek web html menggunakan notepadProyek web html menggunakan notepad
Proyek web html menggunakan notepad
Samsuri14
 
TKJ F.5.2 Menjelaskan Konsep Services.docx
TKJ F.5.2 Menjelaskan Konsep Services.docxTKJ F.5.2 Menjelaskan Konsep Services.docx
TKJ F.5.2 Menjelaskan Konsep Services.docx
supriadichannel
 
Tutorial web programing x rpl 1
Tutorial web programing x rpl 1Tutorial web programing x rpl 1
Tutorial web programing x rpl 1
eghha
 
Belajar membuat website
Belajar membuat websiteBelajar membuat website
Belajar membuat website
Nadya Olivia
 

Similar a Materi pembelajaran web dev (20)

Design dan Pemrograman Web
Design dan Pemrograman WebDesign dan Pemrograman Web
Design dan Pemrograman Web
 
Slide-INS106-INS106-Slide-01.ppt
Slide-INS106-INS106-Slide-01.pptSlide-INS106-INS106-Slide-01.ppt
Slide-INS106-INS106-Slide-01.ppt
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programming
 
Tutorial web programing
Tutorial web programingTutorial web programing
Tutorial web programing
 
Buku ajar desain web
Buku ajar desain webBuku ajar desain web
Buku ajar desain web
 
Elemen html
Elemen htmlElemen html
Elemen html
 
Proyek web html menggunakan notepad
Proyek web html menggunakan notepadProyek web html menggunakan notepad
Proyek web html menggunakan notepad
 
Soal word processing
Soal word processingSoal word processing
Soal word processing
 
Cara Membuat Web Dasar
Cara Membuat Web DasarCara Membuat Web Dasar
Cara Membuat Web Dasar
 
Besut Kode Seminar Malang
Besut Kode Seminar MalangBesut Kode Seminar Malang
Besut Kode Seminar Malang
 
TKJ F.5.2 Menjelaskan Konsep Services.docx
TKJ F.5.2 Menjelaskan Konsep Services.docxTKJ F.5.2 Menjelaskan Konsep Services.docx
TKJ F.5.2 Menjelaskan Konsep Services.docx
 
Tugas rekweb 4
Tugas rekweb 4Tugas rekweb 4
Tugas rekweb 4
 
How to start a blog (beginer guides) by. Fera Marentika
How to start a blog (beginer guides) by. Fera MarentikaHow to start a blog (beginer guides) by. Fera Marentika
How to start a blog (beginer guides) by. Fera Marentika
 
Tutorial ci
Tutorial ciTutorial ci
Tutorial ci
 
Tutorial web programing x rpl 1
Tutorial web programing x rpl 1Tutorial web programing x rpl 1
Tutorial web programing x rpl 1
 
Modul html
Modul htmlModul html
Modul html
 
Modul html
Modul htmlModul html
Modul html
 
Modul html
Modul htmlModul html
Modul html
 
MEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptxMEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptx
 
Belajar membuat website
Belajar membuat websiteBelajar membuat website
Belajar membuat website
 

Más de Hindraswari Enggar

Konsep dan strategi implementasi kwu 2019
Konsep dan strategi implementasi kwu 2019Konsep dan strategi implementasi kwu 2019
Konsep dan strategi implementasi kwu 2019
Hindraswari Enggar
 

Más de Hindraswari Enggar (20)

Proyek pertemuan 1
Proyek pertemuan 1Proyek pertemuan 1
Proyek pertemuan 1
 
Proyek pertemuan 1
Proyek pertemuan 1Proyek pertemuan 1
Proyek pertemuan 1
 
Asesmen non kognitif awal tab
Asesmen non kognitif awal tabAsesmen non kognitif awal tab
Asesmen non kognitif awal tab
 
Lakukan satu kebaikan
Lakukan satu kebaikanLakukan satu kebaikan
Lakukan satu kebaikan
 
Bmc
BmcBmc
Bmc
 
Materi life skill
Materi life skillMateri life skill
Materi life skill
 
Toko online
Toko onlineToko online
Toko online
 
Konsep dan strategi implementasi kwu 2019
Konsep dan strategi implementasi kwu 2019Konsep dan strategi implementasi kwu 2019
Konsep dan strategi implementasi kwu 2019
 
Hack designthinking 2019 ver. 7
Hack designthinking 2019 ver. 7Hack designthinking 2019 ver. 7
Hack designthinking 2019 ver. 7
 
Design thinking new for kwu sma 2
Design thinking new for kwu sma 2Design thinking new for kwu sma 2
Design thinking new for kwu sma 2
 
Iht design thinking 4
Iht design thinking 4Iht design thinking 4
Iht design thinking 4
 
Iht design thinking 3 copy
Iht design thinking 3 copyIht design thinking 3 copy
Iht design thinking 3 copy
 
Iht design thinking
Iht design thinkingIht design thinking
Iht design thinking
 
Kbm pkwu final
Kbm pkwu finalKbm pkwu final
Kbm pkwu final
 
Prakarya dan kewirausahaan untuk sma
Prakarya dan kewirausahaan untuk smaPrakarya dan kewirausahaan untuk sma
Prakarya dan kewirausahaan untuk sma
 
Iklan animasi
Iklan animasiIklan animasi
Iklan animasi
 
Hewan kesayanganku
Hewan kesayangankuHewan kesayanganku
Hewan kesayanganku
 
Dokumentasi foto kegiatan kewirausahaan
Dokumentasi foto kegiatan kewirausahaanDokumentasi foto kegiatan kewirausahaan
Dokumentasi foto kegiatan kewirausahaan
 
Tanaman hias
Tanaman hiasTanaman hias
Tanaman hias
 
Kerajinan berdasar inspirasi budaya lokal non benda
Kerajinan berdasar inspirasi budaya lokal non bendaKerajinan berdasar inspirasi budaya lokal non benda
Kerajinan berdasar inspirasi budaya lokal non benda
 

Último

ppt-akhlak-tercela-foya-foya-riya-sumah-takabur-hasad asli.ppt
ppt-akhlak-tercela-foya-foya-riya-sumah-takabur-hasad asli.pptppt-akhlak-tercela-foya-foya-riya-sumah-takabur-hasad asli.ppt
ppt-akhlak-tercela-foya-foya-riya-sumah-takabur-hasad asli.ppt
AgusRahmat39
 
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxPPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
dpp11tya
 

Último (20)

POWER POINT MODUL 1 PEBI4223 (PENDIDIKAN LINGKUNGAN HIDUP)
POWER POINT MODUL 1 PEBI4223 (PENDIDIKAN LINGKUNGAN HIDUP)POWER POINT MODUL 1 PEBI4223 (PENDIDIKAN LINGKUNGAN HIDUP)
POWER POINT MODUL 1 PEBI4223 (PENDIDIKAN LINGKUNGAN HIDUP)
 
(NEW) Template Presentasi UGM 2 (2).pptx
(NEW) Template Presentasi UGM 2 (2).pptx(NEW) Template Presentasi UGM 2 (2).pptx
(NEW) Template Presentasi UGM 2 (2).pptx
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
 
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
 
presentasi lembaga negara yang ada di indonesia
presentasi lembaga negara yang ada di indonesiapresentasi lembaga negara yang ada di indonesia
presentasi lembaga negara yang ada di indonesia
 
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxPEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
 
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk HidupUT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
 
Materi Sosiologi Kelas X Bab 1. Ragam Gejala Sosial dalam Masyarakat (Kurikul...
Materi Sosiologi Kelas X Bab 1. Ragam Gejala Sosial dalam Masyarakat (Kurikul...Materi Sosiologi Kelas X Bab 1. Ragam Gejala Sosial dalam Masyarakat (Kurikul...
Materi Sosiologi Kelas X Bab 1. Ragam Gejala Sosial dalam Masyarakat (Kurikul...
 
PPT Penjumlahan Bersusun Kelas 1 Sekolah Dasar
PPT Penjumlahan Bersusun Kelas 1 Sekolah DasarPPT Penjumlahan Bersusun Kelas 1 Sekolah Dasar
PPT Penjumlahan Bersusun Kelas 1 Sekolah Dasar
 
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdfSalinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
 
Prakarsa Perubahan ATAP (Awal - Tantangan - Aksi - Perubahan)
Prakarsa Perubahan ATAP (Awal - Tantangan - Aksi - Perubahan)Prakarsa Perubahan ATAP (Awal - Tantangan - Aksi - Perubahan)
Prakarsa Perubahan ATAP (Awal - Tantangan - Aksi - Perubahan)
 
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfREFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
 
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMMAKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
 
ppt-akhlak-tercela-foya-foya-riya-sumah-takabur-hasad asli.ppt
ppt-akhlak-tercela-foya-foya-riya-sumah-takabur-hasad asli.pptppt-akhlak-tercela-foya-foya-riya-sumah-takabur-hasad asli.ppt
ppt-akhlak-tercela-foya-foya-riya-sumah-takabur-hasad asli.ppt
 
MATEMATIKA EKONOMI MATERI ANUITAS DAN NILAI ANUITAS
MATEMATIKA EKONOMI MATERI ANUITAS DAN NILAI ANUITASMATEMATIKA EKONOMI MATERI ANUITAS DAN NILAI ANUITAS
MATEMATIKA EKONOMI MATERI ANUITAS DAN NILAI ANUITAS
 
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptxMODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
 
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING...
PELAKSANAAN  + Link-Link MATERI Training_ "Effective INVENTORY &  WAREHOUSING...PELAKSANAAN  + Link-Link MATERI Training_ "Effective INVENTORY &  WAREHOUSING...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING...
 
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxPPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
 

Materi pembelajaran web dev

  • 1. Pertemuan 3 Semester Genap 2020-2021 Aspek: Pengolahan
  • 3. Pertemuan 3 dst • Penjelasan tentang HTML, CSS, dan Javascrip dalam Gmeet atau Video • Merancang web • Mengupload di free webhosting
  • 4. Apa yang harus dipersiapkan? • Buat kelompok. Setiap kelompok terdiri dari 5 siswa. • Buat folder. Beri nama kelompok (nama perusahaan) dan kelas. contoh: DapurNgebul XII IPA 4 • Siapkan program text-editor, seperti Notepad (windows), Gedit (ubuntu/linux-MAC) • Siapkan kelompok dengan pembagian tugas: Desainer grafis, pengisi konten, pembuat laporan dan programmer web).
  • 5. Pertemuan 3 • Siapkan nama dan desain logo perusahaan • Siapkan filosofi logo • Siapkan visi dan misi perusahaan • Tuliskan nama anggota dan jobdesk untuk tugas pertemuan 3 di word. Cantumkan juga filosofi logo dan visi misi perusahaan. • Upload semua file (desain logo dalam format gambar) dan word ke GC. • Deadline 1 minggu. Lihat di GC.
  • 6. HTML <!Doctype html> <html> <head> <title>Company Profile</title> </head> <body> <h1>We Are DapurNgebul</h1> <p>Selamat datang di situs DapurNegebul</p> </body> </html> Save: index.html