Cara Membuat Dreamweaver Sederhana

Cara Membuat Dreamweaver Sederhana

Untuk praktek kali ini saya akan coba membuat desain web sederhana dengan mengguanakan aplikasi Macromedia Dreamweaver 8. Adapun langkah-langkahnya sebagai berikut :

Langkah pertama yang saya lakukan adalah membuka aplikasi Macromedia Dreamweaver 8

Setelah selesai membuka aplikasi Dreamweaver akan tampil gambar seperti dibawah ini

Dan kita pilih menu “HTML” untuk memulai membuat desain.

Setelah itu kita pilih “Spite” untuk meruba tampilan kerja

Setelah itu kita pilih menu “site” yang ada diatas untuk membuat site baru.

Kemudian kita klik kotak yang ada disamping dan untuk memberi judul pada site, setelah memberi judul klik next

Setelah itu kita beri tanda pada pilihan yang ada disamping dengan cara memilih salah satu pilihan. Untuk sementara ini karena tampilan web kita hanya sederhana kita pilih no, dan klik next.

Setelah itu kita atur media penyimpanan untuk sitenya dengan cara mengklik gambar folder yang ada disamping.

Setelah itu kita ruba “local/network” menjadi “none” karena didesain kali ini kita belum menggunakan media internet.

Setelah itu akan ada tampilan seperti dibawah ini dan pilih done.

Kemudian akan tampilan dimana sitenya sedang diproses.

Setelah sitenya sellesai sitenya akan tampil dilayar sebelah kanan.

Setelah itu kita tuliskan coding dikode area sepertidibawah ini

Kemudian kita klik menu Insert ,HTML, dan Horizontal rule untuk menampilkan kode desain area

Setelah itu kita edit tag dengan cara mengklik kanan pada garis bawah yang ada pada kode desain.

Setelah tag editornya terbuka kita edit dulu generalnya, untuk “alignment : center (default)”, “Width : 80%”, dan ”Height : 5 dan pilih Ok.

Setelah itu kita edit tag editor “Browser Specific” fungsinya memberi warna pada garis, lalu klik Ok.

 

Kemudian akan ada penambahan coding yang terjadi dikode area.

Setelah itu kita ketik perintah dikode desain seperti pada contoh dibawah ini.

Dan ingat pada saat anda selesai menuliskan sebuah perintah disatu baris dikode desain, ketika anda ingin menambahkan baris berikut anda tekan “shift + enter”, dan ketika anda ingin membuat paragraf baru anda tekan “enter”.

Setelah selesai anda simpan filenya dengan cara  pilih“File, dan Save as”, dan jangan lupa untuk menambahkan .Html didepan nama file yang anda simpan.

Setelah anda selesai menyimpan file sekarang kita lihat desain webnya dengan cara pilih “file, priview in browser, dan pilih menu browser yang ingin anda buka.

Dan ini hasil dari tampilan Web setelah dibuka dibrowser.

Demikian dari saya semoga pembelajaran ini bisa bermanfaat bagi teman-teman sekalian.

Terima Kasih.

Read More ->>

Cara Menginstal Aplikasi XAMPP

Cara Menginstal Aplikasi XAMPP

• Terimah kasih karena telah menonton, tutorial tentang bagaimana cara untuk membuat database dan merelasikan setiap tabel dengan menggunakan phpmyadmin

• Thanks for watching
  tutorial on how to create a database and relate each table using phpmyadmin

• Baiklah sebelum saya menunjukan bagaimana cara saya menginstal aplikasi xampp, saya akan jelaskan sedikit sebenarnya, apa pengertian dari xampp dan apa fungsinya.

• Well before I show how I installed xampp application, I will explain a bit actually, what sense of xampp and what they do.

• XAMPP adalah software web server apache yang di dalamnya tertanam server MySQL yang didukung dengan bahasa pemrograman PHP untuk membuat website yang dinamis

• XAMPP apache web server is software that includes an embedded MySQL server are supported by the PHP programming language to create dynamic websites

• Fungsi XAMPP adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.

