pembuatan website tentang kecantikan secara alami

21
PEMBUATAN WEBSITE TENTANG KECANTIKAN SECARA ALAMI MENGGUNAKAN DREAMWEVER TUGAS AKHIR Diajukan sebagai salah satu syarat untuk menyelesaikan Pendidikan Pada Program Setara Diploma 1 Oleh : SILFIA NUR ROHMAH NIS : KERJASAMA PROGRAM PENDIDIKAN SETARA DIPLOMA SATU TEKNOLOGI INFORMASI DAN KOMUNIKASI (PRODISTIK)

Upload: jump-palel

Post on 26-Dec-2015

6 views

Category:

Documents


0 download

DESCRIPTION

web menggunakan dreamwever

TRANSCRIPT

Page 1: Pembuatan Website Tentang Kecantikan Secara Alami

PEMBUATAN WEBSITE TENTANG KECANTIKAN SECARA ALAMI

MENGGUNAKAN DREAMWEVER

TUGAS AKHIR

Diajukan sebagai salah satu syarat untuk menyelesaikan

Pendidikan Pada Program Setara Diploma 1

Oleh :

SILFIA NUR ROHMAH

NIS :

KERJASAMA

PROGRAM PENDIDIKAN SETARA DIPLOMA SATU

TEKNOLOGI INFORMASI DAN KOMUNIKASI (PRODISTIK)

MADRASAH ALIYAH NEGERI BANGIL

2014

Page 2: Pembuatan Website Tentang Kecantikan Secara Alami

LEMBAR PERSETUJUAN

PEMBUATAN WEBSITE TENTANG CANTIK DENGAN NATURAL TREATMENT

MENGGUNAKAN ADOBE DREAMWEAVER CS3

Oleh :

Silfia nur rohmah

NIS : 4033

Telah Disetujui Untuk Diuji Sebagai Tugas Akhir

Tim Pembimbing

Pembimbing I Pembimbing II

Malikun, S.pd, M.sc Drs. Eko Budi L, M.Ag NIP.198009202005011004 NIP.196307031996031001

Pembimbing III

Pujiono,S.KomNIP.

Page 3: Pembuatan Website Tentang Kecantikan Secara Alami

LEMBAR PENGESAHAN

PEMBUATAN WEBSITE TENTANG CANTIK DENGAN NATURAL TREATMENT

MENGGUNAKAN ADOBE DREAMWEAVER CS3

Oleh :

Silfia nur rohmah

NIS :

Telah Dipertahankan di depan Tim Penguji dan dinyatakan lulus Pada

24-09-2014

Tim Penguji

Penguji I Penguji II

Bukhori Mustofa Zaakhmad huda,S.pdNIP. 196611032005011001

Mengetahui, Mengesahkan,

Kepala MAN Bangil, Ketua PRODISTIK

H,Rusdianto,S . Pd,M.Si Dr. Ismaini Zain, M.Si NIP. 195904221998031001

Page 4: Pembuatan Website Tentang Kecantikan Secara Alami

KATA PENGANTAR

Puji syukur penulis ucapkan kepada Allah SWTt. berkat rahmat, hidayah dan karunia-Nya

tugas akhir yang berjudul “ Pembuatan website tentang cantik dengan natural treatment

menggunakan Adobe dreamweaver cs3 “ ini dapat diselesaikan dengan baik.

Penyelesaian Tugas Akhir ini tidak lepas dari bantuan berbagai pihak. Oleh karena itu

penulis ucapkan terima kasih kepada :

1. Bapak Drs.H.Alfan makmur,M.M Selaku Kepala MAN Bangil.

2. Ibuk Alies Zahrotul Hamidiyah selaku pembimbing 1.

3. Bapak Akhmad Huda selaku pembimbing 2.

4. Bapak Pujiono,S.Kom selaku pembimbing materi mata pelajaran.

5. Orang tua yang selalu memberikan dukungan materil maupun immaterial dan do’a yang

tidak pernah putus.

6. Teman-teman dan semua pihak yang membantu penyelesaian tugas ini yang tidak dapat

disebutkan satu persatu.

Harapan penulis semoga Tugas Akhir ini dapat bermanfaat bagi para pembaca. Penulis

menyadari bahwa laporan Tugas Akhir ini masih perlu ditingkatkan lagi, maka dari itu, saran dan

kritik sangat penulis harapkan.

Bangil,26 September 2014

Penulis,

Page 5: Pembuatan Website Tentang Kecantikan Secara Alami

DAFTAR ISI

LEMBAR PERSETUJUAN ...................................................................................i

