I was recently asked by a visitor how he could create a bulleted list, that is, a list of items that has bullet points (or black dots) on the left side, using the Dreamweaver web editor. This type of list, officially called an "unordered list" because the items on that list don't have a particular order (as a numbered list might have), is useful when you want to put a list of loosely related things on your web page. This article describes the procedure.
This tutorial dives straight into the step by step procedure for creating a bulleted list, so you already need to know how to use the Dreamweaver web editor. If you are new to Dreamweaver, please read one of my beginning Dreamweaver tutorials, such as the Dreamweaver CS6 Tutorial, the Dreamweaver CS5.5 Tutorial, the Dreamweaver CS5 Tutorial, the Dreamweaver CS4 Tutorial or the Dreamweaver CS3 Tutorial, depending on which version of Dreamweaver you have.
For complete newcomers, I strongly recommend that you start by reading How to Make / Create Your Own Website: The Beginner's A-Z Guide. There's more to creating websites than using a web editor, and the guide deals with all these other aspects as well.
I will also assume that you've already created at least a single web page using Dreamweaver. This tutorial shows you how to add a list to your web page, and does not tell you how to design that web page from scratch. For the latter, please see the tutorials I mentioned above.
For those who are not sure what an unordered or bulleted list looks like, you may be interested to know that the above list of prerequisites was written as an unordered list. The "bullet points" are the dots that appear before each of the items above. Another example of a list of prerequisites can be found in the list of "Related Pages" and "New Pages" near the bottom of all the article pages on thesitewizard.com, including this one.
Start Dreamweaver and open the web page where you want to insert the unordered list. Place your text cursor in the location where the list should appear. You can do this by clicking your mouse on that spot.
Click the "Format | List | Unordered List" menu item. That is, click the "Format" word on the main menu bar, then when a drop down menu appears, click the "List" line, followed by the "Unordered List" in the submenu that appears.
A bullet point, a round black dot, will appear, and you can type your first item of the list. When you hit the ENTER key (or RETURN key on the Mac), the next bullet point will appear, ready for you to enter the next item. If you have no more items to add, simply hit the ENTER key (or RETURN key) a second time, without typing anything. Dreamweaver will realise that you have not entered anything for the last item and remove the bullet point, effectively ending your list.
That's it. It's an easy procedure because support for such lists is built into Dreamweaver, so no arcane sequence of steps is needed to create them.
Copyright © 2010-2013 by Christopher Heng. All rights reserved.
Get more free tips and articles like this,
on web design, promotion, revenue and scripting, from https://www.thesitewizard.com/.
Do you find this article useful? You can learn of new articles and scripts that are published on thesitewizard.com by subscribing to the RSS feed. Simply point your RSS feed reader or a browser that supports RSS feeds at https://www.thesitewizard.com/thesitewizard.xml. You can read more about how to subscribe to RSS site feeds from my RSS FAQ.
This article is copyrighted. Please do not reproduce or distribute this article in whole or part, in any form.
It will appear on your page as:
How to Create a Bulleted List (Unordered List) for Your Website in Dreamweaver
