SlideShare a Scribd company logo
CSS Layouting
Cara Layouting Web dengan CSS
Toni Tegar Sahidi
   tonitegarsahidi@gmail.com
STT Stikma Internasional, Malang
CSS Layout Overview
#1 <div></div>
#2 CSS Layout Tutorial
#3 Box Model
#1 <div></div>


            1/6
dahulu...
orang melayout website
    dengan <table>
tapi itu penggunaan <table>
       yang tidak tepat
<table> digunakan untuk
menampilkan data tabular
     (bukan layout)
<div></div>
elemen <div> adalah sebuah
     blok level yang dapat
  digunakan untuk container,
dan mengelompokkan elemen
            html lain
<div> + CSS = GroupLayouting
<div> & CSS sering digunakan
  untuk melayout dokumen
#2 CSS Layouting
         Tutorial

               1/6
Rencana Layout
      header




maincontent     sidebar




       footer
Step 1 : definisikan body
<html>
<head>
 <title>Belajar Layout dengan CSS</title>
 <link rel="stylesheet" type="text/css"
 href="style1.css" />
</head>
<body>
</body>
</html>
body{
  background:#7fb3cc;
  font-family:callibri,verdana,arial;
 }
Step 2 : Buat sebuah div
  kontainer yang akan jadi
“wadah” bagi elemen lainnya
<body>
 <div class="container">
 </div>
</body>
.container{
    width:900px;
    background:#ffffff;
    margin-left:auto;
    margin-right:auto;
}
Kok nggak           ?
            kelihatan
.container{
    width:900px;
    background:#ffffff;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #333333;
}
border sudah kelihatan
dalam bentuk garis saja...
masih nggak           ?
              kelihatan
.container{
    width:900px;
    background:#ffffff;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #333333;
    padding:10px;
}
lihat kotak putih ini?
Step 3 : Membuat Header
<div class="container">
<div id="header">
  <h2>Toko Online Saya</h2>
  Selamat datang di Toko Online kami..
</div>
</div>
#header{
    background:#D1C1FF;
}
lihat jarak ini?
mari hilangkan margin
      milik <h2>
#header{
    background:#D1C1FF;
}


#header h2{
    margin:0px;
}



                  Menghilangkan margin untuk h2 milik id header
atau kita hilangkan margin
  untuk semua tag h1-h6
h1,h2,h3,h4,h5,h6{
    margin:0px;
}
Step 4 : Content & Footer
...
      <div id="content">
    <div id="maincontent">Ini adalah
  Content</div>
    <div id="sidebar"><h2>Sidebar
  samping</h2></div>
      </div>
...
...


<div id="footer"> Copyleft 2012
 TokoOnlineKu.com</div>
...
<body>
  <div id="container">
   <div id="header">
      <h2>Toko Online Saya</h2>
      Selamat datang di Toko Online kami..
   </div>
   <div id="content">
      <div id="maincontent">Ini adalah Content</div>
      <div id="sidebar"><h2>Sidebar / samping</h2></div>
   </div>
   <div id="footer">Copyleft 2012 TokoOnlineKu.com</div>
  </div>
</body>
#content{
    width:100%;
}
#maincontent{
    background:#ffffff;
    width:75%;
}
#sidebar{
    background:#C1F7FF;
    width:25%;
}
#footer{
    background:#499CA8;
}
Kok tampilannya gini sih?
#maincontent{
    background:#ffffff;
    width:75%;
    float:left;
}


#sidebar{
    background:#C1F7FF;
    width:25%;
    float:left;
}
Emm... Hampir benar?
#footer{
    background:#499CA8;
    clear:both;
}
refining
Padding & Content
#header{
    background:#50D4E7;
    padding:10px;
}
sebelum padding




sesudah padding:10px
#footer{
    background:#499CA8;
    clear:both;
    padding:10px;
    text-align:center;
}
sebelum padding & text-align




sesudah padding & text-align
#3 CSS Box Model


              1/6
pada dasarnya semua elemen HTML
  dapat dianggap sebagai sebuah
     ”kotak” (CSS Box Model)
CSS Box Model intinya adalah kotak
 yang membungkus/mengelilingi
      semua elemen HTML
Komponen CSS Box Model
#margins
#border
#padding
#content
setting heigth & width
(misal width:250px) hanya mengatur
 lebar dan tinggi untuk content area
div.ex
{
    width:220px;
    padding:10px;
    border:5px solid gray;
    margin:0px;
}
margin
                            border
                            padding
                            content

0   5   10                    220                     10      5   0




        Total lebar = 0 + 5 + 10 + 220 + 10 + 5 + 0 = 250px
div.ex
{
    width:220px;
    padding:10px;
    border:5px solid gray;
    margin:0px;
}
<img src="w3css.gif" width="250"
height="250" />

<div class="ex">Lebar gambar diatas
adalah 250px, total lebar elemen ini pun
juga sama 250px</div>
Further references :
http://www.w3schools.com
next session
   JavaScript

More Related Content

Similar to 6 pemrograman internet css layouting

