Minggu, 09 Oktober 2022

Tugas Layout dengan pengambilan konten web online

Di sini saya mengambil layout dari web wattpad dan berikut adalah script yang digunakan untuk membuat layout web wattpad.

See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result

Sabtu, 17 September 2022

Mengenali C#

C#, dibaca C Sharp merupakan bahasa pemrograman yang dikembangkan oleh Microsoft. Bhasa pemrograman ini dibuat berbasiskan bahasa C++ yang telah dipengaruhi oleh aspek-aspek ataupun fitur bahasa yang terdapat pada bahasa pemrograman lainnya.

Ada tiga struktur dasar dalam bahasa c#, yaitu :

Bagian deklarasi pustaka
Bagian class
Bagian fungsi atau method

Contoh :

// 1. Deklarasi pustaka
using System;

// 2. Bagian Class
class ProgramHello
{
    // 3. Bagian Fungsi
	static void Main(String[] args)
	{
		Console.WriteLine("Hello World!");
	}
}

1. Deklarasi pustaka

Deklarasi pustaka adalah bagian paling atas dari program C#. Pada bagian ini dituliskan pustaka (library) yang dibutuhkan dalam program.

Contoh :

using System;

2. Class

Class adalah sebuah rancangan atau blue print dari objek, di dalam class kita bisa isi dengan fungsi dan variabel.

Contoh :

using System;

class ProgramHell 
{
	static void Main(String[] args)
	{
 		Console.riteLine("Hello World!");
	}
}

3. Fungsi

Fungsi adalah bagian untuk menuliskan fungsi-fungsi dari program. Fungsi yang harus ada di dalam setiap program adalah fungsi main ().

Fungsi main () merupakan fungsi utama yang akan dieksekusi pertama kali.

Kode program di dalam fungsi main ().

using System;

class ProgramHello
{
	static void Main(String[] args)
	{
        // kode program di tulis di sini
		Console.WriteLine("Hello World!");
	}
}

Cara menginstal yang di perlukan untuk C#

Siapkan Teks Editor

Di sini saya menggunakan Visual Studio Code sebagai teks editor untuk debugging program C#.

Setelah itu, bisa langsung mencari dengan keyword "C#"

Instal .NET SDK untuk windows

Link download bisa klik disini

Setelah klik link di atas langsung saja download yang bertulisan "Rutime (Windows)" dan pilih sesuai bit yang ada di laptop, kali ini saya menggunakan bit x64

Tahap penginstalan

Klik 'install'

lalu tunggu tahap penginstalan selesai.

Kita bisa memastikannya di Terminal pada Windows search dan menulis command berikut ;

Jika sudah terpasang pada windows kalian, maka hasilnya akan seperti itu.

Minggu, 11 September 2022

LAYOUT

Layout HTML untuk menentukan cara halaman web dapat diatur, layout pada halaman web berfungsi untuk memberikan tampilan yang lebih baik ke dalam situs web

See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result

Fungsi elemen tersebut :

Elemen header

Elemen header merupakan elemen yang berisi judul dari web atau dokumen lainnya.

Elemen navigation

Elemen navigation merupakan elemen yang berfungsi memberikan navigasi ke halaman dalam web.

Elemen sidebar

Elemen sidebar merupakan elemen yang berfungsi untuk membantu navigasi konten.

Elemen content

Elemen konten yang merupakan isi utama dari web tersebut.

Elemen footer

Elemen footer merupakan elemen penutup dari web tersebut.

Teori HTML dan CSS

TEORI HTML DAN CSS

1. HTML

HTML ( Hyper Text Markup Language ) adalah bahasa markup standar yang digunakan untuk membuat halaman website dan aplikasi web.

Untuk membuat dokumen HTML bisa menggunakan editor text seperti Notepad, Visual Studio Code dll.

Untuk menulis dalam html perlu menggunakan tag. Hampir semua tag dalam HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup, dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup.

Objek disini dapat berupa text, gambar, maupun video. Penulisan tag berada di antara dua kurung siku :

"<" dan ">".

Struktur Dalam HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>...</title>
  </head>
  <body>
    ...
  </body>
</html>

Arti elemen tersebut :

Elemen DOCTYPE

Digunakan untuk menentukan jenis dokumen

Elemen HTML

