Ranweb - 01 - Putu Sumariani Pratiwi - 1917141026 - Stat19b

ANGAN
S RANC
TUGA WEB
PUTU SUM
ARIANI PR
ATIWI
STAT 19B
PRODI STATSISTIKA FAKULTAS
ILMU PENGETAHUAN ALAM
UNIVERSITAS NEGERI MAKASSAR
0 2 2
20 21 /2
<!DOCTYPE html>
<html>
<head>
Merupakan bentuk umum HTML
<!DOCTYPE html>
<html>
<head>
<title>Belajar desain web</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
Merupakan bentuk umum HTML, dengan tag <title>Belajar desain

web</title> untuk menunjukan judul artikel HTML, dan tag <link
rel="stylesheet" type="text/css" href="style.css"> membuat
desain/tampilan tertentu pada halaman browser.
Seperti pada gambar berikut :
gambar 1 menunjukan fungsi tag title
gambar 2 menunjukan fungsi tag link rel
1
<body>

<header>
<h1 class="judul">PROGRAM STUDI STATISTIKA FMIPA UNM</h1>
<p class="deskripsi">Kampus UNM Parangtambung Jl. Dg. Tata Raya
Makassar</p>
</header>

Untuk menentukan background halaman, <h1 class="judul"> PROGRAM STUDI

STATISTIKA FMIPA UNM</h1> menetukan ukuran judul artikel web. <p
class="deskripsi">Kampus UNM Parangtambung Jl. Dg. Tata Raya
Makassar</p> menampilkan teks alamat kampus.
gambar 3 menunjukan fungsi tag h1, <p>
<div class="wrap">

<nav class="menu">
<ul>
<li>
<a href="#">Kantor Prodi</a>
</li>
<li>
<a href="#">Lab. Statistika</a>
</li>
<li>
<a href="#">Mahasiswa</a>
</li>
</ul>
</nav>

membuat tampilan menu khusus, dengan list/pengurutan pada bagian header halaman.
2
Seperti gambar berikut :
gambar 4 menampilkan fungsi tag nav, ul dan li
3

<aside class="sidebar">
<div class="widget">
<h2>Program Studi Statistika FMIPA UNM</h2>
<p>Visi :</p>
<p> Program Studi Statistika menghasikan statistikawan yang unggul
dalam lingkup nasional, berwawasan keilmuan dan kewirausahaan tahun
2020”</p>
<br>
<p> Misi:</p>
2
<p>1. menjadi pusat pengkajian dan pengembangan statistika serta
pelayanan
pendidikan;</p>
<p>2. menghasilkan lulusan yang memiliki keterampilan mengaplikasikan
statistika dan
melalukan penelitian dalam berbagai bidang: ekonomi dan bisnis,
kesehatan dan lingkungan;
pendidikan dan pemerintahan yang berbasis teknologi informasi untuk
mewujudkan research
university;</p>
<p>3. mencerdaskan masyarakat dengan menghasilkan kemandirian lulusan
yang
berwirausaha berbasis pemahaman dan pemikiran statistika melalui
pelatihan dan
konsultasi.</p>
</p>
</div>
<div class="widget">
<h2>Pusat analisis Data</h2>
<p>Melayani permintaan analisis data serta konsultasi hasil analisis
data</p>
</div>
</aside>

Membuat menu bagian kanan halaman dengan menggunakan beberapa tag,pengaturan

style dan ukuran tulisan.
4
gambar 5 menampilkan hasil penggunaan beberapa tag dan ukuran tulisan
5

<div class="blog">
<div class="conteudo">
<div class="post-info">
Dikelolah oleh <b>Asisten Lab. Statistika</b>
</div>
<img src="rombongan.JPG">
<h1> Sejarah Singkat Program Studi Statistika</h1>
<hr>
<p>
Tim Penyusun Pengusulan Program Studi Statistika dengan Surat Keputusan
Dekan
FMIPA UNM Nomor: 5005/H.36.5/TU/2010 tanggal 14 Juni 2010 mengusulkan
pembukaan
Program Studi Statistika melalui surat permohonan bersama lampirannya,
termasuk antara lain
FORM-1 dikirim kepada Direktur Jenderal Pendidikan Tinggi dengan surat
Rektor Nomor:
2267/H36/PP/2010 tanggal 18 Oktober 2010. Pertengahan tahun 2013, surat
pertimbangan
untuk pembukaan Program Studi Statistika (S-1) pada Universitas Negeri
Makassar
disampaikan oleh Dirjen Dikti melalui Direktur Ketenagaan dan Kerjasama
kepada Rektor
UNM dengan surat Nomor: 4061/E.E2.2/KL/2013 tanggal 3 Juni 2013.
Alhamdulillah, pada
bulan Oktober 2014 Surat Keputusan Menteri Pendidikan dan Kebudayaan
Republik Indonesia
Nomor 473/E/O/2014 tentang Izin Penyelenggaraan Program Studi Statistika
Program Sarjana
pada UNM ditandatangani pada tanggal 10 Oktober 2014. Dengan demikian,
secara yuridis
formal hari lahir Program Studi Statistika ditetapkan pada hari Jum’at, 10
Oktober 2014.
Berdasarkan Surat Keputusan Menteri tersebut, Rektor Universitas Negeri
Makassar
menerbitkan Surat Keputusan Pembukaan Program Studi Statistika di Fakultas
Matematika dan
Ilmu Pengetahuan Alam (UNM) Nomor: 2150/UN36/KP/2014 tanggal 05 Desember
2014.
Dengan demikian, Program Studi Statistika berada langsung di bawah FMIPA
UNM.
</p>
6
Membuat initi dari halaman objek pembahasan
gambar 6 menampilkan hasil inti halaman
<a href="#" class="continue-lendo">Selengkapnya →</a>