LEMBAR PENGESAHAN.....................................................................................ii

KATA PENGANTAR .............................................................................................iii

DAFTAR ISI ............................................................................................................iv

DAFTAR PUSTAKA ..............................................................................................

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah ...................................................................1

1.2 Rumusan Masalah ............................................................................2

1.3 Tujuan dan Manfaat

1.3.1 Tujuan ....................................................................................3

1.3.2 Manfaat ..................................................................................3

1.4 Sistematika Penulisan ......................................................................4

BAB II LANDASAN TEORI

Page 6: Pembuatan Website Tentang Kecantikan Secara Alami

BAB I

PENDAHULUAN

1.1 Latar Belakang

Kecantikan selalu identik dengan kaum hawa. Namun hal itu tidak selalu benar.

Kecantikan tidak hanya menjadi milik makhluk Tuhan yang bernama perempuan. Cantik juga

milik segala ciptaan-nya yang indah. Jika pada akhirnya kecantikan identik dengan perempuan,

itu karena perempuan adalah simbol kecantikan pada manusia sebagai makhluk Tuhan yang

paling sempurna. Fisik, akal, dan perasaan halus seorang perempuan menjadikannya sebagai

makluk yang indah dan sarat dengan kecantikan lahir dan batin.

Oleh karena itu kecantikan dan keindahan merupakan dambaan dan daya tarik tersendiri

bagi setiap orang. Untuk itu yang selalu ingin berpenampilan menarik, perawatan merupakan

kewajiban yang tidak bisa ditinggalkan. Selain untuk membuat penampilan menjadi menarik dan

cantik. Perawatan juga penting untuk kesehatan para wanita. Perawatan kulit secara teratur

sangat penting untuk dilakukan mengingat banyaknya aktifitas yang di lakukan di rumah.

Oleh karena itu Media pembelajaran Adobe dreamwever Cs3 ini adalah

suatu sarana yang digunakan untuk mempermudah proses belajar mengajar.

Agar kecantikan para wanita terlihat maka di cari di website salah satunya adalah menggunakan

Adobe dreawever Cs3. Dreamweaver Cs3 merupakan software web desain yang menawarkan

cara mendesain website dengan cara sekaligus dalam satu waktu yaitu mendesain dan

memprogram. Oleh karena itu, penulis membuat penulisan Tugas Akhir ini

dengan judul Pembuatan website tentang judul “Pembuatan website tentang

cantik dengan natural treatment menggunakanAdobe dreamwever Cs3 “.

Page 7: Pembuatan Website Tentang Kecantikan Secara Alami

1.2 Rumusan Masalah

Adapun rumusan masalah pembelajaran Adobe dreamweaver Cs3. dalam penulisan tugas

akhir ini adalah :

1. Bagaimana langkah-langkah pembuatan website tentang “cantik dengan natural treatment

menggunakan Adobe dreamwever Cs3 “ ?

1.3 Tujuan

Tujuan pembuatan media pembelajaran Adobe dreawever Cs3 dalam penulisan Tugas Akhir

ini adalah :

1. Untuk Mengetahui langkah – langkah pembuatan website tentang cantik dengan natural

treatment menggunakan Adobe dreamwever Cs3.

1.4 Manfaat Penulisan

Manfaat pembuatan media pembelajaran dreawever dalam penulisan Tugas Akhir ini

adalah :

1. Dapat mendiskripsikan tentang proses pembuatan dan langkah - langkah pembuatan

website tentang cantik dengan natural treatment menggunakan Adobe dreamwever Cs3.

1.5 Sistematika Penulisan

Sistematika penulisan Tugas Akhir ini adalah :

Page 8: Pembuatan Website Tentang Kecantikan Secara Alami

BAB I PENDAHULUAN

Dalam bab pendahuluan ini penulis akan menjelaskan latar belakang,

rumusan masalah, tujuan dan manfaat, serta sistematika penulisan.

BAB II LANDASAN TEORI

Dengan kesibukan wanita saat ini, wanita tetap dituntut untuk tampil

cantik. Natural treatment adalah cara dan solusi yang dapat dilakukan untuk

tampil lebih cantik dengan cara aman namun berkhasiat. Untuk

mempermudah dalam mengakses informasi mengenai bagaimana cara

cantik dengan natural treatment penulis akan menjelaskan teori tentang

Adobe dreawever Cs3 dan manfaat Adobe dreawever Cs3 dalam pembuatan

Website Cantik dengan natural treatment..

BAB III PERANCANG SISTEM

Dalam bab perancangan sistem ini penulis akan menjelaskan deskripsi

