Now that you have defined a site, you should create a web page to upload as a test. From Dreamweaver, you can create a new page by clicking File, then New, and choosing “HTML” from the Basic page menu that displays. If the green Quick Start menu is visible, you can also select “HTML” from the Create New list. If you are truly starting from scratch, we recommend creating a new document by clicking File, then New, and choosing “HTML” from the Basic page menu that displays. This will present several Read more [...]

Creating Forms: One Last Attribute Creating Forms One Last Attribute Normally, users can jump from one part of a form to the next by pressing the TAB key on their keyboard. When they finish filling in the “First Name” text field, for example, hitting TAB will automatically move their cursor to the “Last Name” text field. The order in which a user cycles through each input when pressing TAB is determined by the order in which those inputs are listed in the form’s HTML code. Try it out: First Read more [...]

Creating Forms The <select> Tag: Multiple Choice Boxes What if we have a long list of items, and want to allow our users to select as many or as few of those items as they like? By simply adding size and multiple attributes to our beginning <select> tag, we can transform it from a pulldown menu to a multiple choice box: <select size=”6″ multiple=”multiple”> By default, size is set to “1,” which creates a pulldown menu: Every dayTwice a WeekEvery WeekEvery MonthSetting size Read more [...]

Creating Forms: The Select Tag: Pulldown Menus Creating Forms The <select> Tag: Pulldown Menus The select tag is another oddball in the world of forms. When you have too many possible answers to a question to use checkboxes or radio buttons – for example, “What state are you from?” or “Which countries would you like to visit?” – select tags are an ideal replacement. Depending on the attributes you give them, they can act like a pulldown menu or a box that lets your users select from Read more [...]

Creating Forms: Text Areas Creating Forms Text Areas The text area is the odd man out in a form. Unlike a text field, a one-line field with a set limit of characters, the <textarea> and </textarea> tags create a box into which users can type whole paragraphs, if they wish. If you were creating a form to let users send you comments about your site, you’d use a text area to collect those comments. Unlike an input tag, a text area has opening and closing tags: <textarea Read more [...]

  Creating Forms Labels and Radio Buttons If you want your page to be the Cadillac of Web pages, as accessible as it is well crafted, you should use the <label> tag in your forms. The simplest way to use it is to wrap the tag around an input field and its corresponding text, like so: <label> Breaking News <input type=”checkbox” name=”newsletter1″ value=”breaking_news” /></label> In some (but not all) browsers, the user will now be able to select the “Breaking Read more [...]

Creating Forms: Hidden Fields and Checkboxes Creating Forms Hidden Fields and Checkboxes There are other types of form elements and inputs. Now that you’ve learned the basics, let’s go through the rest of them. Hidden Fields Sometimes you want to pass information through a form without requiring the user to type it all in. Suppose you’re setting up a form to let a user e-mail a link from your site to a friend. You’ll want the user to type in his or her name and e-mail address, and the Read more [...]

Creating Forms: Submit Buttons Creating Forms Submit Buttons You’re nearly finished creating your example login form now. Here’s the code you should have so far: <form action=”http://mysite.com/scripts/login.php” method=”post”> <input type=”text” name=”login” size=”25″ value=”Enter login name here” /> <input type=”password” name=”password” size=”16″ /> </form> You’re still missing one important element, though: a way to send the information you’ve collected Read more [...]