BAB VIII PENDAHULUAN WEB HOSTING

Web Hosting adalah salah satu bentuk layanan jasa penyewaan tempat di Internet yang memungkinkan perorangan ataupun organisasi menampilkan layanan jasa atau produknya di web/situs Internet.Tempat dapat juga diartikan sebagai tempat penyimpanan data berupa megabytes (mb) hingga terabytes (tb) yang memiliki koneksi ke internet sehingga data tersebut dapat direquest atau di akses oleh user dari semua tempat secara simultan. Inilah yang menyebabkan sebuah website dapat diakses bersamaan dalam satu waktu olehm ulti user.

Pada dasarnya sebuah server webhosting menggunakan sebuah computer biasa namun menggunakan beberapa komponen dan program dasarsebuah server serta di sarankan harus mampu untuk online 24 jam setiap hari dan tanpa harus dimatikan dalam jangka waktu lebih lama dari padakomputer biasa.

Setiap orang ataupun perusahaan dapat menyewa tempat atau memanfaatkan jasa web hosting ini, didukung dengan kemajuan teknologi informasi yang ada saat ini maka pemanfaatan jasa web hosting merupakan sarana alternatif yang handal untuk Promosi, MenyebarkanInformasi, Berjualan, Layanan Publik sampai dengan sekedar tempat untuk menumpahkan isihati yang kelabu kedalam buku harian berbasis web (blog: web-blog) akibat ditinggal kekasih.

Salah satu teknologi yang digunakan untuk web hosting adalah fail over hosting, teknologi ini memungkinkan layananan tetap online 24 jam karena dudukung oleh beberapa server komputer yang secara otomatis akan menggantikan tugas server komputer yang mengalami kerusakan.

Di dunia internet, webhosting sangat penting sekali karena disinilah tempat untuk menaruh data-data atau file-file yang digunakan dalam web. Web hosting ini ada yang gratis namun ada juga yang harus bayar. Setiap provider webhosting biasanya memberikan penawaran yang berbeda mulai dari kapasitas, bandwith, feature2 dan lain2. 

Tidak bisa dipungkiri bahwa mendapatkan sesuatu yang gratis adalah salah satu pengalaman yang paling menyenangkan dalam hidup, tetapi tentu saja hal itu tidak dapat memberikan hasil yang maksimal untuk jangka waktu lama. 

Dengan menggunakan web hosting gratisan akan memungkinkan anda untuk menyimpan data pada server tanpa harus mengeluarkan uang sepeser pun. Jenis layanan ini dianggap ideal bagi pemula yang tertarik untuk belajar cara kerja web hosting. Salah satu layanan web hosting gratisan terbaik yang dapat anda gunakan adalah 000webhost. Pada web hosting ini juga terdapat hosting berbayar atau tidak gratis, anda harus mengeluarkan duit lagi untuk menyewa hosting tersebut, tentu saja layanan dan fitur-fitur dari hosting ini lebih unggul di bandingkan dengan hosting gratisan.

Sebelum memilih web hosting gratisan perlu diingat bahwa situs web Anda dapat dipenuhi berbagai jendela pop-up dan banner iklan yang dapat mengganggu pengunjung website Anda. Penyedia web hosting gratisan tidak mendapatkan uang dari jasa mereka, melainkan mereka mendapatkan uang dari iklan. Berdasarkan referensi dari bacaan-bacaan di internet, contoh layanan webhosting gratis tanpa iklanhttp://www.000webhost.com/

Layanan web hosting gratisan memiliki sangat banyak keterbatasan. Oleh karena itu jika, disarankan untuk memilih web hosting yang berbayar. Dengan memilih layanan hosting berbayar, ada banyak keuntungan yang tidak dimiliki oleh layanan web hosting gratisan seperti stabilitas serta kontrol secara keseluruhan atas file dan data-data Anda. Dengan berbagai macam keuntungan, banyak layanan web hosting berbayar tersedia dengan harga yang sangat murah dan terjangkau. Perlu diingat juga bahwa dengan menggunakan hosting gratisan, tidak ada jaminan jika suatu saat data-data atau file-file Anda hilang. 000webhost merupakan salah satu penyedia layanan web hosting gratisan terbaik, namun saya pernah membaca pengalaman para blogger yang menggunakan jasa mereka dikecewakan karena data-data mereka dalam hosting hilang dalam sekejap. Oleh karena itu, jika Anda ingin benar-benar serius berbisnis di dunia internet, sangat disarankan agar Anda memilih web hosting berbayar (sekalipun paket yang termurah), paling tidak data-data Anda aman

Layanan web hosting berbayar juga menyediakan layanan tambahan seperti control panel pengguna, account email, statistik situs, site builder dan banyak lagi. Fitur-fitur ini membantu Anda dalam membangun website Anda dengan mudah dan tanpa repot. Dengan kata lain, anda perlu mengeluarkan sedikit uang untuk memilih layanan web domain hosting berbayar. Jumlah uang yang dikeluarkan untuk layanan ini tergantung pada perusahaan yang dipilih serta jenis paket hosting yang Anda butuhkan.

Layanan web hosting berbayar memungkinkan situs kita medapatkan banyak pengunjung dan meng-upload file lebih banyak ke server dibandingkan dengan layanan yang ditawarkan oleh penyedia web hosting gratisan. sebagai kesimpulan, jika Anda benar-benar ingin serius memulai bisnis online dan ingin mendapatkan banyak pengunjung dari website anda, sangat disarankan untuk memilih layanan web hosting berbayar.

Dalam tugas mandiri ini saya mencoba untuk membuat tutorial singkat, bagai mana cara mendapatkan hosting gratis di 00webhost.com sampai dengan mengupload file *.html yang telah di desain menggunakan Macromedia Dreamweaver.

KEMBALI BAB VI ===>>> KLIK DISINI <<<===

Read more ...

BAB VI MEMBUAT FRAME

6.1 Membuat Frame dan Frameset

Frame adalah bagian atau lokasi bebas di dalam jendela browser yang menampilkan halaman web berbeda dengan bagian yang lain.

Frameset adalah file HTML yang mengammbarkan layout dan properties , termasuk jumlah frame , ukuran serta penempatan frame dan URL dari masing masing halaman yang pertama kali ditampilkan pada masing masing frame.

Dengan menggunakan Frame sebagai pembagi halaman akan mengurangi beban server dalam enjalankan proses, karena server hanya bekerja sekali saja untuk menampilakan halaman yang permanen. 

6.2 Menambahkan Frameset dari Sample

Cara menampilkan border frame :

Menu View – Visual Aids – Frame Border

Menambah Frame di halaman aktif:

Cara1 : Menu Insert – HTML – Frames – Pilih Frame

Cara2 : Klik Panel Insert di kategory Layout – Klik 

tombol Frames – Pilih salah satu 

Menambah Frame saat pertama kali membuat file baru caranya:

--> File – New – Kategory Framesets – Pilih Framesetnya dan Create

6.3 Membuat Frameset Sendiri

Aktifkan jendela dokumen atau di dalam frame yang akan dipecah.

1. Menu Modify – Frameset.

2. Pilih item:

- Spilt Frame Left, menambah frame baru di sebelah kiri frame yang aktif atau memecah halaman aktif menjadi 2 frame (kanan kiri)

- Split Frame Right, menambah frame baru di sebelah kanan frame yang aktif atau memecah halaman aktif menjadi 2 frame (kanan kiri)

- Split Frame Up, menambah frame baru di atas frame yang aktif atau memecah halaman aktif menjadi 2 frame (atas dan bawah)

- Split Frame Down, menambah frame baru di bawah frame yang aktif atau memecah halaman aktif menjadi 2 frame (atas dan bawah) 

6.4 Memecah,Menghapus dan Mengubah Ukuran Frame

Memecah Frame:

Cara1 : Klik tahan dan geser border di tepi halaman ke tengah halaman di tampilan Design.

Cara2 : Untuk memecah frame menggunakan border frame yang tidak di tepi, gunakan kobinasi Alt dan klik tahan dan geser.

Menghapus Frame :

Klik tahan dan geser border frame ke luar halaman.

Mengubah ukuran frame:

Cara1 : Klik tahan dan geser border frame.

Cara2 : Untuk ukuran yang pasti ketik di properti.

6.5 Menyeleksi Frame dan Frameset

Seleksi frame dapat menggunakan Panel Frames.

Bila terseleksi maka akan ada garis putus putus.

Untuk menampilkan panel frame: 

Menu Windows – Frames atau Shift + F2.

Cara menyeleksi :

- Untuk memilih frame, klik langsung pada kotak frame.

- Untuk memilih frameset, klik border/bingkai di sekeliling frameset.

Cara lain memilih frame tekan Shift + Alt dan klik frame di dalam frame pada tampilan jendela Design.

6.6 Membuka dokumen di dalam Frame

Kita dapat menentukan isi frame dengan menambahkan isi baru ke dalam dokumen atau membuka dokumen yang telah ada ke dalam frame:

1. Tempatkan pointer ke dalam frame.

2. Menu File – Open in Frame.

3. Pilih dokumen.

4. Ok.

6.7 Menyimpan Frame atau Frameset

Sebelum menampilkan di jendela browser , kita harus menyimpannya dahulu:

1. Seleksi Frameset mengunakan Panel Frames

2. Menu File – Save Frameset.

3. Pastikan lokasi penyimpanan.

4. Ketik nama file.

5. Save.

