This article shows how to create image maps using HTML. You’ll learn how to create client-side image maps, and we’ll touch on server-side image maps too.
[Read more…] about Creating Image Maps
Blog
Here you’ll find articles about website development, WordPress, and other topics that I’m interested in. I hope you enjoy them and find them useful. Comments and feedback are always welcome!
Controlling Program Flow in JavaScript
One of the key features of all good programming languages is the ability to control the order in which actions are performed. For instance, you may want to run one piece of code if the user has selected a checkbox, but run a different piece of code if they haven’t selected it. Or, you may want to run the same piece of code 10 times (for example, if you’re creating a drop-down list with 10 items).
In this tutorial you’ll learn how to write code to make decisions (e.g. “if the user has selected this checkbox, display this message”), and perform the same action many times (called “looping”).
10 HTML Tips for Beginners
Here are 10 HTML tips and tricks for newbies. If you’re just starting out with building your Web pages, these techniques should be very useful to you!
Things You Can Do with Photoshop Paths
Editing Paths in Photoshop
Now you know how to create paths, we’ll take a look at how you can change your path after you’ve made it. This way you can alter the shape of your path and “fine-tune” those lines and curves until they’re just right!
Drawing with Photoshop’s Pen Tool
Now that you know the theory of Photoshop paths, it’s time to explore Photoshop’s Pen tool and other related tools.
Most of the drawing and editing of paths can be done via the tools under the Pen tool icon in the Tools palette. Click and hold the mouse button on this icon to bring up all the other tools:
Let’s briefly go over these tools now, and what you can use them for.
- The Pen tool is probably the tool you’ll use most. With this tool you can create the straight lines and curves that make up your paths.
- The Freeform Pen tool is designed to let you create paths quickly by just drawing freehand with the mouse. It’s not very good for creating precise paths though.
- The Add Anchor Point tool allows you to insert additional anchor points into your path, effectively splitting a line segment into two. This is useful if, say, you’ve created a curve already but you want to turn the curve into a more complex shape. You can also add anchor points using the Pen Tool, provided you have the Auto Add/Delete option set – just move the mouse over the line segment you’d like to add a point to, and click!
- The Delete Anchor Point tool removes anchor points from your path. As it removes a point, it joins up the two line segments either side of the removed point into one long line segment. This is good if you’ve accidentally created too many segments (it’s best to create as few as possible!) or if the Freeform Pen tool has created too many for you! You can also delete anchor points using the Pen tool if Auto Add/Delete is set – move the mouse over the point you’d like to delete, and click.
- The Convert Point tool allows you to convert a smooth anchor point to a corner anchor point, and vice-versa. More on this tool later!
Photoshop Paths Explained
In this introductory tutorial, you’ll learn about Photoshop’s Paths feature. Paths are a powerful tool and a big topic to cover. They’re also quite tricky to get the hang of, but once you do, you’ll never look back!
Enjoy…
JavaScript Events and Event Handlers
In this tutorial we’re going to take a look at a very handy feature of JavaScript called events. By writing code that reacts to events, you can make your web pages much more interactive!
Read on to find out how…
HTML Form Buttons
As well as fields such as text fields, checkboxes and select
menus, an HTML form can contain different types of buttons. Form buttons allow the user to submit the filled-in form to the server for processing. Your form will generally contain at least one form submit button so that the form can be sent.
HTML Forms – Hidden, Password and File Upload Fields
This tutorial explores three special types of HTML form input fields:
- hidden fields, for passing information without displaying it to the visitor
- password fields that allow the visitor to enter sensitive information, and
- file upload fields that allow visitors to upload files from their hard disk to your Web server.
[Read more…] about HTML Forms – Hidden, Password and File Upload Fields