pengertian dan manfaat kecantikan para wanita dan bahan-bahan produk

yang di perlukan secara alami.

BAB IV HASIL

Dalam bab hasil ini penulis menguraikan hasil dari pembuatan media

pembelajaran dan melampirkan hasilnya.

BAB V KESIMPULAN DAN SARA

Page 9: Pembuatan Website Tentang Kecantikan Secara Alami

Dalam bab kesimpulan dan saran ini penulis akan menjelaskan

kesimpulan dan saran.

BAB II

LANDASAN TEORI

1.1 Pengertian Kecantikan

Tampil cantik adalah dambaan setiap wanita. Dengan kecantikan yang dimilikinya seorang

wanita akan lebih percaya diri dalam memaknai eksistensi dirinya. Sebagai manusia, keinginan

wanita untuk tampil cantik agar dikagumi banyak orang, dihargai, dicintai, dan juga agar

mendapat limpahan kasih sayang dari lawan jenisnya (kekasihnya) sangat manusiawi. Untuk

mewujudkan keinginannya tersebut tidak jarang mereka memanfaatkan sesuatu yang terdapat

dalam dirinya yang dianggap punya daya tarik tersendiri seoptimal mungkin.

Sebelum lebih jauh membahas tentang hakikat kecantikan seorang wanita, sebenarnya cantik

itu apa sih artinya?. Sampai saat ini belum pernah ada batasan yang jelas tentang definisi cantik

tersebut, karena hal itu sangat relatif. Setiap hal yang ada kaitannya dengan masalah selera

manusia, tentu pengertiannya akan bermacam-macam. Seperti juga pengertian untuk kata sifat

yang satu ini, tergantung dari sudut pandang seseorang dalam mendefinisikannya, mulai dari

batasan tentang cantik secara sempit sampai dengan batasan cantik yang cakupannya lebih luas

serta universal. Adalah hak semua orang untuk mempunyai argumen masing-masing tentang

definisi dari kata cantik itu.

Page 10: Pembuatan Website Tentang Kecantikan Secara Alami

Namun demikian, perlu kiranya kita merenungkan secara mendalam hakikat dari pengertian

cantik itu sendiri, agar tidak terjebak pada hal-hal yang tidak diinginkan dalam menyikapinya.

Jaman sekarang banyak orang beranggapan bahwa yang berhak disebut cantik itu hanya benda

kongkrit yang indah atau wajah perempuan yang menarik. Dan yang seksi dari seorang wanita

adalah hanya tubuh (fisiknya) saja, sehingga untuk mencapai keinginannya itu terkadang para

wanita hanya berorientasi pada usaha-usaha ke arah perbaikan penampilan luarnya (fisiknya).

Lalu didatangilah salon-salon kecantikan yang menawarkan pelayanan yang memuaskan, tak

peduli berapapun budget yang harus ia keluarkan dari dompetnya.

Kemudian dicarilah formula-formula kecantikan yang jitu, yang bisa membantunya

memoles dan merekayasa, serta meremajakan kembali wajah dan tubuhnya tanpa memikirkan

resiko dan efek negatif yang kelak harus ditanggungnya. Tentu hal ini pun merupakan hak

mereka sebagai individu yang mempunyai hasrat dan keinginan sendiri-sendiri. Tapi jika kita

mau berpikir jernih dan merenung, arti cantik itu sebenarnya tidak sesempit yang mereka kira.

Cantik bukan hanya milik wujud yang kasat mata saja, tetapi cantik juga berhak diterapkan

kepada setiap perilaku yang serba positif dan mengesankan atau kepribadian menarik seorang

perempuan. Kecantikan yang terpancar dari kepribadian seseorang itu lazim disebut dengan

istilah inner beauty. Penulis berpendapat, kecantikan yang terpancar dari dalam jiwa inilah yang

lebih menggoreskan kesan yang mendalam di setiap orang yang mengenal pemiliknya.

Kecantikan yang terpancar dari dalam jiwa seseoranglah yang tak lekang oleh panas, tak

lapuk oleh hujan. Kesimpulannya, inner beauty adalah hasil dari proses pembentukan

kepribadian manusia yang panjang, kontinu, dan komprehensif, dengan tidak mengabaikan

kesehatan, kecantikan, dan keindahan fisik tentu saja. Tetapi hal itu juga bukan berarti inner

beauty adalah sesuatu yang mustahil untuk diwujudkan. Hanya cara mewujudkannya (perlu

Page 11: Pembuatan Website Tentang Kecantikan Secara Alami

sekali lagi ditandaskan) tidak semudah membeli sebuah produk kecantikan.

