Tutorial membuat WEB menggunakan Dreamweaver
• Instal dreamweaver (Adobe atau macromedia)
• Jika anda sudah menginstal dreamweaver, bukalah program tersebut dan pilih menu HTML seperti pada gambar di bawah ini.
Anda lihat menu create new di atas. klik HTML!
• selanjutnya setelah anda klik html maka layar putih kosong akan tampil pada layar anda, layar tersebut berguna untuk web yang akan anda buat nantinya.
Gambar di atas adalah gambar form untuk anda membuat web.
• Selanjutnya anda harus menamai web yang anda buat, bagaimana caranya??
Lihat gambar di atas, blok tulisan untitled, dan ganti jadi nama web yang anda inginkan
• Selanjutnya jika anda ingin mengatur konfigurasi huruf, background image, dll yang harus anda lakukan adalah masuk ke menu page properties, menu ini ada di bagian bawah.
Gambar di atas adalah gambar tombol menuju menu page properties, dan seperti inilah tampilan page properties.
dari pada anda cape scroll-scroll terus, lebih baik kita ganti page. hehehe
ok, di halaman sebelumnya anda sudah tau cara mengatur konfigurasi halaman web lewat page properties, selanjutnya yang anda lakukan adalah membuat tabel. Untuk apa??? tabel tersebut berguna untuk anda menaruh gambar sebagai header, advertisement, dll. Untuk membuat tabel, klik lah menu tabel.
Gambar di atas adalah gambar pilihan menu dari menu tabel
• Selanjutnya setelah anda mengklik menu tabel, pilih, anda ingin membuat berapa kolom, dan berapa baris, serta ketebalan rangka tabel, dll.
Pada gambar di atas dapat anda lihat, anda dapat menentukan berapa baris dan kolom yang anda inginkan, dan ubah nilai border thickness menjadi noll, agar saat web di publish web anda terlihat rapih karena borderless, jiah TV kalee borderless ahahaha
• Setelah itu akan muncul tabel seperti yang anda inginkan, kenapa tabel saya posisinya ada di tengah sedangkan anda ada di kiri? selain itu mengapa punya saya tabelnya lebih lebar? pada saat tabel muncul karena baru saja anda buat, anda klik align menjadi center di bagian bawah menu, setelah itu tarik DOT pada tabel, untuk membuatnya menjadi melar, tariklah ke kiri. maka akan tampil saperti gambar ini.
• Selanjutnya jika kita ingin menyisipkan gambar pada web, pada menubar pilihlah image, lalu insert image seperti gambar di bawah ini.
• Pada saat anda ingin menyisipkan gambar, misalnya untuk header, pertama-tama blok lah beberapa kolom, kemudian di merge dengan sortcut key ctrl+alt+m seperti gambar di bawah ini.
• Lalu saat anda memasukan gambar maka gambar yang anda masukan tergantung pada resoulsinya, tabel tersebut akan melar, lalu anda setting tabel agar rapih kembali, inilah repotna pake tabel.
• sisanya dapat anda mengembangkannya sendiri, baik dari backgroundnya ataupun menyisipkan flash kedalamnya, lalu saya akan menjelaskan bagaimana cara anda mempreview blog anda seandainya sudah terpublish. caranya adalah pilih menu file, lalu preview in browser, plihlah default browser anda, dan inilah hasilnya.
Langkah Selanjutnya
1. Silahkan jalankan program Dreamweaver jika pembaca telah menginstalnya.
2. Pada menu utama, pilih File --> New, maka akan muncul tampilan pilihan jenis dokumen baru yang ingin kita buat. Maksudnya adalah kita memilih apakah ingin membuat halaman web basic (statis), web dinamis (biasanya untuk web berbasis database), halaman template, dan lain-lain. Setiap kategori terdiri dari beberapa jenis dokumen. Menurut saya jenis ini dibedakan berdasarkan bahasa dan fungsi yang akan digunakan untuk halaman website yang akan kita buat. Karena saat ini kita mencoba belajar yang dasar terlebih dahulu, maka silahkan pilih kategori Basic Page dan jenisnya HTML.
3. Tampilan layar desain Dreamweaver terdiri dari 3 jenis, yaitu code, split, dan design.
Layar Code berfungsi sebagai tempat kita membuat halaman web dengan mengetik bahasa pemograman secara langsung. Artinya, layar inilah yang menampilkan struktur bahasa pemograman web yang dipakai pada halaman web yang sedang kita buat. Pada bagian design, kita membuat website dengan menggunakan menu-menu yang tersedia, misalnya menu menambahkan gambar, membuat tabel, mengatur tampilan tulisan, dan lain-lain. Kita tidak perlu mengetik bahasa pemograman halaman web yang kita buat karena secara otomatis, setiap kita menambahkan sebuah elemen, maka dreamweaver akan menerjemaahkannya kedalam kalimat-kalimat bahasa pemograman yang kita gunakan. Inilah keunggulan dreamweaver dibanding notepad, frontpage, dan mungkin yang lainnya. Karena pada dreamweaver sudah tersedia menu-menu yang siap pakai untuk mendesain halaman web. Selain itu, interface-nya juga sangat bagus dan mudah digunakan. Bagian split berguna untuk membagi halaman kerja dreamweaver menjadi 2, separuh untuk menampilkan layar code, dan separuh lagi menampilkan layar design. Hal ini berguna jika kita ingin mendesain halaman melalui layar design namun ingin melihat perubahan kode bahasa webnya, dan juga sebaliknya. Jika pembaca masuk ke layar Code, Anda akan melihat struktur HTML sebagai contoh struktur: Untitled Document
dimana struktur tersebut berfungsi untuk mendefenisikan judul halaman web kita yang akan muncul di title bar browser.
4. Dibagian kiri atas dibawah menu File, terdapat menu dropdown yang terdiri dari beberapa pilihan. Pilihan ini berguna untuk memilih menu-menu desain yang akan kita gunakan. Misalnya kita ingin menambah gambar, maka pilih Common, maka disebelah kanannya akan muncul menu-menu bergambar yang bisa kita gunakan, salah satunya untuk memasukkan gambar ke halaman website.
5. Coba pembaca masuk ke layar Design seperti yang saya jelaskan pada poin 3. Setelah memilih bagian tersebut, dibagian bawah pembaca akan melihat bagian Properties. Bagian ini berfungsi untuk mengatur tampilan dari elemen-elemen yang kita tambahkan kedalam halaman web yang kita buat. Menu-menu Properties ini hanya terlihat jika kita bekerja pada layar Design.
6. Dibagian samping, terdapat pula bagian yang bernama Panel. Salah satu fungsi panel ini adalah untuk mengatur file-file web yang telah kita buat.
7. Dibagian atas tepatnya disamping menu pilihan layar, ada kotak isian bernama Title. Bagian berfungsi untuk memberikan judul halaman web yang sedang kita buat yang akan muncul pada title bar browser.
Fungsi ini sama seperti yang dijelaskan pada poin 3 diatas mengenai tag title. Coba pembaca ganti tulisan yang ada di kotak tersebut menjadi misalnya "Tutorial Website Dengan Dreamweaver". Setelah itu, kembali ke layar code dan lihat perubahan yang terjadi pada bagian tag .
Pilih menu ini untuk preview
Pada gambar di atas, dapat anda lihat, gambar sudah di tampilkan, setelah itu dapat anda lhat karna settingan di awal border thicknessnya di setting nol, setelah itu dapat anda lihat juga, layarnya putih, karna backgroundnya belum di edit, jadi untuk lebih lengkapnya silahkan anda mencobanya, silahkan mencoba
Cowok keren ini bernama lengkap Robert Thomas-Pattinson. Pattinson lahir di London, Inggris tanggal 13 Mei 1986. Ibunya bernama Clare dan bekerja di sebuah Modeling Agency. Dan ayahnya, Richard, pengimpor mobil vintage di Amerika. Robert punya dua orang kakak.
Aktor Inggris ini mengawali karir dengan menjadi pekerja belakang layar di sebuah Teater “Barnes Theatre Company”. Lantas, dia mulai jatuh cinta sama seni peran dan mulai ngambil Pendidikan formal di bidang itu.
Sebuah keberuntungan muncul saat Talent Agency melihat bakat pemeran Edward Cullen ini dan mengajaknya berperan dalam drama Tess Of The D’Urbervilles. Pat lantas mulai menjajal dunia televisi dengan jadi pemeran pembantu di Film Ring Of The Nibelungs, The Haunted Airman, dan The Bad Mother’s Handbook.
Taon 2005, Robert tampil sebagai Cedric Diggory di Film Harry Potter and the Goblet of Fire. Tapi baru di tahun 2007, Robert Pattinson mulai dikenal sebagai Cedric di Film Harry Potter And The Order Of The Phoenix. Film remaja dunia sihir inilah yang membawa Patt menuju kesuksesan Film Twilight.
Pacar Robert Thomas Pattinson :
“I don’t [...] have people’s phone numbers. I almost don’t want to have a girlfriend in this environment.”
Tapi banyak foto ciuman mesra bareng Kristen Steward yang menyebar di internet pasca twilight beredar.
Foto Robert Pattinson : Edward Cullen – Cedric Diggory
Biodata Lengkap Kristen Stewart – Bella Swan :
Cewek seksi bernama lengkap Kristen Jaymes Stewart ini lahir di Los Angeles, California, AS pada tanggal 9 April 1990. Ayahnya, John Stewart adalah seorang manager teater dan produser tv yang berkerja di Fox. Ibunya, Jules Mann Stewart adalah penulis naskah yang berasal dari Maroochydore, Queensland, Australia. Dia punya seorang kakak bernama Cameron Stewart.
Artis Amerika ini jelas punya darah seni dalam darahnya. Dan, bakat terpendam Kristen muncul dalam Acara drama natal di sekolahnya. Film perdananya adalah Film Thirteenth Year produksi Disney Channel TV.
Nama Kristen mulai terkenal sejak berperan jadi Puteri Jodie Foster di Film Panic Room, yang dilanjutkan di film Cold Creek Manor, Catch That Kid, Zathura dan yang fenomenal Twilight.
Pacar Kristen Jaymes Stewart :
Pemain gitar dan penyanyi ini sempet pacaran sama Michael Angarano, aktor yang juga maen di Film Speak. Tapi, begitu Twilight nongol, kabarnya, Krist rela memutuskan sang pacar buat ngegandeng Robert Pattinson.
Foto Kristen Stewart : Bella Swan
Taylor Lautner – Jacob Black Profile :
Cowok muda ini bernama lengkap Taylor Daniel Lautner. Lahir di Grand Rapids, Michigan, 11 Februari 1992. Ibunya, Deborah, bekerja di sebuah perusahaan pengembangan Software. Ayahya, Daniel Lautner, adalah seorang pilot pesawat komersial. Dia dibesarkan di Hudsonville, Michigan dan punya seorang adik perempuan, Makena. Aktor Amerika ini berdarah campuran Belanda, Perancis dan Jerman, beberapa mengklaim dia keturunan penduduk asli Amerika (khususnya Ottawa dan Potawatomi) dari sang ibu.
Lautner adalah seorang seniman Bela Diri. Dia mempelajari karete dari umur 6 taon sampai 13 tahun. Dia pernah juara satu untuk dunia untuk gelar NASKA’s Black Belt Open Forms, Musical Weapons, Traditional Weapons and Traditional Forms. Pernah juga memenangkan Junior World Championships
Aktro penyuka sepakbola ini pertama kali tampil di film televisi, Shadow Fury di taon 2001. Dan makin dikenal sejak maen di Film The Adventures Of Sharkboy and Lavagirl In 3-D taon 2005 dan Film Cheaper By The Dozen 2 taon 2004. Yang paling terkenal, menjadi Jacob Black di Twilight SAGA.
Pacar Taylor Daniel Lautner :
Cowok keren ini ternyata laris manis juga. Pernah pacaran sama Sarah Hicks sejak taon 2006. Sayang hubungan ini bubar pas di taon 2009 kabarnya karena Taylor nge date ama Selena Gomez. Sttt, ada kabar juga kalo dia ada kencan sama Taylor Swift
Hasil analisa : denggan system.out.println ini akan menghasilkan Input : package rpl pkg 1; denggan Proses : “system.out.println(“selamat dating di 10 rpl”)
Akan menampilkan Output : selamat dating di 10rpl
Proyek Java dimulai
pada tahun 1991, ketika sejumlah insinyur perusahaan Sun yang dimotori oleh James
Gosling mempunyai keinginan untuk mendesain sebuah bahasa komputer
kecil yang dapat dipergunakan untuk peralatan konsumen seperti kotak tombol
saluran TV. Proyek ini kemudian diberi nama sandi Green.
Keharusan untuk
membuat bahasa yang kecil , dan kode yang ketat mendorong mereka untuk
menghidupkan kembali model yang pernah dicoba oleh bahasa UCSD Pascal, yaitu
mendesain sebuah bahasa yang portable yang menghasilkan kode intermediate. Kode
intermediate ini kemudian dapat digunakan pada banyak komputer yang
interpreternya telah disesuaikan.
Karena orang-orang
Sun memiliki latar belakang sebagai pemakai unix sehingga mereka lebih
menggunakan C++ sebagai basis bahasa pemrograman mereka, maka mereka secara
khusus mengembangkan bahasa yang berorientasi objek bukan berorientasi
prosedur. Seperti yang dikatakan Gosling ”Secara keseluruhan, bahasa hanyalah
sarana, bukan merupakan tujuan akhir”. Dan Gosling memutuskan menyebut
bahasanya dengan nama “Oak” (diambil dari nama pohon yang tumbuh tepat diluar
jendela kantornya di Sun), tetapi kemudian nama Oak diubah menjadi
java, karena nama Oak
merupakan nama bahasa komputer yang sudah ada sebelumnya.
Pada tahun 1994
sebagian besar orang menggunakan mosaic, browser web yang tidak diperdagangkan
yang berasal dari pusat Supercomputing Universitas Illinois pada tahun
1993.( Mosaic sebagian ditulis oleh Marc Andreessen dengan bayaran $6.85 per
jam, sebagai mahasiswa yang melakukan studi praktek. Di kemudian hari ia meraih
ketenaran sebagai salah seorang pendiri dan pemimpin teknologi di
netscape)
Browser yang
sesungguhnya dibangun oleh Patrick Naughton dan Jonathan Payne dan
berkembang ke dalam browser HotJava yang kita miliki saat ini. Browser HotJava
ditulis dalam Java untuk menunjukkan kemampuan Java. Tetapi para pembuat juga
memiliki ide tentang suatu kekuatan yang saat ini disebut dengan applet,
sehingga mereka membuat browser yang mampu penerjemahkan kode byte tingkat
menengah. “Teknologi yang Terbukti” ini diperlihatkan pada SunWorld ’95 pada
tanggal 23 mei 1995, yang mengilhami keranjingan terhadap Java terus
berlanjut.
Kriteria “Kertas
Putih” Java
Penulis Java telah
menulis pengaruh “Kertas Putih” yang menjelaskan tujuan rancangan dan
keunggulannya. Kertas mereka disusun lewat 11 kriteria berikut :
Sederhana (Simple)
Syntax untuk Java
seperti syntax pada C++ tetapi syntax Java tidak memerlukan header file,
pointer arithmatic (atau bahkan pointer syntax), struktur union, operator
overloading, class virtual base, dan yang lainnya. Jika anda mengenal C++
dengan baik, maka anda dapat berpindah ke syntax Java dengan mudah tetapi jika
tidak, anda pasti tidak berpendapat bahwa Java sederhana.
Berorientasi Objek
(Object Oriented)
Rancangan
berorientasi objek merupakan suatu teknik yang memusatkan rancangan pada data
(objek) dan interface. Fasilitas pemrograman berorientasi objek pada Java pada
dasarnya adalah sama dengan C++. Feature pemrograman berorientasi objek pada
Java benar-benar sebanding dengan C++, perbedaan utama antara Java dengan C++
terletak pada penurunanberganda (multiple inheritance), untuk ini Java memiliki
cara penyelesaian yang lebih baik.
Terdistribusi
(Distributed)
Java memiliki library
rutin yang luas untuk dirangkai pada protokol TCP/IP sepetrti HTTP dan FTP
dengan mudah. Aplikasi Java dapat membuka dan mengakses objek untuk segala
macam NET lewat URL sama mudahnya seperti yang biasa dilakukan seorang
programmer ketika mengakses file sistem secara lokal.
Kuat (Robust)
Java dimaksudkan
untuk membuat suatu program yang benar-benar dapat dipercaya dalam berbagai
hal. Java banyak menekankan pada pengecekan awal untuk kemungkinan terjadinya
masalah, pengecekan pada saat run0time dan mengurangi kemungkinan timbulnya
kesalahan (error). Perbedaan utama antara Java dan C++ adalah Java memiliki
sebuah model pointer yang mengurangi kemungkinan penimpaan (overwriting) pada
memory dan kerusakan data (data corrupt).
Aman (Secure)
Java dimaksudkan
untuk digunakan pada jaringan terdistribusi. Sebelum sampai pada bagian
tersebut, penekanan terutama ditujukan pada masalah keamanan. Java memungkinkan
penyusunan program yang bebas virus, sistem yang bebas dari kerusakan.
Netral Arsitektur
(Architecture Neutral)
Kompiler
membangkitkan sebuah format file dengan objek arsitektur syaraf, program yang
di kompile dapat dijalankan pada banyak prosesor, disini diberikan sistem run
time dari Java. Kompiler Java melakukannya dengan membangkitkan
instruksi-instruksi kode byte yang tidak dapat dilakukan oleh arsitektur
komputer tertentu. Dan yang lebih baik Java dirancang untuk mempermudah
penterjemahan pada banyak
komputer dengan mudah
dan diterjemahkan pada komputer asal pada saat run-time.
Portabel (Portable)
Tidak seperti pada C
dan C++, di Java terdapat ketergantungan pada saat implementasi (implement
dependent). ukuran dari tipe data primitif ditentukan, sebagaimana kelakuan
aritmatik padanya. Librari atau pustaka merupakan bagian dari sistem yang
mendefinisikan interface yang portabel.
Interpreter
Interpreter Java
dapat meng-eksekusi kode byte Java secara langsung pada komputer-komputer yang
memiliki interpreter. Dan karena proses linking dalam Java merupakan proses
yang kenaikannya tahap demi tahapdan berbobot ringan, maka proses pengembangan
dapat menjadi lebih cepat dan masih dalam penelitian.
Kinerja Yang Tinggi
(High Performance)
Meskipun kinerja kode
byte yang di interpretasi biasanya lebih dari memadai, tetapi masih terdapat
situasi yang memerlukan kinerja yang lebih tinggi. Kode byte dapat
diterjemahkan (pada saat run-time) de dalam kode mesin untuk CPU tertentu
dimana aplikasi sedang berjalan.
Multithreaded
Multithreading adalah
kemampuan sebuah program untuk melakukan lebih dari satu pekerjaan sekaligus.
Keuntunga dari multithreading adalah sifat respons yang interaktif dan
real-time.
Dinamis
Dalam sejumlah hal,
Java merupakan bahasa pemrograman yang lebih dinamis dibandingkan dengan C atau
C++. Java dirancang untuk beradaptasi dengan lingkungan yang terus berkembang.
Librari dapat dengan mudah menambah metode dan variabel contoh yang baru tanpa
banyak mempengaruhi klien. Informasi tipr run-time dalam Java adalah langsung
(straigtforward).
à EDISI JAVA
Java adalah bahasa
yang dapat di jalankan dimanapun dan disembarang platform apapun, diberagam
lingkungan : internet, intranet, consumer Electronic products dan computer
Applications.
The Java 2 platform
tersedia dalam 3 edisi untuk keperluan berbeda. Untuk beragam aplikasi yang
dibuat dengan bahasa java, java dipaketkan dalan edisi2 berikut :
1. Java 2 Standard
Edition ( J2SE )
2. Java 2 Enterprise
Edition ( J2EE )
3. Java 2 Micro
Edition ( J2ME )
Masing – masing edisi
berisi java 2 Software Development Kit ( J2SDK ) untuk mengembangkan aplikasi
dan java 2 Runtime Environment ( J2RE ) untuk menjalankan aplikasi.
à Kelebihan Java
dibandingkan dengan C++
Pembuat program java telah merancang
java untuk menghilangkan mengalokasian dan dealokasi memori secara manual,
karena java memiliki Garbage Collection (membebaskan programmer dari tugas
manajemen memori).
Diperkenalkannya deklarasi array
yang sebenarnya dan menghilangkan aritmatika pointer. Hal ini yang sering
menyebabkan memori overwrite.
Di hilangkannya multiple
inheritance, mereka menggantinya dengan interface.
STATEMENT DAN
IDENTIFIER
1. Statement
Bentuk statement atau
pernyataan dalam satu program di Java adalah sebagai berikut :
Int i=1;
String teman = “Iman
Rochdilianto”;
import java.awt.Font;
System.out.println(“Selamat
Datang “ + teman + “di Praktikum
SBP”);
pegawai.tetap=true;
total= a + b + c + d
+ e;
Setiap statement
selalu diakhiri dengan titik koma (;)
Blok adalah 2 tanda
kurung kurawal ({}) yang menyatukan statemen
{
x = x + 1;
y = y * 3;
}
Java memperbolehkan
spasi dalam jumlah berapa saja (Spasi, tab,
baris baru)
class Hello
{
public static void
main{String args[])
{
System.out.println(“Hello
World!”);
}
}
bisa ditulis dalam
bentuk seperti dibawah ini :
class Hello ( public
static void main(String args[]) {
System.out.println(“Hello
World!”); } }
2. Identifier
Dalam Java,
identifier adalah nama yang diberikan untuk variable, class, atau method.
Identifier boleh dimulai dengan huruf, underscore(_) atau tanda dollat($).
Identifier adalah case sensitive(membedakan huruf besar/kecil) dan tak
ada batas maksimum.
Contoh :
username
user_name
_sys_var1
$change
Variabel dan Tipe
Data
1. Variabel
Variabel adalah suatu
item dari data yang diberi nama identifikasi(identifier), variable dapat
diartikan lokasi di dalam memori yang mana suatu nilai(value) dapat disimpan.
2. Tipe Data
Java membagi tipe
data menjadi 2 bagian :
(1) Tipe data
primitive
Keyword
Size
Range
Bilangan Biner
Byte
8 bits
-128 s/d 127
Short
16 bits
-32768 s/d 32767
Int
32 bits
bits -2.147.483.648
s/d 2.147.483.647
Long
64 bits
9223372036854775808
s/d
9223372036854775808
Bilangan Real
Float
32 bits
Sigle Precision
Double
64 bits
Double Precision
Tipe Data Lain
Char
16 bits
Sigle Precision
Boolean
True / false
Nilai Boolean
Contoh cara
pendeklarasian dan inisialisasi tipe data primitive sebagai berikut :
char
ch;
// deklarasi variable
ch =
“R’;
// inisialisasi variable
char ch1= “S”;
// delarasi dan inisialisasi variable