6.8 Menampilkan dan Mengatur Properti Frame

Langkah mengatur properti frame :

1. Seleksi Frame:

Cara1 : Tekan Alt dan klik pada frame di jendela dokumen 

Cara2 : Tampilkan Panel Frames, Klik frame yg diinginkan.

6.9 Menampilkan dan Mengatur Properti Frame

Keterangan properti frame :

Frame Name ,pemberian nama frame sangat penting sbg referensi script dan target link( tidak boleh tanda spasi, titik,minus,harus diawali dengan huruf.

Src, menentukan sumber dokumen frame.

Scroll,menampilkan scroll/batang penggulung frame

No Resize,Menonaktifkan perubahan ukuran frame.

Borders, Mengatur border frame.

Border Color, Mengatur warna border.

Margin Width, Mengatur batas kanan dan kiri.

Margin Height, mengatur jarak margin atas dan bawah 

6.10 Menampilkan dan Mengatur Properti Frameset

Seleksi frameset.

1. Tampilan:

Keterangan:

- Border, mengatur tampilan border frameset.

- Border width, mengatur semua lebar border frameset.

- Border color, mengatur warna border frameset 

- Row, mengatur tinggi baris atau lebar kolom yang dipilih 

- Unit, mengatur lebar/tinggi frameset(satuan)

- RowCol Selection, memilih bagian kolom atau baris dengan klik tabulasinya.

6.11 Membuat Link pada Frame

Seleksi teks atau objek link pada jendela Design.

1. Dengan mengunakan kotak Link pada properti HTML:

Cara1 : Klik Browse to File, pilih file di dia;og Select File.

Cara2 : Klik Point to File, klik tahan dan geser ikon tersebut ke file tujuan link yang terdapat di panel File.

2. Di kotak Target , pilih frae /jendela yangb akan dihubungkan dengan dokumen yang harus ditampilkan.

6.12 Membuat Link pada Frame

Keterangan pilihan dalam kotak target:

- _blank , membuka dokumen yang dihubungkan dala jendale browser , serta membiarkan jendela sebelumnya tetap terbuka.

- _parent , membuka dokumen yang dihubungkan dalam fremeset induk link yang ditampilkan, kemudian mengganti seluruh frame.

- _self , mebuka dokumen yang dihubungkan dengan frame yang sedang dipilih atau aktif yang menjadi lokasi teks link, lalu mengganti isi frame tersebut.

- _top , membuka dokumen yang dihubungkan dalam jendela browser , lalu mengganti seluruh frame.

- Nama nama frame juga ditampilkan pada bagian ini, kita dapat memilihnya untuk membuka dokumen dalam frame tersebut

BAB VII

BEKERJA DENGAN GAMBAR

7.1 Menyisipkan Gambar
Tipe file Gambar :
1. GIF (Graphic Interchange Format). Maks 256 warna.
2. JPEG (Joint Photographic Experts Group).jutaan warna.
3. PNG (Portable Network Group)

Cara Menyisipkan Gambar :
Cara 1 : Panel Insert, klik ikon tombol Image.
Cara 2 : Panel Insert , Klik tahan geser ikon Image ke jendela dokumen.

Cara 3 : Menu Insert – Image.
Cara 4 : Panel Asset – klik tahan dan geser gambar ke dokumen.
Cara 5 : Panel File , klik tahan dan geser gambar.
Cara 6 : Ctrl + Alt + I
Catatan : “Setiap gambar di simpan di Root Site”


7.2 Mengatur Properti Gambar
Panel properties digunakan untuk mengatur seluruh properti gamabar seperti :
- ID, memberi id atau nama objek gambar.
- W dan H, mengisi ukuran lebar dan tinggi gambar.
- Src, tampilkan lokasi penyimpanan file, tentukan gambar
- Link, mengisi link gambar.
- Align, menetukan perataan gambar.
- Alt, menampilkan teks alternatif saat gambar ditampilkan di browser.
- Class, menentukan nama class CSS yang digunakan untuk memformat gambar.
- Map Name, megisi nama area hotspot
- Vspace dan Hspace, menentukan jarak spasi di sekitar gambar

7.3 Mengatur Properti Gambar
- Hotspot tools, membuat area hotspot.
- Target, memilih frame atau dokumen yang harus ditampilkan.
- Border, memasang ukuran border gambar (pixel).
- Edit, mengedit gambar dengan program editor lain.(photoshop)
- Edit Image Setting, mengubah aturan gambar (ukuran tipe gambar)
- Crop, memotong gambar.
- Resample, menampilkan hasil perubahan ukuran gambar dan peningkatan kualitas foto pada ukuran dan jenis.
- Brightness and Contrass, mengatur pencahayaan dan kontras gambar.
- Sharpen, mengatur ketajaman gambar.
- Reset Size, mengembalikan ukuran lebar dan tinggi gambar ke ukuran semula.


7.4 Mengatur Ukuran Gambar
Cara 1 :
- Pilih gambar.
- Pada panel Properties masukan nilai W dan H.

Cara 2 :
- Seleksi gambar.
- Arahkan pointer pada kotak handle.
Tekan Reset Size untuk mengembalikan ukuran semula.

7.4 Memberi Border pada Gambar
Cara membuat border :
1. Pilih gambar.
2. Pada properties beri nilai di kotak Border.
3. Enter.


7.5 Memotong Gambar
Cara cropping :
1. Pilih gambar.
2. Modify – Image – Crop.
3. Atur area cropping.
4. Tekan Enter atau klik ikon Crop lagi.

7.6 Mengatur Ketajaman Gambar
Cara mengatur ketajaman :
1. Pilih gambar.
2. Modify – Image – Sharpen atau klik ikon Sharpen
3. Masukan nilai atau geser slider.
4. Ok.


7.8 Mengatur Brightness dan Contrast
Cara mengatur gelap terang dan kontras:
Pilih gambar.
Modify – Image - Brightness dan Contrast.
Geser slider atau beri nilai. Ok.


7.9 Memberi Link pada Gambar
Cara memberi link pada gambar:
1. Pilih gambar.
2. Isi kotak Link atau mengunakan Point to File.


7.10 Membuat Link dengan Image Map
Image Map adalah suatu gambar yang memiliki daerah tertentu yang dapat diberi link.
1. Pilih gambar.
2. Pada properties klik ikon Hotspot Tool.
3. Seleksi daerah yang ingin di beri link.
4. Masukan file link tujuan.
5. Simpan.

7.11 Menggunakan Rollover Image
Rollover Image digunakan untuk menganti tampilan awal gambar dengan tampilan gambar lain ketika pointer diarahkan pada gambar awal.

1. Aktifkan pointer di dokumen.
2. Klik di panel Insert pilih drop down di Image.
3. Pilih Rollover Image.
4. Isi Original dan Rollover Image.
5. Ok.


7.12 Membuat Swap Image

Behavior Swap Image mempunyai fungsi yang sama seperti Rollover Image, yaitu menganti gambar dengan gambar lain, swap image tidak ditentukan link ke alamat URL sebagai link tujuan.

1. Pilih gambar.
2. Beri ID gambar.
3. Aktifkan panel behavior klik tombol +
4. Pilih gambar penganti di Browse.
5. Ok.



KEMBALI BAB V ===>>> KLIK DISINI <<<===
NEXT PAGE ====>>> KLIK DISINI <<<====

Read more ...

BAB V LAYOUT HALAMAN DENGAN HTML

5.1 Membuat table

Cara membuat tabel:

1. Menu Insert , Tabel.
2. Dialog pembuatan tabel:

- Rows, menentukan jumlah baris tabel.
- Columns, menentuka jumlah kolom tabel.
- Width, menentukan ukuran lebar tabel (pixel,persen)
- Border, ketebalan border atau batas tabel.
- Cell Padding, jarak antar isi sel dgn batas tepi sel
- Cell Spacing, menentukan jarak antar sel dlm tabel.
- Header , memberi keterangan teks .


5.2 8.1 Membuat table
Urutan prioritas format pada tabel :
1. Sel
2. Baris
3. Tabel
Bila kita merubah bgcolor pada sel dengan warna merah kemudian merubah bgcolor di tabel maka sel tadi tetap tetap merah.


5.3 Mengatur properti table
Menampilkan properties:
Cara 1 : Windows – Properties
Cara 2 :Ctrl + F3
Menyeleksi atau memilih tabel agar tampil di properti:
Cara 1 : Klik sudut kiri atas tabel
Cara 2 : Pilih tabel, menu Modify, Tabel, Select Tabel
Cara 3 : Gunakan tag <table> pada tag selector.

5.4 Mengatur properti table
Keterangan properties table :
Table Name, memberi nama tabel.
Number of Rows, menentukan jumlah baris dalam tabel.
Number of Columns, menentukan jml kolom di tabel.
Width, menentukan lebar tabel dengan satuan persen / pixel.
Heght, menentuka tinggi tabel .(persen/pixel)
CellSpace, menatur jarak antar sel tabel
CellPad, mengatur jarak antara isi sel dengan batas tepi sel
Alignment, mengatur perataan tabel dala jendela dokumen.


5.5 Mengatur properti table
Keterangan properties table :

Border Width, menentukan ketebalan garis bingkai. Clear Column Width, menghapus lebar kolom tabel. Convert Tabel to Pixels, merubah satuan lebar persen ke pixel. Convert Tabel to Percent, mrubah satuan lebar pixel ke persen. Clear Row Height, menghapus nilai tinggi baris tabel. Class, mengatus class CSS yg akan digunakan. 

5.6 Memilih elemen table
Memilih Satu Sel, letakan atau aktifkan pointer pada salah satu sel. Memilih beberapa sel,
Cara 1 : Klik pada sel , geser mouse ke sel lain .
Cara 2 : Pilih salah satu, tekan Shift, Klik sel yg lain(berurutan).
Cara 3 : Pilih salah satu, tekan Ctrl, Klik sel yg lain(acak).
Memilih baris. Memilih satu kolom

5.7 Mengubah ukuran tabel,baris,kolom
Mengubah lebar dan tinggi tabel, seleksi tabel, geser kotak pengatur ukuran tabel.
Mengubah lebar kolom, geser garis pebatas kolom.
Mengubah lebar seluruh kolom scr bersamaan, tekan Shift dan geser garis pebatas kolom.
Pengaturan lebar / tinggi baris dengan properti, isi pada kotak input W untuk lebar dan H untuk tinggi. (pixel/persen)


5.8 Menambah dan menghapus baris,kolom
Menambah baris atau kolom tunggal :
- Klik salah satu sel.
- Modify-Table-Insert Row untuk menambah baris baru.
- Modify-Table-Insert Columns untuk menambah kolom baru.

Menambah beberapa baris / kolom sekaligus.
- Klik salah satu sel.
- Modify-Table-Insert Row or Column.
- Insert : pilih baris atau kolomyg di tambah
- Number of : Jumlah baris/kolom yg akan ditambah Where : letak satelah/sebelum, atas/bawah


5.9 Menambah dan menghapus baris,kolom
Menghapus baris atau kolom:
- Aktifkan sel yang ingin dihapus.
- Modify – Table – Delete Row, untuk menghapus baris.
- Modify – Table – Delete Column, untuk menghapus kolom.
atau
- Pilih / seleksi satu kolom / satu baris penuh, Delete.

5.10 Mengubah properti sel table
Pastikan kursor berada berada di sel. Keterangan properti:
- Merges selected cells using spans, mengabungkan dua atau lebih sel.
- Splits cell into roes or columns, memecahkan sel menjadi beberapa baris atau kolom.
- Horz/ Horizontal Alignment of the sell contents, mengatur tata letak teks (kanan, kiri, tengah).
- Vert/Vertical Alignment of the cell contens, mengatur perataan vertikal isi sel, baris, atau kolom.
- Width of cell in pixels or percent, mengatur lebar sel (pixel/%)
- Height of cell in pixels or percent, mengatur tinggi sel (pixel/%)
- No wrap, mencegah agar teks yg dimasukan tidak melipat/pindah baris.
- Header, mengubah sel yg dipilih sebagai judul tabel.
- Background Color, memberi warna latar belakang.


5.11 Membuat tabel isi
Tabel isi adalah tabel yang diletakan di dalam sebuah sel.
Ukuran tabel isi terbatas atau tidak boleh melebihi ukuran sel . Cara membuat :
- Letakan kursor di sel lokasi tabel yang akan disisipkan.
- Menu Insert, Tabel, isikan dialog tabel.

Untuk mendapatkan desain yang rapi, khusus tabel ini gunakan ukuran 100 % agar ukuran tabel isi dapat menyesuaikan dengan ukuran sel lokasinya.
Ok.


5.12 Mengurutkan data table
Bisa mengurutkan tabel berdasarkan isi dari 2 kolom.
Tidak bisa mengurutkan baris yang tabelnya berisi kolom yang digabung. Cara :
- Pilih table .
- Menu Commands – Sort Table

Keterangan dialog Sort Tabel:
- Sort by, sebagai sel kunci untuk mengurutkan isi kolom tabel
- Order, untuk menentukan sistem pengurutan (alfabet/numerik) dan pola pengurutan (Ascending/Descending)
- Then by, menentukan sel kunci pengurutan kedua.


5.13 Mengunakan expanded mode

Adalah fasilitas sementara yg digunakan untuk menambahkan nilai CellPad dan CellSpace semua tabel di dalam dokumen, termasuk enambah border agar tabel mudah di edit. Kita akan dimudahkan dalam memilih item di dalam tabel dan menempatkan kursor dengan tepat.

Caranya :
- Posisikan di jendela Design
- Menu View – Table Mode – Expanded Table

Untuk keluar :
- Klik exit di bagian atas jendela atau
- Menu View – Table Mode – Standar Mode.

KEMBALI BAB IV ===>>> KLIK DISINI <<<===

NEXT PAGE ====>>> KLIK DISINI <<<====

Read more ...

BAB IV MEMBANGUN HALAMAN WEB DENGAN CSS

1.1 Pendahuluan
Adalah sekumpulan kode yang digunakan untuk mengformat, mengendalikan tampilan isi dalam suatu halaman web.

Ada 2 jenis :
1. Bersifat eksternal, tersimpan berupa file css. Memudahkan dalam pengeditan karena biasanya dihubungkan dengan link.
2. Bersifat internal, tersimpan di halaman web. Bila terjadi perubahan format, akan harus melakukan banyak pengeditan pada semua file.

1.2 Memahami CSS
Diberikan dalam bentuk kode kode yg dikumpulkan dan merupakan pernyataan yg diciptakan oleh HTML (selector). Kemudian dinyatakan dalam bentuk properti dan nilai.
Contoh :
h1 {color: #F00;}
body {color: red ; background:black;}
h2 {font-size : 16px ; font:-weight: bold;}

Properti CSS dan kesatuan yg saling mendukung disebut deklarasi.


1.3 Mengelompokkan Properti
Kadang kita harus mengubah properti sekaligus atau dengan cara mengelompokkan deklarasi dibatasi dengan tanda titik koma (;) .

h1 { color:#F00;
font-family : :Arial Black”, Gadget,sans-serif;
text-align : center;}

Pengelompokan selector:
H2, p, em {color : red}

1.4 Turunan property
Contoh :
ol {color:#F00;}
ul { color:#0F0;}

===========================
<ol><li>test</li><li>css</li> </ol> <ul><li>test</li><li>css</li></ul>


1.5 Membuat class baru dan id inspector
Class diawali dengan tanda titik (.)
Contoh class:
.testhijau {
color: #55DF00;}

Cara memangilnya:

<p><span class="testhijau">

1.6 Membuat class baru dan id inspector
Id inspector
Diawali dengan tanda ostotrop (#)
Contoh Id Inspector:
#footer { padding: 0 10px;
background:#55DF00;}

Cara memangilnya:

<div id="footer">

1.7 Cara menulis CSS

1. External Style Sheet

File berisi kode CSS yang menghubungkan satu atau lebih halaman web. Bila ingin merubah beberapa halaman web cukup 1 file saja yang di ubah.

Ada 2 metode:
- Metode Link:
<link href=“formatjudul.css” rel =style sheet type=“text/css”>
- Metode Impor:
<style type=“text/css”>
<!- -@import url(“formatbaru.css”); -></style>

1.8 Cara menulis CSS
Embedes Style

Metode penulisan CSS dengan meletakan di dalam sepasang tag <style>…</style>
Biasanya diletakan pada tag <head>, meskipun sebenarnya bisa diletakan di bagian manapun dari halaman web.
- Inline Style

Metode penulisan CSS yang ditulis di dalam tag HTML.
Contoh:
<div id=“apDiv1”
style= “position:absolute; visibility:inherent ; left:314px;
top:62px></div>


1.9 Bekerja dengan Panel css style
Cara membuka Panel CSS:
Cara1 : Menu Window – CSS Style
Cara2 : Klik panel CSS Style pada group panel sisi kanan jendela
Cara3 : Shif + F11


4.10 Memahami tampilam mode all
Ada 3 jenis tampilan:

1. Category Vew, menampilkan properti berdasarkan kategory masing masing. Font,Background, Block dll
2. List View, untuk menampilkan properti dala urutan abjad A-Z.

1.10 Memahami tampilan mode current
Mode Current memiliki 3 bagian:

Summary for selection, menampilkan properti CSS yang sedang dipilih di dalam jendela dokumen.Rules, menampilkan bagian bagian dalam jendela dokumen yang enggunakan CSS yang sedang aktif.Properti for “Nama Rule”, menampilkan properti dari CSS yang terpilih kita dapat merubahnya disini.Show Only Set Properties, untuk menampilkan properti yang terpasang atau yan digunakan pada CSS yang terpilih di bagian All Rules.

1.11 Membuat style css
Cara menampilkan dialog New CSS Rule:
Cara 1: Pilih menu Format – CSS Style – New
Cara 2: Di panel CSS Style, klik tombol New CSS Rules
Cara 3 :Klik tombol CSS pada panel properties – Klik Edit Rule.


1.12 Membuat style css
Selector Type:
- Class, untuk membuat style yg dapat diterapkan pada beberapa elemen HTML sbg atribut class.
- ID, untuk enggambarkan suatu format tag yang berisi ID spesifik.
- Tag, menggambarkan sebuah format tag HTML yang spesifik.
- Compound, kode campuran bisa 2 atau lebih class, tag, dan ID scr bersama sama.

1.13 Membuat style css
Choose where your rule will be defined :

1. This Document Only, untuk menempelkan style CSS pada dokumen yg aktif, biasanya diletakan pada bagian head.
2. New Style Sheet File, untuk membuat style CSS sbg file tersendiri (external file)
3. The Style Sheet, untuk menempatkan kode di dalam lembar style yang siap di tempatkan pada jendela dokumen .

1.14 Memodif Style CSS
Cara menampilkan dialog CSS RuleDefinition:

1. Buka panel CSS Style.
2. Double klik nama CSS yang akan diatur.

1.15 Mengatur properti css
Keterangan properti pada kategori Type:
Font-family, untuk mengatur kelarga huruf.
Font-size, untuk mengatur ukuran huruf.
Font-style, untk mengatur huruf menjadi tampilan normal.
Line-height, mengatur tinggi baris di atas teks.
Text-decoration, digunakan untuk menagtur efek garis bawah, efek coret atau efek blink.
Font-weight, untuk mengatur ketebalan huruf.
Font-variant, untuk menangatur huruf menjadi huruf kapital berukuran kecil.
Text-transform, mengatur bentuk penulisan atau besar kecilnya huruf.
Color, untuk mengatur warna text

4.16 Mengatur properti css
Keterangan properti pada kategori Background:
Backgroud-color, mengatur warna background
Background-image , mengatur gambar sebagai background
Background-repeat , menentukan pengulangan background:
- no-repeat, gambar tidak digandakan
- repeat , gambar diulang
- repeat-X, gambar diulang secara horisontal
- repeat-y, gambar diulang secara vertikal

Background attachment, menagtur tampilan pasti atau menggulung
Background-position x dan y, menentukan posisi awal penempatan gambar

1.16 Mengatur properti css

Keterangan properti pada kategori Block : Word spacing, mengatur jarak spasi antar kata Letter spacing, mengatur jarak spasi antar huruf.Vertical Align, perataan secara vertikal Text Align, mengatur perataan teks. Text Indent, mengatur jarak identasi teks baris pertama. White Space, mengatur white space yg sedang dikerjakan Display, menetapkan unsur unsur yg ingin ditampilkan.

1.17 Mengatur properti css

Keterangan properti pada kategori BOX: Width dan Height, mengatur tinggi dan lebar elemen.Float, mengatur segala sesuatu yg berada di sekitar elemen.Clear, menetapkan bagian yg tidak dpt disispi dgn elemen.Padding, mengatur nilai jarak isi dgn border objek.Margin, mengatur nilai jarak dgn objek lain.

4.18 Mengatur properti css
Keterangan properti pada kategori Border: Style, memilih bentuk border. Width, memilih ketebalan borderColor, memilih warna border.

4.18 Mengatur properti css
Keterangan properti pada kategori List:

List-style-type, memilih bentuk penomoran atau bullet. List-style-image, memilih bentuk bullet lain. Browse untuk mencari gambar untu bullet. List-style-option, mengatur apakah teks dari daftar (list) melipat dan agak masuk (outside), atau melipat ke margin sebelah kiri (inside)

4.19 Mengatur properti css
Keterangan properti pada kategori Positioning:

Positioning, menentukan posisi objek pada jendela browser. Visibility, menentukan kondisi awal tapilan objek. Z-index, mengatur posisi penumpukan objek. Overflow, menentukan akibat apabila isi objek melibihi ukuran. Placement, menentukan ukuran dan lokasi blok isi. Clip, mengabarkan bagian isi yg ditampilkan.

KEMBALI BAB III ===>>> KLIK DISINI <<<===

NEXT PAGE ===>>> KLIK DISINI <<<===

Read more ...

BAB III BEKERJA DENGAN FILE DAN DESAIN WEB

3.1 Beberapa type file
- CSS, (Cascading Style Sheet) ekstensi .css . Untuk format isi HTML dan mengendalikan posisi berbagai unsur unsur halaman.
- GIF (Graphics Interchange Format) ekstensi .gif .Untuk kartun, logo, grafis, area trasparan, dan animasi. Memiliki maksimum 256 jenis warna.
- JPEG (Joint Photographic Experts Group) ekstensi .jpg . Untuk foto dan gambar dengan kualitas warna tinggi, mengatasi untuk 256 jenis warna.
- XML (Extensibel Markup Language) ekstensi .xml . File ini berisi data di dalam suatu form mentah yang dapat diformat dengan menggunakan XSL.
- XLS (Extensibel Stylesheet Language) ekstensi .xsl atau .xslt . Untuk tipe data XML yang akan ditapilkan di halaman web
- CFML (ColdFusion Markup Language) ektensinya .cfm . Untuk halaman dinamis
- PHP (Hypertext Preprocessor) ektensinya .php . Untuk halaman dinamis


3.2 Layout css menyediakan kolom
- Fixed, lebar kolom telah ditetapkan dala satuan pixel. User tidak bisa merubah di browser.
- Elastic, Lebar kolom ditetapkan berdasarkan suatu unit pengukuran (ems) yang sesuai dengan ukuran teks. Desain akan menyesuaikan jika pengunjung merubah setting teks tanpa merubah ukuran dasar jendela browser.
- Liquid, Lebar kolom ditetapkan berdasarkan persentasi dari lebar browser pengunjung site. Desain akan menyesuaikan mengubah browser menjadi panjang pendek tanpa mengubah setting teks.
- Hybrid, Kolo kombinasi dari tiga pilihan sebelumnya.


3.3 Page properties
Cara 1: Cara 2:
- Menu Modify - Ctrl + J
- Page Properties

Ada 6 Kategory:

Apperance(CSS), mengatur properties halaman menggunakan bahasa css. Apperance(HTML), mengatur properties halaman dalam bentuk kode html. Links (CSS), menentukan font,ukuran,warna links. Heading (CSS), menentukan style untuk teks naskah. Title/Encoding, untuk mengisi judul. Tracing Image, menampilkan gambar sementara pada latarbelakang 

3.4 Memberi judul
Cara1:
- Di page properties , masuk ke Title/Encoding
- Ketik judul di Title.

Cara2 :
- Menu View, Head Co

nten, klik ikon title.
- Ketik judul di Title.

Cara3 :
- Bagian bar Document langsung ketik judulnya di Title.

3.5 Background gambar
Cara :
- Masuk ke Page Properties.
- Pilih Tab Appearance(HTML) atau (CSS).
- Browse bagian Backgroung Image.
- Pilih, OK.
- Apply.

3.6 Background warna
Cara :
- Masuk ke Page Properties.
- Pilih Tab Appearance.
- Klik menu drop-down pada bagian Backgroud Color.
- Pilih warna.

3.7 Mengatur warna teks

Cara :
- Masuk ke Page Properties.
- Pilih Tab Appearance.
- Klik menu drop-down pada bagian Text Color.
- Pilih warna.

3.8 Mengatur warna link
Cara :
- Masuk ke Page Properties.
- Pilih Tab Links.
Ada pilihan:
- Links Color, warna semua teks yang ada link.
- Visited Links, warna pada link yang sudah pernah dikunjungi
- Active Links, warna pada saat link saat di masih tekan.
- Rollover Links, warna yang digunakan saat pointer melewati link tersebut.

3.8 Ukuran margin halaman
Cara :
- Masuk ke Page Properties.
- Pilih Tab Appearance.
- Isi kotak Margin:

1. Left margin,
2. Top Margin
3. Right Margin
4. Bottom Margin.

3.9 Menyisipkan karakter khusus

Cara1 :
- Menu Insert – HTML - Special Character.
- Pilih karakter khusus.

Cara2 :
- Klik Insert di panel group, ganti kategory menjadi Teks.
- Pilih karakter khususnya.

3.10 Menambah tanggal
Cara:
- Taruh Pointer di objek.
- Menu Insert – Date.
- Pilih Format.
- Centang “Update Automatically on Save”
- Ok

3.11 Menyisipkan garis horizontal
Cara :
- Taruh Pointer di objek.
- Pilih menu Insert.
- HTML
- Horizontal Rule

3.12 Mengatur format/font huruf
Cara :
- Seleksi teks.
- Menu Format – Font.
- Plih Font.
- Ok.


3.13 Mengatur warna
Cara :
- Selesi teks yang akan dirubah.
- Menu Format – Color.
- Pilih warna, Ok.

3.14 Mengubah ukuran
Cara :
- Seleksi teks.
- Klik CSS pada panel Properties
- Size
- Pilih ukuran.

3.15 Mengatur perataan teks
Cara1:
- Seleksi text.
- Menu Format – Align.
- Pilih jenis perataan.

Cara2 :
- Seleksi text.
- Klik tombol CSS pada panel Properties
- Pilih jenis Ratanya.


3.16 Mengatur style teks
Cara :
- Menu Format – Style .
- Pilih format :
1. Bold
2. Italic
3. Underline
4. Striketrhough, memberi efek coret pada teks.
5. Teletype, meberi efek seperti pada teks telegram
6. Emphasis, efek penekanan/penegasan.
7. Strong, memberi efek tebal.

3.17 Memilih bentuk paragraph
Cara :
- Seleksi teks.
- Menu Format – Paragraph Format.
- Pilih salah satu format.

Cara lain:
- Klik tombol HTML pada panel Properties
- Pilih format.
Keterangan:
1. Paragraph, untuk mengatur jarak antar paragrap teks ataupun objek.
2. Heading, memiliki tatanan tabel dengan ukuran tertentu sesuai dengan heading yang dipilih.
3. Preformatted, menampilkan teks tanpa mengabaikan white space/ spasi dan menggunakan font default monospace.

3.18 Mengatur identasi teks
Merupakan jarak teks / paragraf dari tepi halaman.
Cara :
- Seleksi paragraf.
- Menu Format - Indent
Untuk menghapus / menghilangkan :
- Menu Format - Outdent

3.19 Membuat list
Cara :
- Tempatkan kursor di area kerja
- Menu Format – List
- Pilih :
1. Ordered List , List atau daftar yang memiliki urutan, bisa berupa angka, huruf atau romawi.
2. Unordered List, List yang tidak memiliki urutan, dapat berupa linkaran hitam/putih, kotak.
- Untuk mengakhiri list enter dua kali

3.20 Mengatur properties list
Cara :
- Menu – Format - List – properties
- Pilih type dan style.
- Ok.

KEMBALI BAB II ===>>> KLIK DISINI <<<===

NEXT PAGE ====>>> KLIK DISINI <<<====

Read more ...

BAB II MENDEFENISIKAN SITUS

2.1 Pendahuluan
Situs web adalah suatu kesatuan dari dokumen dokumen yang terhubung dengan atribut yang sama.

Situs web memiliki banyak dokumen / halaman web dan dilengkapi koponen lainnya seperti image, media, dan objek yang saling berhubungan

2.2. Membuat situs local
Situs lokal memiliki pengertian kesuluruhan file yang digunakan untuk membangun situs web yang berada dalam komputer yang berdiri sendiri.

2.3 Langkah 2 membuat membuat situs lokal:
- Menu Site-New site
- Akan muncul dialog berikut:
- Isi nama site dan alamat.
- Next

2.4 Membuat situs local
Langkah 2 :
- Pilih No , untuk memilih situs statis
- Pilih Yes , untuk memilih dokumen dinamis.
-> Kita coba NO.
- Pilih Lokal/Network
- Pilih Folder untuk menyimpan seluruh file.
- Next
- Berikut pilihan apakah site yang kita edit juga bisa diedit user lain dalam waktu bersamaan.
- Pilih No.
- Next
- Berikut ini merupakan ringkasan dari setting yang kita buat.
- Done

2.5 Membuat folder dalam situs
Untuk mengelompokkan file file site, kita gunakan folder.
Cara buat folder : Klik kanan di Panelsite KampusUnggu – New Folder – Beri nama – Enter
Cara delete folder : Edit – Delete - Yes.

2.6 Membuat dokumen baru
Langkah 2:
- File – New
- Blank Page
- Untuk contoh pilih 2 column hybrid, left sideber, header, and footer.
- Create
- Save simpan di Site Root.

2.7 Mengelola situs
Langkah 2:
Site – Manage Sites
Akan muncul dialog Manage Sites :
Fungsi Tombol:
New : Untuk buat Site yang baru lagi
Edit : Memodif lagi konfigurasi Kampus Unggu lagi.
Duplicate : Untuk menyalin Site.
Remove : Untuk menghapus.
Export : Mengexport sebagai file XML. Berformat .ste
Import : mengembalikan lagi dari hasil Export

2.8 Bekerja dengan panel files
Menu pop up Site: Menampilkan nama nama situs yang telah didefinisikan
Menu pop up View: Menampilkan tempat situs
Conect/Disconect : Melakukan koneksi ke situs remote.
Refresh : Refresh manual daftar file dari situs lokal dan remote.
Get File : Memilih file dari situs remote, atau testing ke situs lokal
Put File : Menyalin file dari situs lokal ke situs remote
Check Out File: Transfer copy dari file situs lokal dan memberi centang pada file di server
Check In File : Transfer copy file lokal ke remote server dan membuat file dapat diedit oleh yang lain. File lokal menjadi read-only.

KEMBALI BAB I ===>>> KLIK DISINI <<<===

NEXT PAGE ====>>> KLIK DISINI <<<====

Read more ...

BAB I PERANCANGAN WEB

1.1 Teknologi Pembangun Aplikasi berbasis Web

•Web client (web browser)
•Web server
•URL : Uniform Resource Locator
•HTTP : HyperText Transfer Protocol
•HTML : HyperText Markup Language
•CSS : Cascading Style Sheet.

1.2 Pemrograman Web
1.2.1 CGI, eksekusi program di sisi server(perl, C)
Web server menjalankan file program dan mengambil keluarannya untuk dijadikan HTTP response
1.2.2 Server side scripting (PHP, ASP, JSP, Phyton)
Web server mengidentifikasi dan menjalankan skrip program yang disisipkan dalam dokumen web dan menempatkan keluarannya sebagai bagian dari dokumen web
1.2.3 Client side scripting (JavaScript, JScript, VBScript)
Web browser mengidentifikasi dan menjalankan skrip program yang disisipkan dalam dokumen web (yang diterima dari server), dan dapat meng-update tampilan dokumen web di komputer user tanpa mengirimkan request baru kepada web server
1.2.4 P lug-in, eksekusi program di sisi client (applet, ActiveX, Flash)

Web browser menjalankan file program dengan bantuan plug-in viewer/player dan menyediakan suatu area di dalam dokumen web sebagai tempat menampilkan antarmuka program tersebut.

1.3 Web client (web browser)
1.3.1 Web browser
–merupakan suatu software
–dijalankan pada komputer user
–sebuah perangkat navigasi di dalam web
–menampilkan dokumen web

1.3.2 Perangkat lunak web browser yang populer saat ini :
–MS Internet Explorer (Windows)
–Mozilla Firefox (Windows & Linux)
–Netscape Navigator/Communicator (Windows & Linux)
–Opera (Windows & Linux)
–Konqueror (Linux)
–lynx, berbasis teks (Linux)

1.4 Web server
1.4.1 Web server
–merupakan suatu software
–dijalankan pada komputer server
–berfungsi agar dokumen web yang disimpan di server dapat diakses oleh user di internet

1.4.2 Perangkat lunak web server yang populer saat ini :
–Apache (Linux & Windows)
–MS Internet Information Server / IIS (Windows)
–Tomcat, untuk Java (Windows & Linux)

KEMBALI COVER ====>>> KLIK DISINI <<<====

NEXT BAB II ====>>> KLIK DISINI <<<====

Read more ...

TUGAS MANDIRI PEMBUATAN WEBSITE PRIBADI PERANCANGAN WEB

TUGAS MANDIRI

Pembuatan Website Pribadi : http://indralesmana.comuv.com

Mata Kuliah: Perancangan Web

Nama Mahasiswa : Indralesmana

NPM : 09XXXXXX

(NAMA KAMPUS)

2012

KATA PENGANTAR

Puji syukur kami panjatkan kepada Allah SWT sehingga penyusunan makalah ini dapat terselesaikan tepat pada waktunya. Selain itu penulis ingin mengucapkan terimakasih yang sebesar-besarnya kepada dosen pengampu mata kuliah Perancangan Web atas bimbingan dan motivasinya. 

Penulis menyadari banyak kekurangan dalam penysunan makalah ini. Karena itu Penulis sangat mengharapkan kritik dan saran yang bersifat membangun dari semua pihak demi kesempurnaan makalah ini. 

Batam, Januari 2012
Penyusun

Indralesmana



DAFTAR ISI
COVER
KATA PENGANTAR
DAFTAR ISI 

BAB I PERANCANGAN WEB....1
1.1 Teknologi Pembangun Aplikasi berbasis Web....1
1.2 Pemrograman Web....1
1.2.1 CGI, eksekusi program di sisi server(perl, C)....1
1.2.2 Server side scripting (PHP, ASP, JSP, Phyton)....1
1.2.3 Client side scripting (JavaScript, JScript, VBScript).... 1
1.2.4 P lug-in, eksekusi program di sisi client (applet, ActiveX, Flash)....1
1.3 Web client (web browser) ....2
1.3.1 Web browser ....2
1.3.2 Perangkat lunak web browser yang populer saat ini....2
1.4 Web server ....2
1.4.1 Web server .... 2
1.4.2 Perangkat lunak web server yang populer saat ini....3

BAB II MENDEFENISIKAN SITUS.... 4
2.1 Pendahuluan....4
2.2. Membuat situs local....4
2.3 Langkah 2 membuat membuat situs local ....4
2.4 Membuat situs local ....4
2.5 Membuat folder dalam situs.... 5
2.6 Membuat dokumen baru....5
2.7 Mengelola situs....6
2.8 Bekerja dengan panel files....6

BAB III BEKERJA DENGAN FILE DAN DESAIN WEB
3.1 Beberapa type file....7
3.2 Layout css menyediakan kolom....7
3.3 Page properties....8
3.4 Memberi judul....8
3.5 Background gambar ....9
3.6 Background warna....9
3.7 Mengatur warna teks ....9
3.8 Mengatur warna link....10
3.8 Ukuran margin halaman .... 10
3.9 Menyisipkan karakter khusus .... 11
3.10 Menambah tanggal ....11
3.11 Menyisipkan garis horizontal ....11
3.12 Mengatur format/font huruf....12
3.13 Mengatur warna.....12
3.14 Mengubah ukuran....12
3.15 Mengatur perataan teks ....12
3.16 Mengatur style teks....13
3.17 Memilih bentuk paragraph....13
3.18 Mengatur identasi teks....14
3.19 Membuat list .... 14
3.20 Mengatur properties list.... 15

BAB IV MEMBANGUN HALAMAN WEB DENGAN CSS....16
4.1 Pendahuluan....16
4.2 Memahami CSS.... 16
4.3 Mengelompokkan Properti ....16
4.4 Turunan property....17
4.5 Membuat class baru dan id inspector ....17
4.6 Membuat class baru dan id inspector....17
4.7 Cara menulis CSS....18
4.8 Cara menulis CSS....18
4.9 Bekerja dengan Panel css style ....19
4.10 Memahami tampilam mode all ....19
4.11 Memahami tampilan mode current....19
4.12 Membuat style css ....20
4.13 Membuat style css....20
4.14 Membuat style css....20
4.15 Memodif Style CSS....20
4.16 Mengatur properti css....21
4.17 Mengatur properti css ....22
4.18 Mengatur properti css....22
4.19 Mengatur properti css....22

BAB V LAYOUT HALAMAN DENGAN HTML
5.1 Membuat table ....23
5.2 Membuat table....23
5.3 Mengatur properti table....24
5.4 Mengatur properti table....24
5.5 Mengatur properti table .... 25
5.6 Memilih elemen table....25
5.7 Mengubah ukuran tabel,baris,kolom....25
5.8 Menambah dan menghapus baris,kolom....25
5.9 Menambah dan menghapus baris,kolom .... 26
5.10 Mengubah properti sel table .... 26
5.11 Membuat tabel isi .... 27
5.12 Mengurutkan data table....27
5.13 Mengunakan expanded mode.... 27

BAB VI MEMBUAT FRAME....29
6.1 Membuat Frame dan Frameset....29
6.2 Menambahkan Frameset dari Sample....29
6.3 Membuat Frameset Sendiri.... 29
6.4 Memecah,Menghapus dan Mengubah Ukuran Frame....30
6.5 Menyeleksi Frame dan Frameset....31
6.6 Membuka dokumen di dalam Frame.... 31
6.7 Menyimpan Frame atau Frameset.... 31
6.8 Menampilkan dan Mengatur Properti Frame.... 32
6.9 Menampilkan dan Mengatur Properti Frame ....32
6.10 Menampilkan dan Mengatur Properti Frameset ....33
6.11 Membuat Link pada Frame....33
6.12 Membuat Link pada Frame....33

BAB VII BEKERJA DENGAN GAMBAR....35
7.1 Menyisipkan Gambar.... 35
7.2 Mengatur Properti Gambar .... 35
7.3 Mengatur Properti Gambar .... 36
7.4 Mengatur Ukuran Gambar.... 37
7.5 Memberi Border pada Gambar ....37
7.6 Memotong Gambar ....37
7.7 Mengatur Ketajaman Gambar....37
7.8 Mengatur Brightness dan Contrast ....38
7.9 Memberi Link pada Gambar ....38
7.10 Membuat Link dengan Image Map .... 39
7.11 Menggunakan Rollover Image.... 39
7.12 Membuat Swap Image .... 39

BAB VIII PENDAHULUAN WEB HOSTING .... 40
BAB IX PEMBAHASAN WEB HOSTING .... 43
PENUTUP
DAFTAR PUSTAKA



PENUTUP

Demikian yang dapat saya paparkan mengenai materi yang menjadi pokok bahasan dalam makalah ini, tentunya masih banyak kekurangan dan kelemahannya, kerena terbatasnya pengetahuan dan kurangnya referensi yang ada hubungannya dengan judul makalah ini. Semoga makalah ini berguna bagi penulis sendiri pada khususnya juga para pembaca yang budiman pada umumnya.

Akhir kata , sekian makalah ini saya susun, semoga bisa bermanfaat bagi siapa saja yang membacanya. Dan semoga bisa menjadi nilai tambah bagi proses pembelajaran tentang dunia IT.

Dan saya sadar masih banyak kekurangan dalam penyusunan makalah ini,untuk itu kritik dan saran yang sifatnya membangun akan saya terima dengan lapang dada. dan atas perhatiannya , saya ucapkan terima kasih.

NEXT BAB 1 ====>>> KLIK DISINI <<<=====

Read more ...

CONTOH PENULISAN BAB 1 PADA TUGAS AKHIR ATAU SKRIPSI

Halo gaes
Halo SOBAT Salam SOB

Terimakasih sudah setia bersama kami,

Berikut ini saya mau menjelaskan cara penulisan BAB 1 pada tugas akhir atau skripsi.

Sebelum memulai lebih panjang, saya membuat tema skripsi pada waktu itu mengenai PENGARUH PEMANFAATAN WEBSITE SEKOLAH DAN TEKNOLOGI JARINGAN KOMPUTER TERHADAP TINGKAT PRESTASI SISWA SMK DI KOTA BATAM. Sampel yang diambil waktu itu ada dua sekolah yaitu SMKS Teladan Batam dan SMKn5 Batam....

Hal utama yang kita perlukan pada bab 1 tugas akhir adalah kerangkanya, kenapa kerangka? karena kalo sudah ada kerangka maka kita akan lebih mudah untuk menjelaskan atau menguraikan materi apa yang akan kita jelaskan pada skripsi bab 1 kita.

Berikut ini contoh kerangka yang kita perlukan pada BAB 1 :

1. BAB 1 Pendahuluan

Pendahuluan merupakan bab pertama dari karya tulis yang berisi jawaban apa dan mengapa penelitian itu perlu dilakukan. Bagian ini memberikan gambaran mengenai topik penelitian yang hendak disajikan. Oleh karena itu, pada bab pendahuluan memuat latar belakang masalah, rumusan masalah, dan tujuan penelitian.

2. Latar belakang 

Latar Belakang adalah dasar atau titik tolak untuk memberikan pemahaman kepada pembaca atau pendengar mengenai apa yang ingin kita sampaikan. Latar belakang yang baik harus disusun dengan sejelas mungkin dan bila perlu disertai dengan data atau fakta yang mendukung.

3. Identifikasi Masalah

Identifikasi masalah adalah pengenalan masalah atau inventarisir masalah. Identifikasi masalah adalah salah satu proses penelitan yang boleh dikatakan paling penting diantara proses lain. Suatu penelitian sering tidak mampu memecahkan semua masalah yang ada, karena keterbatasan penelitian.

4. Pembatasan Masalah
Batasan masalah adalah ruang lingkup masalah atau upaya membatasi ruang lingkup masalah yang terlalu luas atau lebar sehingga penelitian itu lebih bisa fokus untuk dilakukan. Hal ini dilakukan agar pembahasannya tidak terlalu luas kepada aspek-aspek yang jauh dari relevansi sehingga penelitian itu bisa lebih fokus untuk dilakukan.

5. Perumusan Masalah

Suatu rumusan masalah itu ditandai dengan pertanyaan penelitian, yang umumnya disusun dalam bentuk kalimat tanya, pertanyaan-pertanyaan tersebut akan menjadi arah kemana sebenarnya penelitian akan dibawa, dan apa saja sebenarnya yang ingin dikaji/dicari tahu oleh si peneliti.

6. Tujuan Penelitian

Tujuan penelitian adalah mendapatkan suatu rumusan hasil dari suatu penelitian melalui proses mencari, menemukan, mengembangkan, serta menguji suatu pengetahuan. Selain itu, penelitian digunakan untuk memecahkan atau menyelesaikan suatu permasalahan yang ada.

7. Manfaat Penelitian

Dengan mempelajari mengenai metode penelitian maka akan ada manfaat dari ilmu ini. beberapa manfaat metodologi penelitian sebagai berikut:

Mampu menyusun karya tulis yang baik, bisa dalam bentuk paper, skripsi, dan beberapa karya ilmiah. 

Memahami tujuan penting dari riset atau penelitian. Sehingga dapat menyusun keputusan dengan tepat. 

Mampu menilai hasil penelitian yang telah ada. Seperti untuk mengukur kebenaran dari hasil penelitian. 

Tanpa memperpanjang kata-kata langsung saja kita lihat contoh penulisan bab1 dibawah ini

BAB I

PENDAHULUAN

1.1 Latar Belakang Penelitian

Di era persaingan bebas ini terjadi berbagai perubahan yang berlangsung sangat cepat disetiap segi kehidupan dilingkungan pendidikan. Kelangsungan hidup suatu organisasi sangat bergantung pada kemampuan untuk memberikan respon terhadap perubahan-perubahan tersebut secara efektif. Umumnya perubahan-perubahan yang terjadi disebabkan oleh berbagai kekuatan yang ada, baik yang bersifat internal maupun eksternal.

Pendidikan merupakan salah satu instrumen penting dalam pembangunan karena sasarannya adalah peningkatan kualitas sumer daya manusia (SDM).

Kualitas SDM yang tinggi merupakan salah satu komponen pendukung paling utama bagi keberhasilan pembangunan suatu negara. Tanpa pendidikan mustahil tercipta SDM yang berkualitas dan siap bersaing dengan SDM dari negara lain. Kemajuan dibidang ekonomi, politik, hukum, sosial, budaya, militer, ilmu pengetahuan dan teknologi hanya dapat dicapai melalui proses pendidikan.

Komitmen pemerintah untuk meningkatkan mutu pendidikan ditempuh melalui berbagai cara dengan mengeluarkan kebijakan-kebijakan. Mulai dari kebijakan anggaran, muatan kurikulum, peningkatan kualifikasi guru, sistem kenaikan pangkat dan sebagainya. Peningkatan dan pengembangan mutu pendidikan di Indonesia merupakan masalah aktual yang selalu menuntut perhatian semua kalangan.

Teknologi Jaringan Komputer dan website sekolah perlu ditingkatkan sebagai penunjang prestasi siswa dalam belajar. Dan telah menjadi tanggung jawab kita bersama dalam menjaga dan mengembangkan untuk kemajuan kedepan yang lebih baik lagi.

Dengan adanya perubahan, pengembangan dan perbaikan apapun yang dilakukan Sekolah baik yang sifatnya internal maupun eksternal diharapkan Sekolah dapat meningkatkan kualitas prestasi siswa dalam belajar dan pengetahuan tentang teknologi jaringan komputer serta pemanfaatan website sekolah.

Prestasi belajar siswa di sekolah dihubungkan dengan prestasi belajar sehari-hari di sekolah. Untuk mengetahui prestasi belajar siswa di sekolah yaitu dengan melihat peringkat aktualisasi dari kegiatan belajar, salah satunya adalah berbentuk prestasi belajar yang dicapai seseorang.

Tingginya prestasi belajar siswa menjadi salah satu alasan ketertarikan mengadakan penelitian, sama halnya ketertarikan atas rendahnya prestasi belajar siswa. Untuk mengetahui seberapa jauh tingkat prestasi siswa dalam pemahaman memanfaatkan website sekolah dan teknologi jaringan komputer salah satu tahap awal yang dapat dilakukan adalah dengan penyebaran kuesioner yang berisikan mengenai pemanfaatan website sekolah dan teknologi jaringan komputer terhadap prestasi siswa.

1.2 Identifikasi Masalah

Adapun identifikasi masalah dalam pemanfaatan webiste sekolah dan teknologi jaringan komputer di SMK adalah sebagai berikut : 

1. Bagaimana pengaruh pemanfaatan website sekolah terhadap tingkat prestasi siswa SMK di Kota Batam?

2. Bagaimana pengaruh teknologi jaringan komputer terhadap tingkat prestasi siswa SMK di Kota Batam?

3. Bagaimana pengaruh pemanfaatan website sekolah dan teknologi jaringan komputer terhadap tingkat prestasi siswa SMK di Kota Batam? 

1.3 Pembatasan Masalah

Agar penulisan tugas akhir ini lebih terarah pada permasalahan yang dihadapi dan sesuai dengan judul PENGARUH PEMANFAATAN WEBSITE SEKOLAH DAN TEKNOLOGI JARINGAN KOMPUTER TERHADAP TINGKAT PRESTASI SISWA SMK DI KOTA BATAM, beserja tujuan yang dicapai penulis, maka penulis menetapkan beberapa batasan-batasan terhadap permasalahan yang akan diteliti, yaitu :

1. Penelitian dilakukan untuk mengetahui seberapa besar tingkat prestasi siswa SMK di Kota Batam dalam pemanfaatan website sekolah dan pemanfaatan teknologi jaringan komputer (khususnya Kelurahan Sagulung).

2. Pada penulisan tugas akhir ini pengambilan populasi dilakukan di dua SMK sekitar Kelurahan Sagulung yaitu SMKS Teladan Batam dan SMKN 5 Batam.

3. Penelitian ini tidak membahas masalah perhitungan IP Address beserta subnetting.

1.4 Perumusan Masalah

Dalam perumusan masalah ini penulis mengambil judul skripsi yang diteliti yaitu PENGARUH PEMANFAATAN WEBSITE SEKOLAH DAN TEKNOLOGI JARINGAN KOMPUTER TERHADAP TINGKAT PRESTASI SISWA SMK DI KOTA BATAM. Adapun masalah yang dapat dirumuskan yaitu :

1 Apakah pengaruh pemanfaatan website sekolah terhadap tingkat prestasi siswa SMK diKota Batam sudah meningkat?

2 Apakah pengaruh teknologi jaringan komputer terhadap tingkat prestasi siswa SMK di Kota Batam sudah meningkat?

3 Seberapa besar pengaruh pemanfaaran website sekolah terhadap tingkat prestasi siswa SMK di Kota Batam?

4 Seberapa besar pengaruh pemanfaatan teknologi jaringan komputer terhadap tingkat prestasi siswa SMK di Kota Batam?

1.5 Tujuan Penelitian

Tujuan Penelitian ini adalah dijelaskan sebagai berikut :

1. Untuk mengetahui seberapa besar tingkat prestasi siswa dalam pemanfaatan website sekolah SMK di Kota Batam

2. Untuk mengetahui seberapa besar tingkat prestasi siswa dalam pemanfaatan teknologi jaringan komputer SMK di Kota Batam

3. Untuk mengetahui pengaruh dari pemanfaatan website sekolah terhadap tingkat prestasi siswa SMK di Kota Batam.

4. Untuk mengetahui pengaruh dari teknologi jaringan komputer terhadap tingkat prestasi siswa SMK di Kota Batam.

5. Untuk dapat mengetahui tingkat prestasi siswa terhadap website sekolah dan teknologi jaringan komputer pada SMK di Kota Batam.

Selain tujuan diatas, tujuan secara umum penulisan tugas akhir ini adalah untuk merealisasikan tujuan pendidikan di Universitas Putera Batam maka untuk mengakhiri masa studinya diwajibkan kepada para mahasiswa untuk melakukan tugas akhir.

1.6 Manfaat Penelitian

Dengan dilakukan penelitian ini diharapkan dapat memberi manfaat, adapun manfaat dari penelitian ini diharapkan dapat memberikan kontribusi yang baik untuk kedepannya :

1. Agar website sekolah dan teknologi jaringan komputer dibuat bukan hanya jadi pajangan semata.

2. Penelitian ini diharapkan dapat memberikan sumbangan pemikiran dalam pengambilan keputusan dari pihak sekolah khususnya dalam aspek peningkatan kualitas prestasi siswa dalam belajar.

3. Hasil penelitian ini diharapkan juga sebagai informasi dan acuan sekaligus memberikan stimulus dalam melakukan penelitian kususnya pihak sekolah dalam mengelola website sekolah dan teknologi jaringan komputer yang lebih bermanfaat untuk peningkatan prestasi siswa.

Ok itu saja penjelasan mengenai BAB1 tentang penulisan pada tugas akhir skripsi. apabila ada yang mau ditanyakan silahkan hubungi contact admin atau bisa langsung enter komen dibawah ini. terimakasih kami ucapkan, Salam SOBAT Salam SOB.

Read more ...

CONTOH SURAT PERJANJIAN JUAL BELI SEPEDA MOTOR

Halo SOBAT
salam SOB

Cerita kali ini saya mau membuat contoh sebuah surat perjanjian jual beli dari pihak penjual ke pembeli.

adapun isi surat jual beli sebagai berikut :


SURAT PERJANJIAN JUAL BELI SEPEDA MOTOR

Pada hari Kamis tanggal 10 Januari 2019, yang telah bertanda tangan dibawah ini,
1. Nama :
Alamat :
Pekerjaan :
No. KTP :
Telepon :
Selaku pihak pertama, selanjutnya disebut penjual, dan

2. Nama :
Alamat :
Pekerjaan :
No. KTP :
Telepon :
Selaku pihak kedua, selanjutnya disebut sebagai pembeli, telah memutuskan dan menerangkan hal-hal sebagai berikut :

Pasal 1
Penjual telah menjual sepeda motor, dengan kriteria sebagai berikut :
Nomor Polisi :
Merk/Type :
Jenis/Model :
Tahun perakitan :
Warna KB :
Isi Silinder/HP :
Nomor rangka/NIK :
Nomor Mesin :
Nomor BPKB :
Warna TNKB :

Pasal 2
Penjual telah menjual sepeda motor tersebut dengan tanpa adanya paksaan dari pihak manapun.

Pasal 3
Pembeli telah membeli sepeda motor dengan tanpa adanya paksaan dari pihak manapun.

Pasal 4
Pembeli telah mengetahui, melihat dan memeriksa sendiri keadaan sepeda motor tersebut.

Pasal 5
Kendaraan bermotor ini sepenuhnya milik penjual dan tak ada campur tangan pihak lain dalam kepemilikannya kemudian diserahkan hak sepenuhnya kepada pembeli.

Pasal 6
Penjual dan pembeli telah sepakat untuk harga jual beli motor tersebut, dengan harga sebesar Rp. (nominal),- yang dibayarkan secara tunai oleh pembeli kepada penjual, secara tunai pada saat penandatanganan surat ini.

Pasal 7
Kendaraan bermotor dan segala surat suratnya, diserahkan kepada pembeli setelah penandatanganan surat jual beli ini.

Pasal 8
Semua cacat dan kerusakan yang timbul setelah kendaraan bermotor diserahkan sepenuhnya ditanggung pembeli dan diluar tanggung jawab penjual.

Pasal 9
Segala macam biaya seperti biaya pembalikan nama, pengiriman dan lainnnya ditanggung oleh pembeli.

Pasal 10
Jika terjadi perselisihan diantara kedua pihak mengenai masalah ini, penjual dan pembeli telah bersepakat untuk menyelesaikan sebisa mungkin tanpa membawanya kedepan meja hijau.

Pasal 11 (Penutup)
Demikian surat perjanjian jual beli ini dibuat dan ditandatangani atau disetujui oleh kedua belah pihak tanpa adanya paksaan dari pihak manapun.

Perjanjian ini dibuat dengan rangkap dua, dan ditandatangani diatas materai, dimana kedua belah pihak memiliki kekuatan hukum yang sama besar.

Batam, 10 Januari 2019

Penjual Pembeli

(...............) (.............)

Read more ...

KERANGKA FORMAT PROPOSAL STUDI RENCANA BISNIS USAHA TOKO BAJU IMPORT ONLINE

Read more ...

Penulisan abstrak dalam proposal, tugas akhir, atau skripsi

Halo sobat

Salam SOB

Nah kali ini kita membahas mengenai penulisan abstrak, abstrak hampir sama dengan sinopsis akan tetapi ada sedikit perbedaan yaitu sebagai berikut :

DEFINISI

Pengertian umum abstrak merupakan penyajian singkat mengenai isi tulisan sehingga pada tulisan, ia menjadi bagian tersendiri. Abstrak berfungsi untuk menjelaskan secara singkat kepada pembaca. Sedangkan pengertian khusus abstrak adalah sesuatu yang dilihat tidak mengacu kepada obyek atau peristiwa khusus. Abstraksi menyajikan secara simbolis atau secara konseptual serta secara imajinatif sesuaru yang tidak dialami secara langsung.

Jadi abstrak adalah kata yang menunjukan kepada sifat, keadaan dan kegiatan yang dilepas dari objek tertentu. Pemahaman akan pengertian abstrak sepertinya masih dianggap sebagai suatu yang sulit bahkan tak teraplikasi. Sebagaimana tertera di atas, suatu perikatan adalah suatu pengertian abstrak (dalam arti tidak dapat dilihat dengan mata), maka suatu perjanjian adalah suatu peristiwa atau kejadian yang konkret. Misalnya : Perjanjian jual beli

FUNGSI ABSTRAK

Fungsi abstrak adalah untuk memberikan informasi kepada masyarakat perihal hasil penelitian yang telah dibuat. Uraian yang hanya satu halaman tersebut memudahkan abstrak dimasukkan dalam jaringan internet. Hal ini dimaksudkan memudahkan anda mengetahui hasil penelitian tanpa harus membaca keseluruhan penelitian yang berlembar lembar. Sehingga abstrak membantu anda dalam mencari referensi dalam penelitian yang anda cari.

Adanya abstrak akan menghindari tindakan plagiasi oleh pihak yang tidak bertanggung jawab. Sebuah penelitian akan terlindungi jika hanya abstraknya saja yang ditampilkan dan diperluas di internet.

Berikut contoh abstrak dalam penulisan skripsi

ABSTRAK

PENGARUH PEMANFAATAN WEBSITE SEKOLAH DAN TEKNOLOGI JARINGAN KOMPUTER TERHADAP TINGKAT PRESTASI SISWA SMK DI KOTA BATAM

Dewasa ini persaingan teknologi informasi yang semakin berkembang pesat membuat prestasi belajar siswa semakin harus ditingkatkan. Pemanfaatan website sekolah dan teknologi jaringan komputer yang masih kurang memadai untuk area sekolahan menyebabkan kurangnya semangat siswa dalam belajar. Untuk itu ditekankan kepada sekolah agar lebih meningkatkan kualitas belajar dan selalu memperkenalkan teknologi informasi yang sedang berkembang di era persaingan bebas ini. Website dan jaringan komputer disekolahan sangat perlu diperkenalkan kepada siswa sebagai bahan pembelajaran untuk menunjang prestasi siswa.

Berdasarkan uraian diatas, maka penulis merumuskan masalah dalam penelitian ini sebagai berikut : 1) Adakah hubungan yang positif pemanfaatan website sekolah terhadap tingkat prestasi siswa SMK di Kota Batam. 2) Adakah hubungan positif pemanfaatan teknologi jaringan komputer terhadap tingkat prestasi siswa SMK di Kota Batam. 3) Adakah hubungan positif pemanfaatan website sekolah dan teknologi jaringan komputer terhadap tingkat prestasi siswa SMK di Kota Batam.

Sumber data penelitian diambil dari populasi melalui sampel yang telah ditentukan, Teknik pengambilan sampel menggunakan cluster sampling (area sampling) yaitu teknik sampling daerah digunakan untuk menentukan sampel bila obyek yang diteliti sangat luas. Pengambilan sampel disini dilakukan secara acak dengan cara banyak SMK di Batam diambil populasi dari Kelurahan Sagulung kemudian di kelurahan Sagulung diambil dua sekolah yaitu SMKS Teladan Batam dan SMKN5 Batam. Jumlah populasi kedua Sekolah ini adalah 1290. Dengan jumlah laki-laki 991 dan perempuan 299 orang dengan sampel 103 orang. Data yang diperoleh dengan menggunakan kuesioner atau angket.

Berdasarkan hasil penelitian dan pembahasan yang telah penulis lakukan maka penulis menyimpulkan sebagai berikut : 1) Terdapat hubungan yang positif dari pemanfaatan website sekolah terhadap tingkat prestasi siswa SMK di Kota Batam. Artinya semakin baik webiste sekolah maka akan semakin meningkat prestasi siswa SMK di Kota Batam. 2) Terdapat hubungan yang positif dari pemanfaatan teknologi jaringan komputer terhadap tingkat prestasi siswa SMK di Kota Batam. Artinya semakin baik teknologi jaringan komputer maka akan semakin meningkat prestasi siswa SMK di Kota Batam. 3) Terdapat hubungan yang positif dari pemanfaatan website sekolah dan teknologi jaringan komputer terhadap tingkat prestasi siswa SMK di Kota Batam. Artinya semakin baik webiste sekolah dan teknologi jaringan komputer maka akan semakin meningkat prestasi siswa SMK di Kota Batam.

