TUGAS PERTEMUAN 2

                                            MAKALAH KELOMPOK WEB PROGRAMMING 7      

DISUSUSN OLEH:

Lutfi Dwi Septian Wiryanto 17190107

Alwi Budiman 17190760

Bagus Pradana 17190606

Muhamad Rifa'i 17190731

 Struktur Navigasi merupakan struktur atau alur dari suatu program yang merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan Website

  - Struktur navigasi linier

Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang   berurut, yang menampilkan satu demi satu tampilan layar  secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada sruktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya.

 

Macam-macam Struktur Navigasi Pada Website

Struktur Navigasi Linier

 

·       Struktur Navigasi Non-Linier

Struktur navigasi non-linier atau struktur tidak berurut merupakan pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang

 

Macam-macam Struktur Navigasi Pada Website

Struktur Navigasi Non-Linier

·       Struktur Navigasi Hirarki

Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan  percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang disebut Slave Page (halaman pendukung).

Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya tampilan secara linier.

Macam-macam Struktur Navigasi Pada Website

Struktur Navigasi Hirarki

·       Struktur Navigasi Campuran

Struktur navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga biasa disebut dengan struktur navigasi bebas.

Macam-macam Struktur Navigasi Pada Website

Struktur Navigasi Campuran

 TAG/ label adalah kata kunci non hierarki atau tidak bertingkat yang tugasnya adalah menunjukkan potongan-potongan informas

  - <!DOCTYPE>  : Tag untuk menentukan tipe dokumen

- <title> : Tag untuk membuat judul dari sebuah halaman

- <body> : Tag untuk membuat tubuh dari sebuah halaman

PHP adalah bahasa pemrograman server-side yang digunakan dalam pembuatan website bersama dengan CSS dan HTML


tugas 6

 


Gambar di atas adalah data verifikasi pribadi di ruang mahasiswa

berikut adalah contoh tampilan




tugas pertemuan 2


contoh cara membuat
Macam Macam Pengaturan Font
 
<html>
<head>
<title>Tugas Web Programing ke 1</title>
</head>
<body>
<p><b> menjadi huruf tebal<p></b> <!membuat huruf tebal>
<p><i>menjadi huruf miring</i></p> <!membuat huruf miring>
<p>ini menjadi <sub> subscript</sub> dan <sup> superscript</sup></p> <!subscript membuat tulisan lebih rendah dari line>
<!superscript membuat tulisan lebih tinggi dari line>
<h1><b> Data Buku</h1></b> <!membuat head font>
<p><dd> 1. Dasar Pemrograman</dd></p> <!membuat list dengan angka>
<p><dd> 2. Aplikasi Basis data</dd></p>
<p><dd> 3. Web Programing 1 </dd></p>
</body>
</html>

 

di bawah ini merupakan hasil dari coding di atas

 

Tugas Web Programing ke 1

menjadi huruf tebal

menjadi huruf miring 

ini menjadi subscript dan superscript

DATA BUKU

1. Dasar Pemrograman 

2. Aplikasi Basis data 

3. Web Programing 1

Berikut adalah contoh cara membuat

Tabel Daftar Harga Berlangganan Internet

<html>
<head>
<title>Tugas 02</title>
</head>
<body>
<table border=”1″> <!membuat tabel>
<tr> <!membuat baris>
<td>Bayi</td> <!membuat cell>
<td>Pelajar</td>
<td>Personal</td>
<td>Bisnis</td>
</tr>
<tr>
<td>Rp 19.800/bln</td>
<td>Rp 44.800/bln</td>
<td>Rp 67.800/bln</td>
<td>Rp 91.800/bln</td>
</tr>
<tr>
<td>500 MB Disk Space</td>
<td>Unlimited Disk Space</td>
<td>Unlimited Disk Space</td>
<td>Unlimited Disk Space</td>
</tr>
<tr>
<td>1 Domain</td>
<td>10 Addon Domain</td>
<td>Unlimited Addon Domain</td>
<td>Unlimited Addon Domain</td>
</tr>
</table>
</body>
</html>

di bawah ini merupakan hasil dari coding di atas

Tugas 02

 

BayiPelajarPersonalBisnis
Rp.19.800/blnRP.44.800/blnRp.67.800/blnRp.91.800/bln
500 MB disk freeUnlimited Disk SpaseUnlimited Disk SpaseUnlimited Disk Spase
1 Domain10 Addon domainUnlimited Addon DomainUnlimited Addon Domain


Komentar