Dreameaver Design Template Website

Cara membuat website dengan dreamweaver
=============================== 
DOWNLOAD DREAMWEAVER 

=========================
Serial Number
=========================
 Menyiapkan Website Anda di Dreamweaver 

Anda akan disambut dengan sebuah jendela dengan top- setengah terlihat seperti gambar di atas ( tanpa kata-kata " Dreamweaver Tutorial thesitewizard.com " tentu saja) . Gambar Anda mungkin sedikit berbeda tergantung pada apakah Anda menggunakan Mac OS X , Windows XP atau Windows Vista .Jika Anda melihat di bagian atas jendela , Anda akan melihat menu bar yang bertuliskan " File Edit View Insert Modify Teks Perintah Site Jendela Help" . Kami akan mengakses banyak fitur Dreamweaver melalui menu bar ini .Hal pertama yang Anda perlu lakukan adalah untuk menentukan situs Anda dalam Dreamweaver Site Manager . Klik tombol " Site " menu item pada menu bar . Sebuah menu drop -down akan muncul . Klik " New Site ... " item dalam menu bar .Catatan penting : untuk kepentingan singkatnya , di masa depan , saya akan mengacu pada urutan mengklik " Site " menu , diikuti dengan mengklik "New Site ... " item hanya sebagai " Site | New Site ... "Sebuah kotak dialog akan muncul dengan kata-kata untuk efek " Site Definition for Unnamed Site 1 " . Jumlah yang mengikuti kata " Situs " mungkin berbeda jika Anda pernah menggunakan Dreamweaver untuk membuat situs sebelumnya. Jangan khawatir tentang itu . Kami akan berubah pula .Di bagian atas kotak dialog adalah " Basic " tab . Jika tidak sedang dipilih , klik di atasnya untuk memilihnya . Jika Anda tidak yakin , klik saja .
 Pada kotak edit untuk " Apa yang akan Anda ingin nama situs Anda ? " , Ketik nama yang ingin Anda berikan ke situs Anda . Jika Anda tidak yakin apa nama yang Anda inginkan untuk situs Anda , menggunakan nama domain Anda . Misalnya, jika Anda telah membeli sebuah domain yang disebut " example.com " , menempatkan " example.com " ( tanpa tanda kutip ) ke dalam kotak . Untuk tujuan dari tutorial ini , saya akan menganggap bahwa Anda telah mengetik " Contoh Perusahaan " di dalam kotak .Setelah Anda telah melakukan di atas , masukkan alamat web dari situs Anda dalam kotak berikut pertanyaan " Apa Alamat HTTP ( URL ) dari situs Anda ? " . Misalnya, jika Anda membeli domain " example.com " , alamat website Anda akan " http://www.example.com/ " ( tanpa tanda kutip ) , kecuali web host Anda memberitahu Anda sebaliknya .Klik tombol "Next" di bagian bawah jendela untuk melanjutkan ke layar berikutnya .Terima default " Tidak, saya tidak ingin menggunakan teknologi server" untuk saat ini . Klik tombol "Next" lagi.Layar berikutnya memungkinkan Anda untuk menentukan di mana Dreamweaver menyimpan file yang Anda buat . Standarnya adalah untuk menempatkan file dalam folder dengan nama yang sama dengan situs web Anda . Anda dapat mengubah lokasi jika Anda inginkan. Perhatikan bahwa folder ini hanya menentukan di mana pada komputer Anda file website disimpan . Anda akan diajarkan bagaimana untuk mempublikasikan file-file ke host web Anda pada langkah berikutnya . Itu selalu praktik yang baik untuk menyimpan salinan dari situs Anda pada komputer Anda sendiri . Jika Anda tidak tahu apa yang harus dilakukan di sini, hanya menerima default .Ketika Anda mengklik "Next " , Anda akan ditanya " Bagaimana Anda terhubung ke server remote ? " . Untuk saat ini , pilih " None" di kotak drop-down dan klik "Next " lagi. Anda kemudian akan diberikan " Site Definition " Ringkasan . Klik " Selesai " .Membuat Simple Dua - Kolom Web Page dengan Header dan FooterAnda sekarang akan membuat halaman utama situs Web Anda . Untuk tujuan dari tutorial ini , kita akan membuat halaman web dua kolom untuk halaman utama . Sebuah halaman web dua kolom pada dasarnya berarti bahwa halaman akan memiliki dua kolom vertikal . Website biasanya menggunakan salah satu kolom untuk menahan logo dan tombol navigasi situs web dan kolom lain untuk memegang konten utama . Sebagai contoh, pada thesitewizard.com ' s halaman artikel , seperti yang Anda baca sekarang , kolom kiri memegang menu navigasi sementara kolom kanan memegang teks artikel .Klik " File | New " . Artinya, klik menu "File" diikuti oleh " New " item pada menu yang muncul . Sebuah jendela baru berjudul " New Document " akan muncul .

 Lihat dalam " Layout" kolom dalam jendela yang muncul dan menemukan item " 2 kolom cair , sidebar kiri, header dan footer " . Pilih item dengan mengkliknya sekali .Lihatlah sisi paling kanan dari jendela yang sama dan menemukan item "Layout CSS " . Klik kotak drop-down dan pilih "Create New File" . Hal ini akan menyebabkan Dreamweaver untuk menyimpan jenis informasi tertentu tentang penampilan halaman web ( disebut CSS ) dalam file terpisah . Salah satu cara di mana ini berguna adalah bahwa ketika kita merancang halaman lain dari situs, kita dapat menggunakan kembali informasi yang sama dengan hanya memuat dari file yang sama .Klik tombol "Create" .Sebuah kotak dialog berjudul "Save Style Sheet As" muncul . Menerima nama default dan lokasi hanya dengan mengklik tombol "Simpan" .Dreamweaver sekarang menyajikan anda dengan halaman dengan dua kolom dengan beberapa konten dummy diketik masuk Kami akan mengganti beberapa konten boneka dengan konten kita sendiri .Merancang Home Page : PembukaanHalaman yang Anda sekitar untuk merancang akan berfungsi sebagai website " Home Page" , yang berarti bahwa itu adalah halaman utama situs Web Anda . Ini adalah halaman yang pengunjung akan melihat apakah mereka ketik alamat website Anda tanpa menentukan nama halaman . Misalnya, jika domain Anda disebut " example.com " , dan jenis pengunjung Anda " http://www.example.com " , mereka akan melihat halaman ini .Sebuah halaman rumah biasanya berisi informasi singkat tentang apa situs adalah tentang serta link ke halaman lain dari situs Anda . Jika ini adalah halaman muka situs pribadi Anda , Anda mungkin akan ingin untuk menyambut pengunjung dan menyebutkan secara singkat apa yang bisa mereka harapkan untuk melihat di situs Anda. Jika ini adalah home page situs perusahaan, biasanya akan menyebutkan secara singkat apa perusahaan menjual , itu produk utama dan titik pengunjung ke halaman produk individu atau halaman lain di situs Anda .Untuk tujuan dari tutorial ini , saya akan memberikan contoh teks untuk sebuah perusahaan fiktif yang disebut " Contoh Perusahaan " , menjual beberapa produk fiktif . Tentu saja Anda harus menggunakan teks Anda sendiri daripada teks yang disediakan saya. Sebagai contoh, jika perusahaan Anda disebut XYZ Inc , maju dan menggunakan " XYZ Inc " di tempat-tempat di mana saya menggunakan " Contoh Perusahaan " . Demikian juga jika Anda membuat sebuah website pribadi , dan Anda berada di luar ide-ide seperti apa untuk memanggil situs anda, menyebutnya dengan nama Anda . Sebagai contoh, jika nama Anda adalah Shakespeare , sebut saja Shakespeare Website .Langkah-langkah untuk Merancang Dreamweaver Situs Anda

    Lihatlah halaman yang ditampilkan . Anda akan melihat bahwa ada sebuah band yang mencakup seluruh baris atas halaman . Kata-kata dalam band yang saat ini membaca " Header" . Di bawah ini ada dua kolom : kolom kiri yang sempit , yang disebut sidebar , dan kolom kanan yang lebih luas dengan judul " Main Content" . Semua teks yang diberikan di jendela dapat digantikan oleh konten Anda sendiri .

    Untuk mengganti konten, cukup klik pada kata yang ingin Anda ganti , menghapusnya dan ketik Anda sendiri . Hal pertama yang harus Anda lakukan adalah untuk menggantikan kata "Header " dengan nama website Anda . Untuk melakukan ini , klik di suatu tempat di kata " Header" . Sebuah kursor berkedip teks akan muncul . Menggunakan tombol hapus atau backspace yang diperlukan , hapus " Header" . Ketik nama situs Anda . Jika Anda tidak tahu apa yang harus mengetik, ketik nama Anda atau nama perusahaan Anda . Sebagai contoh situs yang saya buat di sini , aku akan menggantikan "Header " dengan kata-kata " Contoh Perusahaan " .

    Tepat di atas di mana Anda mengetik untuk menggantikan "Header " teks adalah kotak edit kecil dengan kata-kata " Untitled Document " . Klik kata " Untitled " . Gunakan tombol delete atau backspace untuk menghapus teks yang ada dan menggantinya dengan nama situs yang Anda ketik sebelumnya . Ini akan menjadi teks yang mesin pencari menunjukkan untuk halaman web ini ketika menampilkan hasil pencarian . Sekali lagi , misalnya situs ini tutorial ini , saya hanya akan menggantinya dengan kata " Contoh Perusahaan " .