xiv+113 Halaman; 12 Gambar; 43 Tabel; 6 Lampiran; 1 Surat Keterangan; 2 Surat Balasan Penelitian.

Contoh penulisan ABSTRACT dalam bahasa inggris

ABSTRACT

EFFECT OF THE USE OF THE WEBSITE AND TECHNOLOGY SCHOOL OF COMPUTER NETWORK LEVEL STUDENT ACHIEVEMENT IN TOWN SMK BATAM

Today the competition is growing information technology rapidly making student achievement should be improved further. Use of school website and computer network technology is still insufficient to cause the lack of the spirit of the school area students in learning. For that emphasized the school to further enhance the quality of learning and always introduce emerging information technologies in this era of free competition. Websites and computer networks in schools is necessary introduced to students as learning materials to support student achievement.

Based on the description above, the authors formulate the problem in this study as follows: 1) there is a positive relationship to the level of utilization of the school website vocational student achievement in Batam. 2) Is there a positive relationship utilization of computer network technology to the level of achievement of vocational students in Batam. 3) Is there a positive correlation exploiting the school's website and computer network technology to the level of achievement of vocational students in Batam.

Sources of research data through a sample drawn from a population that has been determined, using a cluster sampling technique sampling (sampling area) is the area sampling technique is used to determine if the object studied samples are very broad. Sampling was carried out at random here by way of many vocational schools in Batam taken from District Sagulung populations in urban Sagulung then taken two schools are Exemplary SMKS and SMKN5 Batam Batam. Total population of the two schools was 1290. With 991 men and women with a sample of 299 people 103 people. Data were obtained using a questionnaire or a questionnaire.

