In this lecture, our instructor, Candyce Mairs, further shows how to modify the navigation column. She demonstrates how to edit link text, go about correcting mistakes, insert an image, fix formatting errors, and add a new margin property.
We are going to modify the navigation area on our page
Replace the words in the link area with the following:
Delete all the text under the hyperlinks
Notice how the background color for the column has now shortened since the content in this area is shorter
Insert an image into this area:
Choose insert-image & select the clock-tower.jpg image from the Wanderlust Travel website
We added this image as one of the files we transferred over in another lesson
Add the following alt text: The clock tower in Graz, Austria, the oldest working clock tower in the world
Delete the <p> tag surrounding this image
Preview the page in the browser
Modifying the Navigation Column, Part 2
Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.
Educator.com recommends Adobe Dreamweaver CS6 for use with the Educator Dreamweaver course. Adobe Dreamweaver CS6 software enables you to make cutting-edge web designs and mobile apps while generating HTML5 and CSS3 code. Use the fluid grid layout system and HTML editor to design projects for smartphones, tablets, and desktop screens. Support for CSS3, jQuery Mobile, and Adobe PhoneGap Build frameworks streamlines the mobile app development process. Check your designs with Live View and Multiscreen Preview. Add rich typography and CSS3 transitions to create compelling projects.
Educator.com recommends the Adobe Dreamweaver CS6 Digital Classroom to go with our Dreamweaver course. In this book-and-DVD package, expert instructors provide a complete course in basic Dreamweaver that you can access at your own speed. Step-by-step instructions in the book are supported by lesson files and video tutorials on the DVD, presenting the newest version of Dreamweaver in 16 self-paced lessons. You'll learn to use style sheets, dynamic HTML, multimedia, databases, and much more to design, develop, and maintain your website.