.

3. 
   You should now replace all the text in the right column with your own text. Simply click on the "Main Content" title and replace it with some appropriate content. You can take a look at the text that I will be using below as an example. When you've finished with that, click on the "Lorem ipsum dolor sit amet" (etc) words, delete them and replace them with your message. Typing and editing of text within the page works more or less like it does under a wordprocessor. If you need to create new paragraphs, simply hit the Enter key (Windows) or the Return key (Mac OS X).
   Repeat the process with the "H2 level heading" subtitle and the words that follow. Just replace it with whatever you want your website to display. If you want, you can replace the words with the example text below. However, it's best to write something that is relevant to your site so that you don't need to go back and re-edit it later.
   

   Welcome

   Example Company deals with all manner of examples. We have examples of literary works, pulp fiction, text books, movie reviews, scripts, chairs, tables, household appliances, and so on. We even have examples of examples.
   

   Featured Product

   Dreamweaver Site: This is an example of a Dreamweaver site, created with the help of thesitewizard.com's tutorial on Dreamweaver. The tutorial teaches you how to create a basic but fully-functional website which you can modify and augment to suit your needs.
4. Leave the left column (sidebar) alone for now. We will add a navigation menu to this section in later chapters of this tutorial.
   
5. Scroll down to the bottom of the page and replace the word "Footer" with anything you wish to put at the bottom of the page. For example, you can place your copyright notice in place of this word. If you need to insert the copyright symbol, "©", click "Insert | HTML | Special Characters | Copyright" from the menu.
   
