LAPORAN PRAKTIKUM MAHASISWA

PEMPROGRAMAN WEB 1
HTML - 4

Oleh:

NAMA : Andri Wahidin

NPM : 22753078

KELAS : Manajemen Informatika 2C

Dosen:
Oki Arifin,S.Kom.,M.Cs

D3 – MANAJEMEN INFORMATIKA
JURUSAN EKONOMI DAN BISNIS
POLITEKNIK NEGERI LAMPUNG
2023
 KATA PENGHANTAR

Segala puji bagi Allah yang telah memberikan kemudahan sehingga dapat
menyelesaikan laporan ini. Tanpa pertolongan-Nya mungkin saya tidak akan sanggup
menyelesaikannya dengan baik. Shalawat dan salam semoga terlimpah curahkan kepada
baginda tercinta kita yakni Nabi Muhammad SAW.
Dalam penyusunan laporan ini, saya mengucapkan banyak terimakasih kepada
Bapak Oki Arifin,S.Kom.,M.Csselaku dosen mata kuliah Pemprograman Web 1 yang
telah memberi bimbingan dan kepercayaan . Sehingga , laporan ini dapat saya susun
dengan baik.
Semoga laporan ini dapat bermanfaat terutama untuk saya. Walaupun laporan ini
masih jauh dari kata sempurna, mengingat kurangnya pengetahuan dan pengalaman saya.
Terimaksaih.

Bandar Lampung, Maret 2023

Penulis

Andri Wahidin

ii
 DAFTAR ISI

KATA PENGHANTAR ................................................................................................... ii

DAFTAR ISI ................................................................................................................... iii
BAB I................................................................................................................................ 1
PENDAHULUAN ............................................................................................................ 1
A. Pendahuluan .......................................................................................................... 1
BAB II .............................................................................................................................. 2
LANDASAN TEORI ....................................................................................................... 2
A. Dasar Teori ............................................................................................................ 2
BAB III ............................................................................................................................. 5
HASIL PRAKTIKUM ...................................................................................................... 5
A. Tugas Praktikum .................................................................................................... 5
BAB IV ........................................................................................................................... 10
PENUTUP ...................................................................................................................... 10
A. Kesimpulan .......................................................................................................... 10
B. Saran .................................................................................................................... 10

iii
 BAB I

PENDAHULUAN
A. Pendahuluan

Pemrograman web adalah kegiatan atau proses membangun dan mengembangkan

situs web atau aplikasi web. Pemrograman web melibatkan penggunaan bahasa
pemrograman seperti HTML, CSS, dan JavaScript untuk merancang dan
membangun antarmuka pengguna, dan juga menggunakan bahasa pemrograman
sisi server seperti PHP, Ruby on Rails, atau Python untuk membuat aplikasi web
yang dinamis dan interaktif.

1. Beberapa konsep dan teknologi yang penting dalam pemrograman web

meliputi:

2. HTML (Hypertext Markup Language): Bahasa markah utama yang

digunakan untuk membuat halaman web.

3. CSS (Cascading Style Sheets): Bahasa stylesheet yang digunakan untuk

memformat tampilan halaman web.

4. JavaScript: Bahasa pemrograman yang digunakan untuk membuat interaksi

dan fungsionalitas pada halaman web.

5. Server-side programming: Penggunaan bahasa pemrograman sisi server

seperti PHP, Ruby on Rails, atau Python untuk membuat aplikasi web yang
dinamis dan interaktif.

6. Database: Penggunaan database untuk menyimpan dan mengelola data dalam

aplikasi web.

7. Web framework: Kerangka kerja atau framework yang membantu dalam

membangun aplikasi web dengan lebih cepat dan efisien.

8. Responsiveness: Kepatuhan desain responsif untuk memastikan bahwa situs

web atau aplikasi web dapat diakses dengan baik di berbagai perangkat dan
ukuran layar.

9. SEO (Search Engine Optimization): Teknik untuk meningkatkan visibilitas

dan peringkat halaman web pada mesin pencari seperti Google.

10. Web hosting: Penyedia hosting web yang memungkinkan situs web atau
aplikasi web diakses melalui internet.

1
 BAB II

LANDASAN TEORI
A. Dasar Teori

Elemen semantik HTML adalah elemen yang memiliki makna dan tujuan yang
spesifik dalam struktur dokumen HTML. Elemen semantik dirancang untuk
membantu mengorganisir konten dan memberikan informasi yang lebih kaya tentang
makna dari struktur dokumen.

Berikut adalah beberapa contoh elemen semantik HTML yang umum:

1. <Header> Bagian atas halaman web, biasanya berisi judul dan navigasi utama.

2. <nav> - Daftar tautan navigasi utama pada halaman web.

3. <main> - Konten utama halaman web, yang biasanya mencakup semua konten
yang relevan dengan topik atau tujuan halaman.

2
4. <section> - Bagian yang terpisah secara logis dari konten halaman web.

5. <article> - Konten mandiri atau independen pada halaman web, seperti artikel,
berita, atau posting blog.

6. <aside> - Konten yang berkaitan tetapi tidak secara langsung terkait dengan
konten utama, seperti sidebar atau daftar tautan terkait.

3
7. <footer> - Bagian bawah halaman web, yang biasanya berisi informasi
tambahan seperti hak cipta atau tautan ke halaman terkait.

Dengan menggunakan elemen semantik, Anda dapat membantu mesin pencari,

pembaca layar, dan pengguna lain untuk memahami struktur dan makna halaman
web Anda dengan lebih baik, sehingga meningkatkan aksesibilitas dan
keterbacaan halaman web.

4
 BAB III

HASIL PRAKTIKUM

A. Tugas Praktikum

1. Study Kausus Web Pribadi

a. Halaman Home
Code HTML d

5
Hasil Run

6
b. Bagian Download Cv
Bagian Cv diambil dari tugas modul 2
Hasil Run

7
c. Bagian Contect
Code Html

Hasil Run

8
 d. Bagian About me
Code HTMl

Hasil Run :

9
 BAB IV

PENUTUP
A. Kesimpulan

Praktikum ke 3 membuat sebuah studi kasus yang membuat website berhubungan

dengan website yang kita buat dengan menggnakan index
B. Saran

Untuk mendalami skil fron end kita perlu belajar banyak tentang html dan css
karena itu adalah awal atau besic yang perlu dipahami agar lanjut ke Bahasa
pemprograman lainnya..

10