Based on the research and discussion that has writers do the authors conclude the following: 1) There is a positive relationship from the use of the school website for vocational student achievement levels in Batam. This means that the better the school webiste will increase student achievement SMK in Batam. 2) There is a positive relationship from the utilization of computer network technology to the level of achievement of vocational students in Batam. This means that the better the computer networking technology will increase student achievement SMK in Batam. 3) There is a positive relationship from the school website and the use of computer network technology to the level of achievement of vocational students in Batam. This means that the better the school webiste and computer networking technology that will increase student achievement SMK in Batam.

Page xiv +113; 12 Figure; 43 Table; 6 Appendix: 1 Certificate, 2 Replies Research Letters.

Baik lah begitu saja penjelasan mengenai abstak dalam penulisan skripsi, apabila ada yang mau ditambahkan silahkan tinggal kan pesan dibawah ini, terimakasih sobat.

Read more ...

Menutup program aplikasi yang tidak digunakan lagi atau Sudah Selesai digunakan

Halo SOBat
Kali ini kami akan menjelaskan bagaimana cara nya menutup aplikasi yang sudah tidak di gunakan lagi, berikut penjelasannya beserta alasannya.
Cus...

Selesai bekerja dengan suatu program aplikasi misalnya wordpad, sebaiknya program aplikasi tersebut ditutup (walaupun tidak harus ditutup). Keuntungan menutup program aplikasi adalah membersihkan memory dan desktop dari program aplikasi tersebut dan tempatnya dapat digunakan oleh program aplikasi lainnya. Keuntungan lainnya adalah untuk keamanan pekerjaan karena dengan menutup program aplikasi, berarti juga menutup semua data atau file yang dibuka pada program aplikasi yang bersangkutan.

Untuk menutup program aplikasi, lakukanlah langkah-langkah berikut ini :

1. Pilih menu File

2. Pilih Exit

Atau bisa juga klik tanda (X) pada Pojok Kanan Atas

Bisa juga dengan klik Alt+F4

Bisa juga dari menu Windows Task Manager pilih program yang mau ditutup (dengan cara paksa) kemudian pilih Endtask

Sekian tutorial dari SOB cara menutup aplikasi yang tidak digunakan. gimana gampang bukan? Semoga Ilmunya bermanfaat ya gaes. 😄


Komen dibawah apabila ada masukan dan komen mengenai artikel apa yang kalian butuhkan agar kami bisa merangkainya ya SOBat,masukan dari kalianlah yang membuat SOB jadi lebih bersemangat untuk berkarya.
Salam SOB

Read more ...