6. Once you are satisfied with your page, click "File | Save As...". A dialog box will appear asking you where to save the page. Type "index.html" (without the quotes) into the "File name" edit box, and click the "Save" button.
   Be sure to type the name "index.html" exactly as I gave it — that is, entirely in small letters (lowercase), with no spaces in the word. "index.html" is a special name in that it is regarded as the default file name for most web servers. When you publish that page to your website at (say) http://www.example.com/, the index.html page is the one that will be displayed when a visitor types "http://www.example.com/" without any filename. It is thus very important that you do not change the name of the file to something else.
   

Uploading or Publishing Your First Web Page with Dreamweaver: Preamble

Before we proceed to polish the page so that it looks at least half-way decent, we need to publish the page to your web host. One reason we're going to do this now, even before we've finished the page, is that Dreamweaver needs the information about your actual website's address (or URL) before it can correctly handle things like links and images on your web page. Even though you entered it earlier when you set up your site, it only integrates such information into its system when you publish your page. So even though the page is probably an embarrassment to you at this stage, please complete the following steps, or you will encounter problems later.
Don't worry about the page being so plain. If you've not advertised your website's address (URL) to anyone, no one will even know your site exists, so this preliminary version of your page will be seen by no one but you. People will not visit your site out of the blue just because you happened to sign up for a web hosting account today. It's not that easy to get visitors.
Another reason that you're publishing your page at this time is so that you can get familiar with both the major stages in the design of a web page. Once you get this hurdle out of the way, and you know how to get your web page from your computer into your web host's computer, you have mastered what is arguably the biggest technical challenge a newcomer is likely to face. Don't let this scare you though — it's actually quite easy!

Steps to Publishing / Uploading Your Dreamweaver Site