Digunakan sebagai tag pembuka dan penutup, tag pembuka HTML merupakan tanda awal dan tag penutup HTML merupakan tanda penutup akhir dari dokumen HTML

Elemen Head

Digunakan sebagai tempat kumpulan data atau yang berisi tentang data dokumen HTML itu

Elemen title

Memberikan judul pada dokumen HTML.

Di dalam HTML terdapat banyak atribut tag, atribut tersebut berbeda-beda. Tag biasanya berpasangan, yang mana ada tag pembuka dan tag penutup, tapi tidak semua tag memiliki penutup. Tag pembuka biasanya berbentuk <nama tag>, dan tag penutup berbentuk </nama tag>.

Selain itu dalam dokumen HTML kita juga bisa menambahkan efek huruf seperti, tebal, miring, garis dll. Jika ingin menambahkan efek tersebut, maka kita perlu menggunakan tag masing-masing.

Berikut beberapa tag pembuka dan penutup dalam HTML beserta fungsinya :

Tag HTML	Fungsi
<b></b>	Menebalkan teks
<i></i>	Membuat teks miring
<s></s>	Membuat teks coret
<u></u>	Membuat teks bergaris bawah
<small></small>	Membuat teks yang lebih kecil
<sup></sup>	Membuat teks ^superscript
<sub></sub>	Membuat teks _subscript
<tiltle></title>	Membuat judul halaman
<table></table>	Membuat table
<img>	Menambahkan gambar
<h1></h1>	Membuat judul teks
<hr>	Membuat garis horizontal
<form></form>	Membuat form dalam HTML
<div></div>	Untuk membagi halaman dalam blok
<html></html>	Pembuka dan penutup HTML

Selain itu masih banyak lagi tag dalam HTML lainnya

Contoh hyperlink dalam HTML :

    <a href="https://www.youtube.com/watch?v=A3LRdMUzI-4"><center>PACARNYA LEAA</center></a>

Hasil :
TREASURE

Contoh table dalam HTML :

<table align="center" border="1" cellpadding="10">
  <tbody><tr>
      <th bgcolor="green">K-DRAMA</th>
      <th bgcolor="green">C-DRAMA</th>
  </tr> 
    <tr>
      <td>School 2021</td>
      <td>Our Secrets</td>
    </tr>
    <tr>
      <td>Vicenzo</td>
      <td>The Love Equation</td>
    </tr>
    <tr>
      <td>Happiness</td>
      <td>Gank Your Heart</td>
  </tr>
  <tr>
    <td>True Beauty</td>
    <td>Profesional Single</td>
  </tr>
</tbody></table></span></center>

Hasil :

K-DRAMA	C-DRAMA
School 2021	Our Secrets
Vicenzo	The Love Equation
Happiness	Gank Your Heart
True Beauty	Profesional Single

Contoh unordered list dalam HTML :

 <ul>
    <li>Strawbery</li>
    <li>Leci</li>
    <li>Mangga</li>
       </ul>

Hasil :

Strawbery
Leci
Mangga

Contoh Ordered list dalam HTML :

<ol>
    <li>Black</li>
    <li>Green</li>
    <li>Blue</li>
       </ol>

Hasil :

Black
Green
Blue

Contoh form dalam HTML :

<form>
        <label for="fname">Favorite color:</label><br>
        <input type="text" id="fname" name="fname"><br>
        <label for="lname">Favorite fruit:</label><br>
        <input type="text" id="lname" name="lname">
      </form>

Hasil :

2. CSS

CSS adalah singkatan dari Cascading Style Sheets ), yaitu bahasa yang digunakan untuk menentukan tampilan dan format halaman website. Dengan CSS, kita bisa mengatur jenis font, warna tulisan, latar belakang halaman, jarak dll.

CSS terbagi menjadi 3 jenis, yaitu :

- INLINE CSS

Inline CSS adalah salah satu kode yang di tuliskan dalam dokumen HTML, inline css hanya mempengaruhi satu baris kode HTML, Contoh inline css:

<h1 style="font-size:30px;color:green;">Aku azaleaaa</h1>

Hasil :
Aku azaleaaa

- EXTERNAL CSS
External CSS adalah kode yang di tuliskan dalam HTML, external css berfungsi untuk mengatur tampilan semua halaman website, Contoh external css :