Java web application 2 - membuat template web
Java web application 2 - membuat template webJava web application 2 - membuat template web
Java web application 2 - membuat template web
Doni Andriansyah
 
Css tutorial-19
Css tutorial-19Css tutorial-19
Css tutorial-19
Karin Novilda
 
Css tutorial-20
Css tutorial-20Css tutorial-20
Css tutorial-20
Karin Novilda
 
Desain web 2 kolom
Desain web 2 kolomDesain web 2 kolom
Desain web 2 kolomHaswi Haswi
 
Pengenalan web minggu ketiga
Pengenalan web minggu ketigaPengenalan web minggu ketiga
Pengenalan web minggu ketigaWawan Darmawan
 
Pertemuan 5
Pertemuan 5Pertemuan 5
Pertemuan 5
beiharira
 
Modul 5-css-dasar-css
Modul 5-css-dasar-cssModul 5-css-dasar-css
Modul 5-css-dasar-css
Rosyid Musthofa
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
FirmanADaru
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
Lukman Fakih
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
SayedAchmady1
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
Heru762601
 
1210651097 css
1210651097 css1210651097 css
1210651097 css
ardyansyahAhmad
 
Sourcode Web Berbasis HTML, PHP, CMS, MYSQL
Sourcode Web Berbasis HTML, PHP, CMS, MYSQLSourcode Web Berbasis HTML, PHP, CMS, MYSQL
Sourcode Web Berbasis HTML, PHP, CMS, MYSQL
Angga Joe Amstrong
 
Modul html
Modul htmlModul html
Modul html
ferdiambarala
 
Tugas 9 Rekayasa Web 0316
Tugas 9 Rekayasa Web 0316Tugas 9 Rekayasa Web 0316
Tugas 9 Rekayasa Web 0316
sapatati
 
Membuat daftar isi di blogspot
Membuat daftar isi di blogspotMembuat daftar isi di blogspot
Membuat daftar isi di blogspot
Said Haikal Ahmad
 
Tutorial web nizar
Tutorial web nizarTutorial web nizar
Tutorial web nizarNizar Zulmi
 

Similar to 6 pemrograman internet css layouting (20)

Css tutorial-20
Css tutorial-20Css tutorial-20
Css tutorial-20
 
Java web application 2 - membuat template web
Java web application 2 - membuat template webJava web application 2 - membuat template web
Java web application 2 - membuat template web
 
Css tutorial-19
Css tutorial-19Css tutorial-19
Css tutorial-19
 
Css tutorial-19
Css tutorial-19Css tutorial-19
Css tutorial-19
 
Css tutorial-20
Css tutorial-20Css tutorial-20
Css tutorial-20
 
Desain web 2 kolom
Desain web 2 kolomDesain web 2 kolom
Desain web 2 kolom
 
Pengenalan web minggu ketiga
Pengenalan web minggu ketigaPengenalan web minggu ketiga
Pengenalan web minggu ketiga
 
PBW Tugas
PBW TugasPBW Tugas
PBW Tugas
 
Pertemuan 5
Pertemuan 5Pertemuan 5
Pertemuan 5
 
Modul 5-css-dasar-css
Modul 5-css-dasar-cssModul 5-css-dasar-css
Modul 5-css-dasar-css
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
 
1210651097 css
1210651097 css1210651097 css
1210651097 css
 
Sourcode Web Berbasis HTML, PHP, CMS, MYSQL
Sourcode Web Berbasis HTML, PHP, CMS, MYSQLSourcode Web Berbasis HTML, PHP, CMS, MYSQL
Sourcode Web Berbasis HTML, PHP, CMS, MYSQL
 
Modul html
Modul htmlModul html
Modul html
 
Tugas 9 Rekayasa Web 0316
Tugas 9 Rekayasa Web 0316Tugas 9 Rekayasa Web 0316
Tugas 9 Rekayasa Web 0316
 
Membuat daftar isi di blogspot
Membuat daftar isi di blogspotMembuat daftar isi di blogspot
Membuat daftar isi di blogspot
 
Tutorial web nizar
Tutorial web nizarTutorial web nizar
Tutorial web nizar
 

More from Toni Tegar Sahidi

13 php mysql 3 combining
13 php mysql 3   combining13 php mysql 3   combining
13 php mysql 3 combining
Toni Tegar Sahidi
 
12 php mysql 2 study case
12 php mysql 2   study case12 php mysql 2   study case
12 php mysql 2 study case
Toni Tegar Sahidi
 
11 php mysql 1 intro
11 php mysql 1   intro11 php mysql 1   intro
11 php mysql 1 intro
Toni Tegar Sahidi
 
4 pemrograman internet html (2)
4 pemrograman internet   html (2)4 pemrograman internet   html (2)
4 pemrograman internet html (2)
Toni Tegar Sahidi
 
2 pemrograman internet bedah halaman web
2 pemrograman internet   bedah halaman web2 pemrograman internet   bedah halaman web
2 pemrograman internet bedah halaman web
Toni Tegar Sahidi
 