</div>
<div class="conteudo">
<div class="post-info">
Dikelolah oleh <b>Asisten Lab. Statistika</b>
</div>
<img src="buku.JPG">
<h1> ROADMAP KEILMUAN DAN KEAHLIAN </h1>
<hr>
7
<p>
Bidang kajian yang menjadi pokok dari program studi meliputi
pengembangan: (1) statistika teori, (2) statistika terapan (dalam
bidang ekonomi dan bisnis; kesehatan dan lingkungan; pendidikan dan
pemerintahan), dan (3) statistika komputasi. Kajian ini tetap
diperlukan dan dikembangkan melalui penelitian dan pengembangan quality
control, experimental design, dan sampling survey secara terus-menerus
sesuai dengan tuntutan kebutuhan lapangan kerja. Kajian ini menunjang
profesi sebagai ilmuwan statistika, peneliti, pengumpul dan analis data
di lembaga pemerintah dan swasta. Profesi ini mendorong pengembangan
bidang ilmu lain dan penyelesaian masalah praktis di berbagai bidang.
Dengan demikian, hasil pengkajian dan pengembangan sangat bermanfaat
terhadap perkembangan bangsa, khususnya yang terkait dengan pengelolaan
sumber daya bangsa dan peningkatan daya saing bangsa.
</p>
<a href="#" class="continue-lendo">Selengkapnya →</a>
</div>
</div>
masih merupakan bagian inti dari objek halaman

seperti pada gambar berikut :
gambar 7bagian inti halaman
8

</div>
</body>
</html>
Bagian penutup halaman web.
Lampiran Fungsi Tag

Tag Atribut Fungsi
<body> <body bgcolor=”red”> Backgorund halaman
<bodybgcolor=”#FF0000”> berwarna merah
Text=”…” Memberi warna pada

Link=”…” teks
Vlink=”…” Warna link
Alink=”…” Warna link yang telah
dikunjungi
<body Warna link yang aktif
background=”D:\Gambar.jpg”>
Memberi background
gambar pada halaman
<a> ... </a> <a Membuat
href=”D:\home.html”>Home</a> hyperlink/link
<a
href="http://www.yahoo.com/">Ya
hoo!</a>
<a
href="mailto:name@domain.com"
>here</a> to email me!
<img> <img src="person.jpg" width="50" Memasukkan gambar
height="50" border="0" alt="Person" dengan nama file
align="left"> gambar person.jpg,
lebar 50px, tinggi 50px,
border 0, rata kiri, dan
jika gambar tidak
muncul akan keluar
teks person
<font>…/font> <img src=”C:\Documents\My Mengatur font dengan
Pictures\Sample ukuran 2,warna kuning,
Pictures\Sunset.jpg> jenis huruf Arial
<FONT size="2" color="#FFFF00"
face="arial">...</font>
9
<BIG>...</BIG> <BIG>Contoh </BIG> Membuat teks Contoh
menjadilebih besar
<SMALL>...</SMALL> <SMALL>Contoh</SMALL> Membuat teks Contoh
menjadilebih kecil
<b>...</b> Teks bold/dicetak
lebih tebal
<i>…</i> Teks italic/miring
<strike>...</strike> Teks tercoret
<u>...</u> Teks underlined
<h1>...</h1> Teks heading 1.
Tingkat headingbisa
sampai tingkat 6.
Semakin
besar tingkar
heading, maka teks
aka dicetak semakin
kecil
<hr> <hr width=”600”> Garis dengan lebar
600. Tag <hr> tidak
perlu ditutup
<hr align=”center” size=”5” Garis dengan tinggi 5,

width=”80%” lebar 80%dari lebar
layar browser dan rata
tengah
<p align=”center’> ... Paragraf rata tengah. Perintah ini
</p> juga dapat ditulis dengan tag
<center>...</center>
<br> Tag untuk ganti baris
Tag <br> tidak perlu
ditutup
<sup>...</sup> Teks superscript
<sub>...</sub> Teks subscript
<marquee> .... Teks berjalan. Memiliki atribut
</marquee> direction, behavior dan lain-lain.
Contoh:
<marquee direction=”right”>
....</marquee>
<marquee behavior=”alternate”>
... </marquee>
10

Ranweb - 01 - Putu Sumariani Pratiwi - 1917141026 - Stat19b

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Ranweb - 01 - Putu Sumariani Pratiwi - 1917141026 - Stat19b

Diunggah oleh

Hak Cipta:

Format Tersedia

ANGAN

Merupakan bentuk umum HTML

Merupakan bentuk umum HTML, dengan tag <title>Belajar desain

Seperti pada gambar berikut :

gambar 1 menunjukan fungsi tag title

gambar 2 menunjukan fungsi tag link rel

Untuk menentukan background halaman, <h1 class="judul"> PROGRAM STUDI

Seperti pada gambar berikut :

gambar 3 menunjukan fungsi tag h1, <p>

gambar 4 menampilkan fungsi tag nav, ul dan li

Membuat menu bagian kanan halaman dengan menggunakan beberapa tag,pengaturan

gambar 6 menampilkan hasil inti halaman

<a href="#" class="continue-lendo">Selengkapnya →</a>

masih merupakan bagian inti dari objek halaman

gambar 7bagian inti halaman

Bagian penutup halaman web.

Lampiran Fungsi Tag

Text=”…” Memberi warna pada

<hr align=”center” size=”5” Garis dengan tinggi 5,

Anda mungkin juga menyukai