Join Sue Jenkins for an in-depth discussion in this video Hiding and showing elements to create a simple image gallery, part of Productivity Tips for Web Designers.
- Hello friends, this is Sue Jenkins…with Productivity Tips for Web Designers.…In this week's lesson, I'll be showing you…how to use Dreamweaver's Show-Hide Elements behavior…to create a simple gallery of images…from a set of stacked div containers.…In Dreamweaver, hiding and showing layers…refers to adjusting the visibility of a layer…in the browser window using JavaScript.…For instance, you can have a layer's visibility…set to hidden when the page first loads in the browser.…
Then, with the magic of JavaScript,…you can make the layer visible…when a visitor performs some action,…such as clicking on a text link or an image.…Hiding and showing layers can be really useful…for a variety of reasons, including…creating image galleries or showing tooltips,…even revealing product details.…Truly, you can use this interactive technique…for any content, as a way to enhance…your site visitor's experience.…Let's take a look at the starting page code.…
In this demonstration, I'll be showing you…how to use Dreamweaver's Show-Hide Elements behavior…
Author
Sue Jenkins
Updated
7/23/2015Released
7/31/2014Skill Level Intermediate
Duration
Views
Q: In "Organic and ethical SEO coding," the author mentions Google+ Authorship. I heard Authorship results are no longer shown in Google search results. Why? Are there benefits to keeping the Google+ Authorship markup on my site?
A: As of September 2014, Google discontinued Google+ Authorship for SEO. The only reason to keep the code on your site would be for Author Rank purposes. See http://searchengineland.com/google-authorship-dead-author-rank-202254 for more information.
-
Introduction
-
Welcome20s
-
-
1. Typography Tips
-
Going big with type5m 32s
-
Pairing fonts for the web6m 59s
-
Styling your web links7m 49s
-
Improving font readability10m 14s
-
2. Illustrator Tips
-
Adding killer shadow effects9m 20s
-
3. Photoshop Tips
-
4. HTML and CSS Tips
-
Using Google font effects4m 39s
-
Dropping in CSS drop caps6m 26s
-
-
5. Dreamweaver Tips
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Hiding and showing elements to create a simple image gallery