| Building and styling dropdown menus can be an essential aspect of designing a website. In Dreamweaver, you can create dropdown menus easily by using the built-in tools. Here are the steps to build and style dropdown menus in Dreamweaver:
1. Create a new HTML page in Dreamweaver. 2. Insert a list item in the HTML page by using the Insert panel. You can either choose List Item from the Common category or select List from the Layout category and then click on the Insert button. 3. Add sub-menu items to the list item by selecting the list item and then using the Insert panel to insert another list item. Drag this list item so that it is indented below the first list item. 4. Repeat the previous step for each sub-menu item you want to add. 5. Add a link to each sub-menu item by selecting it and then using the Properties panel to enter a link URL. 6. Select the parent list item and open the CSS Styles panel. 7. Click on the New CSS Rule button to create a new rule for the list item. 8. In the New CSS Rule dialog box, select the Type selector and then click on the OK button. 9. In the CSS Rule Definition dialog box, select the Background category and choose a color for the background of the parent list item. 10. Select the Border category and choose a color and size for the border of the parent list item. 11. Select the Font category and choose a font family, size, and color for the text of the parent list item. 12. Click on the OK button to close the CSS Rule Definition dialog box. 13. With the parent list item still selected, open the CSS Styles panel again and click on the New CSS Rule button. 14. In the New CSS Rule dialog box, select the Descendant selector and then select the List Item type from the drop-down menu. 15. Click on the OK button to create the new rule. 16. In the CSS Rule Definition dialog box, select the Background category and choose a color for the background of the sub-menu items. 17. Select the Border category and choose a color and size for the border of the sub-menu items. 18. Select the Font category and choose a font family, size, and color for the text of the sub-menu items. 19. Click on the OK button to close the CSS Rule Definition dialog box. 20. Preview your web page in the browser to see your new dropdown menu. By following these steps, you can create and style dropdown menus in Dreamweaver, giving your website a more professional and user-friendly appearance. |
What next?
We have various options to start depending on your requirement.
One Time Project
Long Term Project
Hiring Model
One Time Project
One time project
You send us your requirements. We review it and offer you the best quote. Once you are happy with our quote, we will start upon your go-ahead. We will send you invoice and you will get us paid upon the receipt of our invoice.
Long Term Project
Long Term Project
We understand the project and skills required for the project. We offer you the skills and time required to accomplish the project matching with your expected deadline. Once you are happy, we will proceed with the work. We introduce you your hired professional who will be working on your project. Your hired resources will report you on daily basis. We will send you invoice every weekend and you will get us paid in the following week.
Hiring Model
Hiring model
You may choose this model when you have various projects coming up. You can hire us for part-time 20 hours a week, Or full-time 40 hours a week. You will let us know your required skills. Your hired resources will work for you exclusively on your tasks and report you on daily basis. We will send you invoice every weekend and you will get us paid in the following week.