See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result

- INTERNAL CSS

Internal CSS adalah kode yang di tuliskan dalam HTML, internal css berfungsi untuk membuat custom khusus.

See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result

Selasa, 02 Agustus 2022

MENGENAL 11 ELEMENT HTML

1. Membuat Tabel

untuk membuat tabel dalam HTML, anda perlu menggunakan tag berikut :

See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result

2. Membuat List

Untuk membuat list dalam HTML, anda perlu menggunakan tag berikut :

1. Unordered List

See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result

2.Ordered List

See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result

3. Hyperlink

Untuk membuat Hyperlink dalam HTML, anda perlu menggunakan tag berikut :

<a href="https://youtu.be/d4JzF_8vgGY"><center>PACARNYA LEAA</center></a>

Hasil :

PACARNYA LEAA

4. Form Untuk membuat form dalam HTML, anda perlu menggunakan tag berikut :
See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result

5. Menampilkan gambar

Untuk menampilkan gambar, anda perlu menggunakan tag berikut :

See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result

6. Menampilkan video

Untuk menampilkan video, anda perlu menggunakan tag berikut :

See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result

7. Membuat huruf miring

Untuk membuat huruf miring, anda perlu menggunakan tag berikut ;

<i>Park Jisung</i>

Hasil :

Park Jisung

8. Membuat huruf tebal

Untuk membuat huruf tebal, anda perlu menggunakan tag berikut :

<b>Zhong Chenle</b>

Hasil :

Zhong Chenle

9. Membuat tombol

Untuk membuat tombol, anda perlu menggunakan tag berikut :

<button>Lee Donghyuck</button>

Hasil :

10. Membuat paragraf

Untuk membuat paragraf, anda perlu menggunakan tag berikut :

<p>NCT 127</p>

Hasil :

NCT 127

11. Membuat heading

Untuk membuat heading, anda perlu menggunakan tag berikut :

See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result

Minggu, 09 Oktober 2022

Tugas Layout dengan pengambilan konten web online

Sabtu, 17 September 2022

Mengenali C#

Ada tiga struktur dasar dalam bahasa c#, yaitu :

Cara menginstal yang di perlukan untuk C#

Setelah itu, bisa langsung mencari dengan keyword "C#"

Minggu, 11 September 2022

LAYOUT

Fungsi elemen tersebut :

Elemen navigation

Elemen navigation merupakan elemen yang berfungsi memberikan navigasi ke halaman dalam web.

Elemen sidebar

Elemen content

Elemen footer

Teori HTML dan CSS

TEORI HTML DAN CSS

1. HTML

Elemen DOCTYPE

Elemen HTML

Elemen Head

Elemen title

2. CSS

- INLINE CSS

Hasil :Aku azaleaaa- EXTERNAL CSSExternal CSS adalah kode yang di tuliskan dalam HTML, external css berfungsi untuk mengatur tampilan semua halaman website, Contoh external css :

Aku azaleaaa

- EXTERNAL CSS

- INTERNAL CSS

Selasa, 02 Agustus 2022

MENGENAL 11 ELEMENT HTML

1. Membuat Tabel

2. Membuat List

3. Hyperlink

4. Form Untuk membuat form dalam HTML, anda perlu menggunakan tag berikut : See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result 5. Menampilkan gambar Untuk menampilkan gambar, anda perlu menggunakan tag berikut :

6. Menampilkan video

7. Membuat huruf miring

8. Membuat huruf tebal

Untuk membuat huruf tebal, anda perlu menggunakan tag berikut :

<b>Zhong Chenle</b>

9. Membuat tombol

10. Membuat paragraf

11. Membuat heading

Tugas Layout dengan pengambilan konten web online

Hasil :
Aku azaleaaa

- EXTERNAL CSS
External CSS adalah kode yang di tuliskan dalam HTML, external css berfungsi untuk mengatur tampilan semua halaman website, Contoh external css :

4. Form Untuk membuat form dalam HTML, anda perlu menggunakan tag berikut :
See the Pen Untitled by Azalea Rahmah A (@leleaa) on CodePen.

Untuk hasil bisa klik result

5. Menampilkan gambar

Untuk menampilkan gambar, anda perlu menggunakan tag berikut :