Level Up! Keseruan Hari Kedua PKL di ISTN

 cerita aktifitas pkl di hari kedua ISTN 

(institut sains dan teknologi nasional)

cerita di hari kedua pkl dan aktivitasnya

Cerita Hari Kedua PKL

Hari kedua PKL terasa lebih sibuk dibandingkan hari pertama, tapi tetap penuh pengalaman baru. Pagi-pagi, saya sudah datang lebih awal untuk memastikan tidak ada yang terlewat. Begitu sampai, saya langsung bertegur sapa dan bertemu dengan rekan-rekan teman saya dan pembimbing.

Kegiatan dimulai dengan melanjutkan pekerjaan yang sudah diberikan, tetapi kali ini saya mulai lebih paham alurnya. Pembimbing kami PAK ARIADI  memberikan arahan tambahan dan tips agar pekerjaan lebih cepat selesai tanpa mengurangi kualitas. Saya juga diberi kesempatan mencoba tugas baru yang diberikan, sehingga bisa menambah keterampilan.

Di sela-sela pekerjaan, saya sempat berbincang dengan teman-teman PKL lainnya. Kami saling bertukar cerita tentang tugas masing-masing yang sudah diberikan, dan ternyata cukup banyak hal yang bisa dipelajari dari pengetahuan mereka.

Menjelang siang, saya mulai terbiasa dengan lingkungan kerja  yang ada. Walaupun sempat merasa lelah, rasa puas muncul karena bisa menyelesaikan tugas dengan baik. Hari kedua ini membuat saya semakin semangat untuk terus belajar dan berkontribusi selama PKL.

AKTIVITAS PKL

aktivitas pertama saya dimulai dengan tugas atau pekerjaan yang diberikan pembimbing yaitu  membuat  dan merancang situs web dengan menggunakan html dan tailwind css, awalnya terlihat begitu mudah namun setelah mempelajari tag html seperti <b>,<i> dan tag html lainnya teman-teman ku mulai merasa bingung karena mereka tidak mengetahui apa fungsi dari masing-masing tag tersebut.

lalu setelah itu mereka bertanya kepada saya, untungnya saya bisa membantu mereka dengan pemahaman yang saya  berikan kepada mereka, mulai dari cara menggunakan tag-tag html yang tertera di papan tulis hingga membuat folder  dan file htmlnya sendiri yang bisa di tampilkan di browser web 

berikut adalah dukumentasi perancangan situs web yang dibuat:

yang pertama membuat deskripsi tentang apa yang dilakukan di hari ini yang dimasukan ke dalam sebuah dokumen html yang dibuka melalui notepad++, setelah itu saya merancang program dengan kode html yang berisi deskripsi yang saya buat diatas.

beberapa tag html yang bisa di pelajari dan diterapkan 

1. <p> (Paragraph)

   • Digunakan untuk membuat paragraf teks.

   • Secara default, browser akan memberi jarak (margin) di atas dan bawah paragraf.

   • Contoh:

     <p>Ini adalah sebuah paragraf.</p>
     

2. <i> (Italic)

   • Membuat teks menjadi miring.

   • Biasanya digunakan untuk istilah asing, nama ilmiah, atau penekanan hal tertentu.

   • Contoh:

     <i>Teks ini miring</i>
     

3. <b> (Bold)

   • Membuat teks menjadi tebal.

   • Digunakan untuk menonjolkan teks, tetapi tanpa memberi arti khusus (hanya visual).

   • Contoh:

     <b>Teks ini tebal</b>
     

4. <small>

   • Membuat teks menjadi lebih kecil dari ukuran normal.

   • Kadang digunakan untuk catatan kaki atau informasi tambahan.

   • Contoh:

     <small>Teks ini lebih kecil</small>
     

5. <ul> (Unordered List)

   • Membuat daftar tanpa urutan (biasanya ditandai dengan bullet/●).

   • Harus berisi tag <li> di dalamnya.

   • Contoh:

     <ul>
       <li>Item pertama</li>
       <li>Item kedua</li>
     </ul>
     

6. <li> (List Item)

   • Membuat satu item di dalam daftar, baik dalam <ul> (unordered list) maupun <ol> (ordered list).

   • Contoh:

     <li>Ini adalah item daftar</li>
     

7. <ol> (Ordered List)

   • Membuat daftar berurutan (nomor 1, 2, 3 atau huruf a, b, c).

   • Sama seperti <ul>, harus berisi <li> di dalamnya.

   • Contoh:

     <ol>
       <li>Langkah pertama</li>
       <li>Langkah kedua</li>
     </ol>
     

    Apa kegunaan dari html dan css?

1. HTML (HyperText Markup Language)

• Fungsi utama: Membentuk struktur dan konten halaman web.

• Ibaratnya: Kerangka atau tulang bangunan.

• HTML menentukan apa yang ada di halaman: teks, gambar, video, link, tabel, daftar, dll.

2. CSS (Cascading Style Sheets)

• Fungsi utama: Mengatur tampilan halaman web (warna, font, tata letak, animasi, dll.).

• Ibaratnya: Cat, dekorasi, dan desain interior bangunan.

• CSS menentukan bagaimana konten HTML ditampilkan

struktur folder web html

myweb/

│

├── index.html

│

└── gambar/

    ├── gambar_1.jpg

    ├── gambar_2.jpg

    ├── gambar_3.jpg

    ├── gambar_4.jpg

    ├── gambar_5.jpg

    ├── gambar_6.jpg

    ├── gambar_7.jpg

    └── gambar_8.jpg

Keterangan:

• myweb/ → folder utama proyek web.

• index.html → file HTML utama.

• gambar/ → folder penyimpanan gambar.

• gambar_1.jpg s/d gambar_8.jpg → file gambar, bisa format .jpg atau .jpeg sesuai kebutuhan.

 hasil rancangan situs web yang dibuat:

*gambar 1(menu album dan kontak)*

*gambar 2(menu navbar dan content)*

AKTIVITAS LAINNYA:

kegiatan rutin setiap pagi seperti yang terlihat pada gambar:

melakukan kegiatan piket atau membersihkan  lab komputer agar suana ketika belajar nyaman dan juga kondusif .

merapikan kabel agar tidak berantakan :

melakukan perapihan pada kabel yang tersambung ke perangkat komputer serta melakukan monitoring/pengecekan apakah kabel berfungsi dengan baik atau tidak

"janganlah berhenti untuk belajar, karena dunia tidak pernah berhenti untuk mengajarkan"

sekian postingan saya pada hari ke dua ini, semoga apa yang saya berikan bermanfaat bagi orang yang membacanya dan juga memberikan wawasan tentunya akhir kata wr,wb.....🙏😀