📖 MATERI WEBSITE
Website dibuat menggunakan dengan HTML dan CSS
- HTML adalah sebuah markup language, yang berfungsi untuk membuat kerangka suatu website
- CSS berfungsi untuk menstyling suatu website/ memperbagus tampilan website.
Unsur-unsur Website yang penting adalah
- ⚙️ Domain: alamat website yang digunakan untuk mengkases server.
- ⚙️ Hosting: tempat untuk menyimpan aset file website.
- ⚙️ Script/bahasa pemrograman yang digunakan.
Pada materi sebelumnya, kita mempelajari bagian tabel pada HTML
Struktur sintaks tabel pada HTML
<table border="1">
<tr>
<td>Tes</td>
</tr>
</table>Tag <tr> digunakan untuk membuat baris baru/row.
Tag <td> digunakan untuk membuat kolom baru.
Berikutnya kita juga sudah mempelajari cellspacing dan cellpadding
See the Pen Cellspacing dan Cellpadding by Syaddad (@syaddad) on CodePen.
Selanjutnya kita telah mempelajari Rowspan dan Colspan
See the Pen Rowspan dan Colspan by Syaddad (@syaddad) on CodePen.
Pada HTML untuk menuliskan teks kita dapat menggunakan beberapa tag, yaitu
<h1>Teks disini...</h1>
<h2>Teks disini...</h2>
<h3>Teks disini...</h3>
<h4>Teks disini...</h4>
<h5>Teks disini...</h5>
<h6>Teks disini...</h6>
<p>Teks disini...</p><h1> adalah heading paling besar pada HTML
<h6> adalah heding paling kecil pada HTML
<p> adalah untuk menuliskan paragraf
Untuk membuat text-decoration pada HTML kita dapat menggunakan,
<b>Teks</b>
<strong>Teks</strong>
<u>Teks</u>
<i>Teks</i>
<s>Teks</s>
<br>
Tag <br> dan <strong> digunakan untuk membuat teks menjadi tebal/bold
Tag <u> digunakan untuk membuat teks menjadi di garis bawah/underline
Tag <i> digunakan untuk membuat teks menjadi miring/italic
Tag <s> digunakan untuk membuat teks menjadi coret/strikethrough
Tag <br> digunakan untuk membuat jarak/baris baru pada HTML
Sintaks untuk menampilkan gambar di HTML
<img src="assets/img/contoh.jpg" alt="Contoh Gambar">
Sintaks input pada HTML
See the Pen Input HTML by Syaddad (@syaddad) on CodePen.
Penjelasan tentang CSS
Dalam penerapan nya CSS dapat kita implementasikan dengan tiga cara, yaitu
- 🧩 Internal CSS: menuliskan style pada file didalam <head> html
- 🧩 External CSS: menuliskan style pada file yang berformat .css dan diletakkan di tag head (<link rel="stylesheet" href="styles.css">)
- 🧩 Inline CSS: menuliskan style pada tag html
Baca Selengkapnya Dasar-dasar CSS
Layout pada CSS
Dalam penggunaan Fixed Layout lebar tampilan web menjadi tetap (fixed), mungkin terlihat seperti tidak responsive jika dibuka dalam tampilan mobile.
Layout ini adalah yang paling banyak disukai oleh para pembuat website, karena dalam mendesain tampilan ini, persentase lebar yang dirancang untuk elemen web diatur sedemikian rupa agar bekerja dengan baik pada berbagai ukuran layar.
Jenis layout ini, merupakan penggabungan dari Fixed Layout dan Fluid Layout, dimana seluruh elemen dalam web seperti, teks, gambar, grid, margin, dan padding, dapat menyesuaikan sendiri pada resolusi layar pengunjung.
Margin dan Padding pada CSS
Margin adalah suatu property pada CSS yang digunakan untuk mengatur jarak di luar container
Padding adalah suatu property pada CSS yang digunakan untuk mengatur jarak di dalam container
See the Pen Margin dan Padding by Syaddad (@syaddad) on CodePen.
📖 MATERI APLIKASI
Bahasa yang kita pelajari saat ini adalah C# (sharp), yaitu bahasa pemrograman yang dapat digunakan untuk membuat aplikasi dekstop dan mobile
📃 Sintaks dasar C# (sharp)
// 1. Deklarasi pustaka
using System;
// 2. Bagian Class
class ProgramHello
{
// 3. Bagian Fungsi
static void Main(String[] args)
{
Console.WriteLine("Hello World!");
}
}Tipe Data pada C# (sharp)
- 📁 Int/Integer: tipe data merupakan angka
- 📁 String: tipe data merupakan character alphabetic/huruf dan dapat juga menampilkan angka
Berbagai Fungsi pada statement C#
- Console.WriteLine(): Untuk menuliskan tipe data pada baris baru
- Console.Write(): Untuk menuliskan tipe data pada baris yang sama
- Console.ReadLine(): Untuk membaca apa yang kita inputkan pada keyboard dan hasilnya dapat ditampilkan
