Top Nav

Your how-to site for community journalism

Archive | Build it!

Behaviors

Many interactive features on web pages are produced by integrating small programming scripts into your HTML code. These are usually created using a programming language called JavaScript. JavaScript is significantly more difficult to learn than HTML, but it’s well within the reach of anyone who already has some programming skills. Before you run out to buy a JavaScript book, however, take a look at the JavaScript functions that are integrated into Dreamweaver. With a few clicks, you can implement Read more [...]

Continue Reading

Creating an HTML page

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 [...]

Continue Reading

Creating Forms Module: One Last Attribute

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 [...]

Continue Reading

Creating Forms Module: The Select Tag: Multiple Choice Boxes

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 [...]

Continue Reading

Creating Forms Module: The Select Tag: Pulldown Menus

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 [...]

Continue Reading

Creating Forms Module: Text Areas

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 [...]

Continue Reading

Creating Forms Module: Hidden Fields and Checkboxes

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 [...]

Continue Reading

Creating Forms Module: The <form> Tag

Suppose we want to create a basic login form: Login:           Password: We’ll need three parts to this form: A text box for users to enter their login name Another text box for their password A “submit” button to send their information off for processing. To create this form, we’ll start with the <form> and </form> tags. Together, they create a container that marks the beginning and end of the form. All the elements of the form will appear between these two tags. <form> </form> The Read more [...]

Continue Reading

Powered by WordPress. Designed by Woo Themes