1. To publish your website, start up the Site Manager again. To do this, click "Site | Manage Sites...", that is, click on the "Site" menu followed by the "Manage Sites..." item on the menu that appears. In the dialog box that appears, click on your website's name, then the "Edit..." button.
2. The dialog box you encountered when you first set up your website appears. Click "Next..." until you come to the screen with the message "How do you want to connect to your remote server?" In the first part of the tutorial, we selected "None". We will now change it to the actual values we need for uploading (publishing) your web page. In the drop down box, select "FTP".
3. Basically you will need to enter the information that your web host provided you when you first signed up for a web hosting account. Web hosts typically provide you with a whole bunch of details about your account when you first sign up. Among these is something known as your "FTP address". FTP, or File Transfer Protocol, is the usual means by which you transfer your web pages from your own computer to your web host's computer. Transferring your pages from your computer to your web host's computer is known as "publishing" or "uploading" your pages.
   In the empty box for "What is the hostname or FTP address of your Web server?" enter the FTP address that your web host gave you. If you have your own domain and are hosted on a commercial web host, this address is typically your domain name prefixed by "ftp". For example, if your domain is "example.com", many web hosts set up your FTP address as "ftp.example.com". Check the email you received from your web host for more details, or ask them if you cannot find the details. If the address is indeed "ftp.example.com", enter that in the box here.
   
4. To answer "What folder on the server do you want to store your files in?", check the message from your web host again. Some web hosts tell you that you need to place your web pages in a folder called "www". Others require you to place them in a "public_html" directory. Still others say that you are to place your files in the default directory that you see when you connect by FTP.
   If your web host tells you to simply upload the files when you connect via FTP, leave the box blank. Otherwise if they tell you that you need to publish your files in a "www" directory or some other folder name, enter that folder name in the box given. If the host does not mention this at all, chances are that you can simply leave the box blank.
   
5. Enter your FTP user name or login name into the box for "What is your FTP login?". Again, this information has to be supplied by your web host.
6. Enter your password in the box for "What is your FTP password?". Get your password from your web host if you don't already know it. If you don't want to have to keep entering your password every time you publish your page, you can leave the "Save" checkbox activated. Otherwise, if you are sharing your computer with others and don't want Dreamweaver to save your password, you can uncheck the box.
7. If you like, you can click the "Test Connection" button to check that you have entered all the information correctly. When you are finished, click "Next..." and "Done" to complete the configuration.
8. Finally, to publish your website, click "Site | Put". When Dreamweaver pops out a message asking you whether it should "Put dependent files?" answer "Yes". This merely means that it is to upload things like your images and CSS files that are required by your web pages.

Testing the Web Page

Before you proceed further, you need to test the version of the web page you have uploaded. This way, you will know whether you've made any mistake when entering your details earlier.
Start up your browser. Type the URL (web address) of your website. This is the address that you typed into the "HTTP address" field earlier. For example, type "http://www.example.com" if that is your URL.
If you have entered the FTP details correctly, you should see the page you created earlier in your web browser.
If you get an error like "No DNS for www.example.com" or "Domain not found", it probably means that your domain name has not yet propagated to your ISP. Put simply, this means that you probably only just bought your domain name. It takes time for a new domain name to be recognized around the world (usually 2 or more days), so it's possible that your ISP has not yet updated its name servers to recognize your new domain. Some web hosts give you a temporary address which you can use to access your website in meantime. If you have that, use the temporary address to check that your site has been uploaded properly. Otherwise, you'll just have to wait.
If you get an error like "404 File Not Found" or you get your web host's preinstalled default page, you may need to go back and check that you have entered the correct folder in answer to the question "What folder on the server do you want to store your files in?". It is possible that you did not specify the correct directory on your website to publish your web page.
To fix the error, simply click "Site | Manage Sites..." and "Edit" and click the "Next..." button till you get to the appropriate screen to modify.
If you get no errors at all, but see the page that you've designed earlier, congratulations! You've created and uploaded your first web page. It may be a rudimentary page but you have successfully walked through all the essential stages of designing and uploading a web page.
Tutorial:  http://www.thesitewizard.com/gettingstarted/dreamweaver1.shtml

Ebook Blogger Success

Membuat website bisnis multilevel

Auto like fb 2014

Tweet