SlideShare a Scribd company logo
1 of 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

More Related Content

Similar to Pertemuan 3 HTML CSS JS

Design dan Pemrograman Web
Design dan Pemrograman WebDesign dan Pemrograman Web
Design dan Pemrograman Weboldias
 
Slide-INS106-INS106-Slide-01.ppt
Slide-INS106-INS106-Slide-01.pptSlide-INS106-INS106-Slide-01.ppt
Slide-INS106-INS106-Slide-01.pptjoko p
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programmingFrisianlllllllFlag
 
Tutorial web programing
Tutorial web programingTutorial web programing
Tutorial web programingeghha
 
Proyek web html menggunakan notepad
Proyek web html menggunakan notepadProyek web html menggunakan notepad
Proyek web html menggunakan notepadSamsuri14
 
Soal word processing
Soal word processingSoal word processing
Soal word processingSamsugi S
 
Besut Kode Seminar Malang
Besut Kode Seminar MalangBesut Kode Seminar Malang
Besut Kode Seminar MalangJohn Vandenberg
 
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.docxsupriadichannel
 
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 MarentikaFera Marentika
 
Tutorial web programing x rpl 1
Tutorial web programing x rpl 1Tutorial web programing x rpl 1
Tutorial web programing x rpl 1eghha
 
MEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptxMEDIA BELAJAR PENGANTAR HTML.pptx
MEDIA BELAJAR PENGANTAR HTML.pptxssuser71d74a
 
Belajar membuat website
Belajar membuat websiteBelajar membuat website
Belajar membuat websiteNadya Olivia
 

Similar to Pertemuan 3 HTML CSS JS (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
 

More from 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
 

Recently uploaded

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.pptxSlasiWidasmara1
 
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikabab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikaAtiAnggiSupriyati
 
contoh penulisan nomor skl pada surat kelulusan .pptx
contoh penulisan nomor skl pada surat kelulusan  .pptxcontoh penulisan nomor skl pada surat kelulusan  .pptx
contoh penulisan nomor skl pada surat kelulusan .pptxHR MUSLIM
 
Modul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase BModul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase BAbdiera
 
Integrasi nasional dalam bingkai bhinneka tunggal ika
Integrasi nasional dalam bingkai bhinneka tunggal ikaIntegrasi nasional dalam bingkai bhinneka tunggal ika
Integrasi nasional dalam bingkai bhinneka tunggal ikaAtiAnggiSupriyati
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfDimanWr1
 
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.pptxSovyOktavianti
 
PPT AKUNTANSI KEUANGAN MENENGAH DUA.pptx
PPT AKUNTANSI KEUANGAN MENENGAH DUA.pptxPPT AKUNTANSI KEUANGAN MENENGAH DUA.pptx
PPT AKUNTANSI KEUANGAN MENENGAH DUA.pptxssuser8905b3
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxdeskaputriani1
 
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)MustahalMustahal
 
Hiperlipidemiaaaaaaaaaaaaaaaaaaaaaaaaaaa
HiperlipidemiaaaaaaaaaaaaaaaaaaaaaaaaaaaHiperlipidemiaaaaaaaaaaaaaaaaaaaaaaaaaaa
Hiperlipidemiaaaaaaaaaaaaaaaaaaaaaaaaaaafarmasipejatentimur
 
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdfMODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdfNurulHikmah50658
 
RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...
RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...
RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...Kanaidi ken
 
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 Hidupfamela161
 
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdfMAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdfChananMfd
 
Membuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docxMembuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docxNurindahSetyawati1
 
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptxMateri IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptxmuhammadkausar1201
 
Dasar-Dasar Sakramen dalam gereja katolik
Dasar-Dasar Sakramen dalam gereja katolikDasar-Dasar Sakramen dalam gereja katolik
Dasar-Dasar Sakramen dalam gereja katolikThomasAntonWibowo
 
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDPPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDNurainiNuraini25
 
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...Kanaidi ken
 

Recently uploaded (20)

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
 
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikabab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
 
contoh penulisan nomor skl pada surat kelulusan .pptx
contoh penulisan nomor skl pada surat kelulusan  .pptxcontoh penulisan nomor skl pada surat kelulusan  .pptx
contoh penulisan nomor skl pada surat kelulusan .pptx
 
Modul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase BModul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase B
 
Integrasi nasional dalam bingkai bhinneka tunggal ika
Integrasi nasional dalam bingkai bhinneka tunggal ikaIntegrasi nasional dalam bingkai bhinneka tunggal ika
Integrasi nasional dalam bingkai bhinneka tunggal ika
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
 
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 AKUNTANSI KEUANGAN MENENGAH DUA.pptx
PPT AKUNTANSI KEUANGAN MENENGAH DUA.pptxPPT AKUNTANSI KEUANGAN MENENGAH DUA.pptx
PPT AKUNTANSI KEUANGAN MENENGAH DUA.pptx
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
 
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)
 
Hiperlipidemiaaaaaaaaaaaaaaaaaaaaaaaaaaa
HiperlipidemiaaaaaaaaaaaaaaaaaaaaaaaaaaaHiperlipidemiaaaaaaaaaaaaaaaaaaaaaaaaaaa
Hiperlipidemiaaaaaaaaaaaaaaaaaaaaaaaaaaa
 
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdfMODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
 
RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...
RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...
RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...
 
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
 
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdfMAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
 
Membuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docxMembuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docx
 
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptxMateri IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
 
Dasar-Dasar Sakramen dalam gereja katolik
Dasar-Dasar Sakramen dalam gereja katolikDasar-Dasar Sakramen dalam gereja katolik
Dasar-Dasar Sakramen dalam gereja katolik
 
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDPPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
 
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
 

Pertemuan 3 HTML CSS JS

  • 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