Anda bisa mempelajari Ebooknya Lengkap Bahasa Indonesia dengan download di bawah ini: Link Download Ebook Tutorial Bahasa. Save this Book to Read download tutorial adobe dreamweaver cs5 bahasa indonesia PDF eBook at our Online Library. Get download tutorial. Discover all that Adobe® Dreamweaver® CC has to offer! Whether you're looking for a Free eBook while your book ships. *See aracer.mobi for.
|Language:||English, Spanish, Japanese|
|Distribution:||Free* [*Registration needed]|
Available in: Bound Book, Digital, Ebook, Rental???aracer.mobiImageAlt??? The Web Collection Revealed Creative Cloud 1st The Web Collection Revealed. Adobe, the Adobe logo, Classroom in a Book and Dreamweaver are tradem Please click here to go to the last page in this eBook for the download location. design bangla ebook free chevy ssr parts for sale, design photoshop and webench design contest web designer vs web developer quora wikipedia indonesia. #web design basics dreamweaver templates cs , web design responsive.
The "New Document" dialog box should appear. Click the "Blank Page" line in the first column. Click the "Create" button found near the bottom of the dialog box. A page that seems blank will appear.
I say "seems blank" because the page is not actually empty, since it contains invisible HTML code which Dreamweaver inserts by default into practically everything it creates.
We need to delete that code or it will interfere with the feedback form script. If, instead of a blank white page, you see your 2 column website design based on your template, it means that you did not follow my instructions above to click "Blank Page" and "PHP".
Close the existing page without saving it and return to the beginning of this section and try again. Select everything on the page. That is, hold down the "Ctrl" key on your keyboard and while continuing to hold down that key hit the "a" key.
Everything on the page should be highlighted, indicating that it was selected. If, in spite of my suggestion above, you have used your mouse to highlight the content, make sure that you have really selected everything on the page and left nothing out.
Not even a blank line. Hit the Delete or Backspace key to get rid of everything. Your document window, still in Code view, should now be completely blank. Switch back to your web browser without closing Dreamweaver. Look at the results page from the Feedback Form Wizard in your web browser. You should be able to find a box near the top in the section labelled "Feedback Form Script".
This box contains the feedback form script that we're going to copy to Dreamweaver. Click somewhere in that box in the "Feedback Form Script" section. The contents of the box should automatically be selected that is, everything in the box should be highlighted when you click it. You will now copy what you selected to the clipboard. That is, while holding down the Ctrl key, hit "c" on the keyboard.
Alternatively, click the right mouse button while its pointer is somewhere in the box and click the "Copy" line in the menu that pops up. Return to Dreamweaver without closing your web browser.
There are still things on that page that we need, so leave it open for the time being. Click "Edit Paste" from the menu. The contents of the box should now appear in that empty window in Dreamweaver. To ensure that you've done things correctly so far, make sure that the last line on the page is a red "? The lines above should also be displayed in a variety of colours, namely red, blue, green, and if you scroll up far enough, also orange. If the words are not in these colours, but are all in black, it means that you have missed a crucial step in this section.
Close the window using "File Close" without saving anything, and return to the top of this section and try again. If this keeps happening to you, highlight each sentence as you do them so that you don't miss anything.
I know that some of the things there look suspiciously like English words, thus stirring in your heart the desire to modify them. However, this is NOT a web page you're looking at. It is a computer program. Nothing in this window will be displayed on your website even when the script is being run. If you modify anything in this window, your form will not work correctly.
Even if all you want is to change your email address or web addresses, go back to the Wizard and generate a new form. Do not manually alter them.
To reiterate: do NOT add, subtract or modify anything. Do not even add blank lines or extra spaces to beautify the page. For those of you who are concerned that your email address is on this script page, and that your visitors can see it, don't worry. As long as your site is running on a system with PHP, nothing on this page will be visible at all. In fact, at no time will the script be even sent to your visitors' browsers. This is the case even if your visitors try to directly access the script in their browsers.
They'll just end up being supplied your feedback form instead. If you don't believe me, you can test it yourself later when you've successfully installed everything.
Instructions for this as well as explanations why this is the case are provided in the section on testing below. Click "View Design" from the menu to revert to the Design view. You should now see a blank page again. Do NOT type anything here. Although it looks blank, it's still the feedback form script you just saw. Anything you type here will break the script. If clicking "View Design" does not give you a blank page, it means you've skipped an important step earlier. Close the file without saving using "Fle Close" from the menu and start from the beginning of this section again.
Click "File Save As The "Save As" dialog box will appear. Enter "feedback. Click the "Save" button. Immediately click "File Close" from the menu to close the file before you accidentally alter something. The form should be placed on a normal web page, much like the pages that you have created in previous chapters.
In the leftmost column of the "New Document" dialog box that appears, click the line "Page from Template". Then select the template that you designed in chapter 7 in the usual way and making sure that "Update page when template changes" is checked before clicking "Create".
This is the same procedure you carried out in chapter 7 to create new pages using your bespoke site design. For those who have arrived at this chapter without reading the previous chapters, and have not created a Dreamweaver template for your site, just create a new web page the way you normally do. If you are not even sure how to do that, chances are that you don't know enough to continue.
In such a case, please start from chapter 1 of this tutorial. It's not as bad as it sounds; if you work diligently through the chapters, you'll arrive back here in no time.
As usual with a new page, replace the "Title" field with something suitable like "Feedback Form", "Contact Form", "Contact Us", "Support" or some such thing.
At the top of the visible portion of your web page, type "Feedback Form" or whatever else you prefer as the page heading. Delete whatever placeholder text you have in the editable region of your page.
Leave a blank line or two where you can insert the feedback form later.
Without closing Dreamweaver, switch back to your web browser. As before, the contents of the box should be automatically selected when you do that. Or, if you prefer to use the mouse, click the right mouse button while the cursor is hovering over the contents of the box, and select the "Copy" line in the menu that pops up.
Switch back to Dreamweaver. You should again be looking at the new page that you have just created. Click the spot on the page where you want the form to go. This will cause a blinking text cursor to appear in that place.
If the text cursor is not on a blank line of its own, hit the ENTER key to make a blank line, and use the arrow key on your keyboard to position the text cursor on that blank line if necessary. That is, by the end of this step, your text cursor should be on the blank line where the form is supposed to start. Without moving your text cursor, immediately click "View Code" from the menu.
You should now see the underlying HTML code of your web page. Locate your blinking text cursor. Use the arrow keys on your keyboard to move the text cursor to the end of that same line. Click "Edit Paste" from the Dreamweaver menu. The HTML code created by the wizard will be inserted at that spot. Click "View Design" from the menu. This returns you to the design view, where you can see the form fields, similar to what you saw on the demo site.
If you don't see the fields, but only the HTML code you pasted, it means that you have missed a crucial step earlier. Close the file with "File Close" without saving, and go back to the beginning of this section and start again.
How to Customize the Appearance of the Feedback Form If you like, you can customise the appearance of the form so that it fits in with the existing design of your web page. You don't have to do this if the form already looks fine on the page. The code created by the Feedback Form Wizard is designed to work out-of-the-box without needing any further tinkering.
If you don't want to change anything, just skip to the next section. The form obeys the same CSS rules as the rest of your web page. As such, you can use the techniques taught in the earlier chapters of this tutorial to change the font, text size, and colours. I will not repeat those steps here, since you can easily return to those chapters if you've forgotten how to do them. Instead I will focus on things you haven't learnt yet, like how to adjust the widths of the various fields in your form and how to change the words appearing on the button at the bottom of the form.
Another thing that you should know is that the widths and heights of the form fields are merely visual gimmicks. They do not affect how much information your visitors can enter into your form. Even if you are parsimonious with space, and create extremely narrow fields, your visitors can still enter long names, email addresses and comments. The web browser will automatically scroll to allow them to type whatever they want to type.
Nevertheless, it's still useful to know how to adjust the field widths so that you can make the form blend aesthetically with the rest of your page. That is, click the empty box next to "Name" or "Email Address" depending on which one you want to modify.
The Properties panel at the bottom of the Dreamweaver window will now be filled with things specific to that field. Locate the value for "Char width" in that panel.
It should currently say "39", which means that the "Name" or "Email address" field that you selected currently has a width of 39 characters. If you want the field to be broader, so that it is say 50 characters wide, click the 39 to put your text cursor in that box, then replace that number with The change should be reflected on your page as soon as you do that.
If the field is still not wide enough, or if it is now too wide, just repeat the procedure till you're satisfied with the results. Remember that this change is purely cosmetic, so don't stress yourself out looking for the perfect width.
You'll probably want to repeat the above procedure with the other field as well, so that both the Name and Email Address fields have the same width. There's no requirement for this, but most people like both the fields to have the same width so that the form doesn't look lopsided. To do this, click the box under the word "Comments" to select it. Once again, you should be able to see the default values for the field in the Properties panel. This time, however, there are 2 things that you can change: the width of the box, found in "Char width", with its default of 45, and the height of the box, found in "Num lines", with its default of value of How to Change the Words Displayed on the Send Feedback Button The words "Send Feedback" on the button at the bottom of the form can be changed if you prefer it to say something else.
For example, if you entitled your page "Contact Form" or "Support", you may want the button to say "Send Message" instead. To use a different set of words, click the button once to select it. When you do that, the Properties panel should display a "Value" field with the default words "Send Feedback". Click your mouse cursor in that field and change the words to whatever you want.
Things You Should NOT Change For those of you who are compulsive customisers, who feel an uncontrollable urge to change everything, please note that there are certain things in the form that you should NOT change. Changing those things will cause the form to fail to work correctly.
The general principle is that you should only change things that are visible on your web page. That is, you can change things like colour, size, widths, height, and the words that appear on the page itself. Yes, you can even change the words "Name:", "Email address:" and "Comments" that appear before the form fields to something else if you like. However, as you may have already noticed when you clicked the various fields, there are other internal values that are not actually visible on your page.
For example, when you clicked the Name, Email Address and Comments fields to select them, values like "fullname", "email" and "comments" were also shown in the Properties panel. These words must NOT be changed, not even to translate them to some other language. They are internal values that are used by the form to interface with the script. If you change them, things will go awry. Having said that, you shouldn't need to change them anyway, since they are not actually visible on your web page.
Type "feedback. Now click "File Close" from the menu to close the feedback form page. Optional If you wish, you can switch back to your web browser and close the tab containing the results from the Feedback Form Wizard. At this point, you have completed integrating the Feedback Form Wizard's output into the pages of your site, so you don't need it any more.
Your job is still not done, though. You still need to create the "Thank You" and "Error" pages needed by your feedback form system. This will be done next. How to Create the Thank You and Error Pages for the Feedback Form As you have probably already realised, from experimenting with the feedback form demo earlier, the "Thank You" and "Error" pages are just straightforward web pages, much like your home page, site map and "About" page.
The "Thank You" page is displayed after your visitors click the "Send Feedback" button. Its main purpose is to reassure your visitors that their message has indeed been sent. Otherwise they'll think that nothing has happened and click the button again, with the end result that you'll get multiple copies of the same message. Most webmasters also take this opportunity to thank their visitors for their comments. Create the page the usual way you create a new page based on your site's template.
Then in the main visible portion of your web page, put a message like the following: Message Sent Your message has been sent to the webmaster. Thank you for your comments. Actually, you can say whatever you want. The above is just to give you an idea of what to write. There are no rules as to what you must say. Save the page with a filename of "thankyou. Like all the filenames mentioned in this chapter, this name must match exactly what you supplied to the Feedback Form Wizard, without even any difference in capitalisation case.
Otherwise your visitors will receive an unfriendly " File Not Found " error when they click the "Send Feedback" button. Once you've finished with the "Thank You" page, create the "Error" page from your site's template. This page is displayed when your visitors click the "Send Feedback" button without entering anything into one or more of the form fields. For example, if they leave the "Email address" field of the form blank, they will get this page instead of the "Thank You" page.
As such, your Error page should have a message telling your visitors to return to the form to complete all the fields before clicking the "Send Feedback" button. For example, you can say something like the following: Error Sending Message Please complete all the fields in the form before clicking the "Send Feedback" button.
Click the "Back" button in your browser to return to the form to fix the error. As before, remember to change the Title field of the page to something like "Error" or "Error Sending Message". Save the file as "error. Dreamweaver should display the script, the form, the Thank You page and the Error page in its list of files that need to be uploaded when you do so.
Allow the editor to transfer those files to your website. Digital Project Manager 10 Courses. Automation Testing Masters Program 3 Courses. Popular Courses Trending Courses. Helping professionals thrive, not just survive Learning — Blended to Perfection Mix of self-paced, interactive and applied learning — better experience, better results.
Achieve Your Dreams Over 1,, careers fast-tracked. What's New. Skills Training: Supporting Enterprises Around the Globe. Employee and Team Training Solutions Curriculum tailored to your organization, delivered with white-glove service and support Learn more. We are one of the most trusted brands. Big Data Architect Courses included: Data Scientist Courses included: Artificial Intelligence Engineer Courses included: DevOps Architect Courses included: Digital Marketing Specialist Courses included: Cyber Security Expert Courses included: IT Service Expert Courses included: Lean Six Sigma Expert Courses included: Project Management Popular Article.
All rights reserved. Simplilearn and its affiliates, predecessors, successors and assigns are in no way associated, sponsored or promoted by SAP SE and neither do they provide any SAP based online or real-time courses or trainings.
Call Us Chat Query? Need Help? Live Chat Contact Us. Request more information.