• The function XAMPP is a stand-alone server (localhost), which consists of the Apache HTTP Server, MySQL database, and the translator's written in PHP and Perl.

Cara Instalasi XAMPP = How to Install XAMPP

Berikut cara instalasi XAMPP:  = Here's how to install XAMPP:

1. Langkah pertama yang kita lakukan adalah membuka aplikasi xampp yang belum terinstal.

“The first step we did was open the xampp application is not installed.”

2. Klik 2 kali file installer

“Double-click the installer file”

3. Setelah itu aka ada tampilan welcome to the xampp setup wizard dan klik next

“After that there will be welcome to the xampp setup wizard and click next”

4. Kemudian  Pilih komponen yang akan diinstal atau biarkan default lalu klik next

“Then select the components to be installed or leave the default and click next”

5.  Setelah itu Tentukan lokasi instalasi dengan cara mengklik gambar folder lalu pilih tempat penyimpanannya dan klik next

“After that Determine the location of the installation by clicking on the image and select a storage folder and click Next”

6. Hilangkan tanda centang pada "learn more about bitnami for XAMPP" atau biarkan tanda centang untuk info lebih lanjut tentang bitnami for XAMPP lalu klik next

“Uncheck the "learn more about BitNami for XAMPP" or leave a check mark for more info about BitNami for XAMPP and then click Next”

7. Setelah itu akan tampil proses penginstalan dimana xamppnya sebentar lagi akan siap digunakan

“After that will perform the installation process where the lamp will soon be ready for use”

8. Setelah selesai akan ada tampilan completing the xampp setup wizard dan beri tanda centang pada kotak yang ada dibawah lalu klik finish. Fungsi dari tanda centang itu adalah pada saat kita mengklik finish maka aplikasi Xampp akan terbuka pada saat proses penginstalan selesai.

“Once completed there will be display xampp completing the setup wizard and tick the box below and click finish. The function of the check mark that is when we click finish then Xampp application will be open during the installation process is complete.”

9. Berikutnya akan terbuka control panel XAMPP,klik tombol start pada bagian apache dan mysql fungsinya agar supaya xamppnya bisa terhubung dengan phpmyadmin yang ada di browser.

“Next will open the XAMPP control panel, click the start button on the apache and mysql xampp functions so that it can connect with existing phpmyadmin browser.”

10. Buka browser lalu ketik pada addres bar "localhost", dan XAMMP siap digunakan

“Open a browser and type in the address bar "localhost", and XAMPP is ready for use”

• Baik sekian dari saya semoga tutorial ini bisa bermanfaat bagi semua orang. Terima kasih.

• Good so I hope that this guide can be beneficial for everyone. thanks.

Read More ->>

Cara untuk menginstal Macromedia Dreamweaver 8

Cara untuk menginstal Macromedia Dreamweaver 8

Langkah pertama yang akan kita lakukan adalah kita buka dulu aplikasi Macromedia Dreamweaver 8 dengan menekan enter.

Setelah itu akan tampil gambar seperti dibawah ini :

Kemudian kita pilih next dengan cara menklik kiri.

Setelah itu kita lingkaran yang bertulisankan I accept the terms license agreement atau bias juga dengan menekan tombol Ctrl A  lalu pilih next.

Kemudian kita klik pada gambar kotak yang bertuliskan “Create shortcut on desktop (for all users)” lalu pilih menu next.

Setelah kita selesai mengklik next maka akan tampil gambar seperti ini :

Pastikan semua kotak telah tercentang lalu pilih next. Seteah itu kita akan melakukan proses penginstalan.

Caranya klik menu yang bertuliskan install

Setelah mengklik install maka proses penginstalan akan berjalan, contohnya seperti gambar dibawah ini :

Setelah proses penginstalan selesai, akan ada pilihan “launch Macromedia Dreamweaver 8 dan show the readme file” .Lalu kita pilih launch Macromedia Dreamweaver 8 caranya centang kotak yang ada disebelah kiri tulisan.

Setelah itu klik menu finish, dan Macromedia Dreamweaver 8 akan terbuka.

.

Selamat mencoba, semoga bermanfaat bagi teman-teman.

Read More ->>