1 pemrograman internet kuliah pengantar
1 pemrograman internet   kuliah pengantar1 pemrograman internet   kuliah pengantar
1 pemrograman internet kuliah pengantar
Toni Tegar Sahidi
 
3 pemrograman internet html (1)
3 pemrograman internet   html (1)3 pemrograman internet   html (1)
3 pemrograman internet html (1)Toni Tegar Sahidi
 

More from Toni Tegar Sahidi (7)

13 php mysql 3 combining
13 php mysql 3   combining13 php mysql 3   combining
13 php mysql 3 combining
 
12 php mysql 2 study case
12 php mysql 2   study case12 php mysql 2   study case
12 php mysql 2 study case
 
11 php mysql 1 intro
11 php mysql 1   intro11 php mysql 1   intro
11 php mysql 1 intro
 
4 pemrograman internet html (2)
4 pemrograman internet   html (2)4 pemrograman internet   html (2)
4 pemrograman internet html (2)
 
2 pemrograman internet bedah halaman web
2 pemrograman internet   bedah halaman web2 pemrograman internet   bedah halaman web
2 pemrograman internet bedah halaman web
 
1 pemrograman internet kuliah pengantar
1 pemrograman internet   kuliah pengantar1 pemrograman internet   kuliah pengantar
1 pemrograman internet kuliah pengantar
 
3 pemrograman internet html (1)
3 pemrograman internet   html (1)3 pemrograman internet   html (1)
3 pemrograman internet html (1)
 

Recently uploaded

ppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdfppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdf
setiatinambunan
 
Kisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SDKisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SD
denunugraha
 
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
ozijaya
 
ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025
ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025
ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025
PreddySilitonga
 
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
asepridwan50
 
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa BaratPendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Eldi Mardiansyah
 
penjelasan tentang tugas dan wewenang pkd
penjelasan tentang tugas dan wewenang pkdpenjelasan tentang tugas dan wewenang pkd
penjelasan tentang tugas dan wewenang pkd
jaya35ml2
 
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum MerdekaModul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Fathan Emran
 
AKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AKSI NYATA FASILITATOR PEMBELAJARAN.pptxAKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AdeRinaMuliawati1
 
Koneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya PositifKoneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya Positif
Rima98947
 
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakatPPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
jodikurniawan341
 
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdfPENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
smp4prg
 
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
nasrudienaulia
 
PERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.ppt
PERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.pptPERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.ppt
PERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.ppt
EkaPuspita67
 
RESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptx
RESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptxRESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptx
RESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptx
ABDULRASIDSANGADJI1
 
Visi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
Visi Misi SDN 2 Krenceng dalam Observasi Kepala SekolahVisi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
Visi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
kusnen59
 
ppt landasan pendidikan Alat alat pendidikan PAI 9_
ppt landasan pendidikan Alat alat pendidikan PAI 9_ppt landasan pendidikan Alat alat pendidikan PAI 9_
ppt landasan pendidikan Alat alat pendidikan PAI 9_
setiatinambunan
 
Penjelasan tentang Tahapan Sinkro PMM.pptx
Penjelasan tentang Tahapan Sinkro PMM.pptxPenjelasan tentang Tahapan Sinkro PMM.pptx
Penjelasan tentang Tahapan Sinkro PMM.pptx
GuneriHollyIrda
 
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
zakkimushoffi41
 
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdfLaporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
UmyHasna1
 

Recently uploaded (20)

ppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdfppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdf
 
Kisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SDKisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SD
 
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
 
ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025
ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025
ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025
 
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
 
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa BaratPendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
 
penjelasan tentang tugas dan wewenang pkd
penjelasan tentang tugas dan wewenang pkdpenjelasan tentang tugas dan wewenang pkd
penjelasan tentang tugas dan wewenang pkd
 
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum MerdekaModul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
 
AKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AKSI NYATA FASILITATOR PEMBELAJARAN.pptxAKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AKSI NYATA FASILITATOR PEMBELAJARAN.pptx
 
Koneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya PositifKoneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya Positif
 
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakatPPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
 
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdfPENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
 
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
 
PERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.ppt
PERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.pptPERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.ppt
PERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.ppt
 
RESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptx
RESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptxRESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptx
RESUME DAN REFLEKSI MODUL 1 GURU INFORMATIKA 2024.pptx
 
Visi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
Visi Misi SDN 2 Krenceng dalam Observasi Kepala SekolahVisi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
Visi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
 
ppt landasan pendidikan Alat alat pendidikan PAI 9_
ppt landasan pendidikan Alat alat pendidikan PAI 9_ppt landasan pendidikan Alat alat pendidikan PAI 9_
ppt landasan pendidikan Alat alat pendidikan PAI 9_
 
Penjelasan tentang Tahapan Sinkro PMM.pptx
Penjelasan tentang Tahapan Sinkro PMM.pptxPenjelasan tentang Tahapan Sinkro PMM.pptx
Penjelasan tentang Tahapan Sinkro PMM.pptx
 
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
 
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdfLaporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
 

6 pemrograman internet css layouting