http://gitaagustinasaghita.blogspot.com/2012/05/pengertian-kecantikan.html

1.2 Pengertian Adobe Dreamweaver CS3

Adobe dreamwever merupakan program membuat atau mengedit web yang dibuat adobe

system yang dulu dikenal sebagai macromedia dreamwever dibuat macromedia. Program ini

banyak digunakan oleh para pengembang web karena fiturnya yang menarik dan kemudahan.

(http://jevrie-brothers.blogspot.com)

 Dreamweaver merupakan perangkat lunak yang ditujukan untuk membuat suatu situs web.

Versi pertama dirilis pada tahun 1997, dan sejak itu Dreamweaver menjadi web editor yang

banyak digunakan oleh para web developer. Hal itu antara lain karena kemudahan dalam

penggunaannya, kelengkapan fiturnya dan juga dukungannya terhadap teknologi terkini.

Dreamweaver merupakan salah satu perangkat lunak yang dikembangkan oleh Macromedia Inc .

Dan sekarang resmi Milik Adobe. (http://yayansaputra26.blogspot.com)

Kelebihan :

1. Kemampuannya membuat halaman web yang terlihat konsisten.

Adobe Dreamweaver sudah terinstall beberapa template yang elegan dan menarik. Tentunya

ini memudahkan anda yang ingin belajar membuat sebuah web namun anda belum mampu

membuat design web sendiri. Jika anda ingin membuat lebih dari 10 halaman web dengan

didasarkan design template tertentu maka web anda akan memiliki gaya halaman web yang sama

dan terlihat konsisten dari halaman perhalaman.

Page 12: Pembuatan Website Tentang Kecantikan Secara Alami

2. Kemudahan dan efisiensi dalam penggunaan

Program ini tidak hanya dirancang untuk anda yang sudah mahir dan mengerti bahasa

pemrograma. Bagi anda yang belum mengerti bahasa pemrograman, anda bisa membuat halaman

web dengan hanya cara mengklik atau drag and drop menggunakan mouse serta anda juga bisa

melihat halaman html-nya selama  proses desain berlangsung. Atau yang lebih dikenal dengan

sebutan WYSIWYG (What You See Is What You Get)

Selain itu dreamweaver memiliki kemampuan memperlihatkan 3 proses yang berbeda, yaitu :

1. Code View : Berfungsi untuk hanya menampilkan script html saja.

2. Desain View : Berfungsi menampilkan kode-kode html yang anda tulis menjadi

sebuah design/template    yang nantinya akan ditampilkan di browser.

3. Split View : Berfungsi menampilkan gabungan antara Code View dan Desain

View pada saat bersamaan.Jadi anda bisa langsung melihat perubahan pada saat

anda mengubah htmlnya.

3. Mudah untuk mengupload melalui FTP

Dreamweaver sudah dilengkapi dengan fitur FTP jadi setelah anda selesai membangun

sebuah web, anda bisa langsung menguploadnya melalui FTP . FTP (singkatan dari File Transfer

Protocol) adalah sebuah protokol Internet yang berjalan di dalam lapisan aplikasi yang

merupakan standar untuk pentransferan berkas (file) komputer antar mesin-mesin dalam sebuah

internetwork.

Page 13: Pembuatan Website Tentang Kecantikan Secara Alami

 Ilustrasi FTP

4. Dapat dikustom

Dreamweaver dapat disesuaikan dengan kebutuhan yang anda perlukan. Menu, tab, perintah,

font dan warna semua kode dapat disesuaikan dengan preferensi pribadi. Hal ini dapat secara

efektif memudahkan proses desain web. Selain itu dreamweaver didukung banyak plug-in yang

membantu anda dalam proses desain.

Page 14: Pembuatan Website Tentang Kecantikan Secara Alami

BAB III

PERANCANGAN SISTEM

3.1 Langkah- langkah Pembuatan Project

3.1.1 Alat-alat

Alat-alat yang digunakan untuk pembuatan Website yaitu:

a. Satu buah personal komputer.

b. Software Adobe dreamweaver cs3.

c. Satu buah buku yang berjudul kecantikan dengan natural streatment.

3.1.2 Rancangan Data

Merancang data untuk website yang akan dibuat di Adobe dreamweaver cs3 :

Page 15: Pembuatan Website Tentang Kecantikan Secara Alami
Page 16: Pembuatan Website Tentang Kecantikan Secara Alami

BAB V

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan implementasi website (Adobe dreamweaver) Cantik Dengan natural treatment

pada bab sebelumnya, dapat ditarik kesimpulan sebagai berikut :