Dreamweaver Layers Tips and Tutorials, Resources |
|
|
|
|
Layers tutorials
|
|---|
Using Dreamweaver 3 to create a layer slideshow
You've probably seen sites where you can look through several images or pages of text without actually leaving the page. This effect is created by using layers and JavaScript. If you don't know any JavaScript, don't despair, because you can create a layer slideshow in Dreamweaver without looking at any code.
The trick behind creating a layer slideshow without coding is to put your layers in a timeline. You stop the timeline after each image changes and start it again to advance to the next image.
| | Hits:490 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16 Rate It | Error | Review |
|
| | | |
|---|
Using layers to design a web page
Using layers to design a web page in Dreamweaver 4
Using layers to design web pages in Macromedia Dreamweaver gives you flexibility and control over the placement of objects on a page. Any object that can be added to a web page (text, graphic, table, and so on) can be added directly to a layer. You can then drag the layer and its content to position it in the desired location.
Layers work in version 4 and later browsers. If you are designing pages for viewers using earlier version browsers and want to use layers to lay out your page design, see Converting between tables and layers for Dreamweaver 3 (and why you should care).
For detailed information about using layers, see the Using Dreamweaver 4 manual or Dreamweaver 4 Help. Visit the Dreamweaver Documentation page for printable versions of Dreamweaver 4 documentation.
| | Hits:424 Rate: 5.0(out of 5) Vote:1 Submit Date :2006-03-16 Rate It | Error | Review |
|
| | | |
|---|
Picture Gallery with Dreamweaver MX
The objective of the tutorial is to create a picture gallery without making the page graphics heavy and thus slow to download. The finished gallery weighs just 23 K and downloads in 7 secs on a 28.8 KBPS connection including the thumbnailimages and scripts. This is possible due to some excellent extensions made available free by Project Seven. The extensions used are:
| | Hits:405 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16 Rate It | Error | Review |
|
| | | |
|---|
Working with Layers
Layers are very important, at least you should know how to use them, because they are very flexible in designing something of your own. When you want to create your own navigation system, or to make a mouse over actions, or even tooltip you can do all these with layers very easily. In this tutorial I will show you how to use layers, and we will do a little navigation system. Then once you know how to use them, you can implement them according to your own creativity.
Save this image, we will work with it to create a menu
| | Hits:259 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16 Rate It | Error | Review |
|
| | | |
|---|
This tutorial will be teaching you to use the Show-Hide feature in layers. You've got to create five links (country names) which correspond to five images (flags). When the mouse moves over a link the corresponding image should be displayed.
| | Hits:225 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-03-15 Rate It | Error | Review |
|
| | | |
|---|
Learn how to make your own content box that expands as content is added to it.
| | Hits:118 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-02-07 Rate It | Error | Review |
|
| | | |
|---|
Layers are DHTML components and are similar to tables with a few different properties. Like tables they are containers where you put text or images. Unlike tables layers allow you to position an image or text in a particular point on the page and dreamwever automatically derives the x and y coordinates for the layer. You can reposition the layer by selecting and dragging it on the screen. Layers can be hidden or made visible, this is an added advantage in layers. Layers are viewed differently in different browsers.
| | Hits:88 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-03-14 Rate It | Error | Review |
|
| | | |
|
|---|
This tutorial will be teaching you to use the Show-Hide feature in layers. You've got to create five links (country names) which correspond to five images (flags). When the mouse moves over a link the corresponding image should be displayed.
| | Hits:225 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-03-15 Rate It | Error | Review |
|
|
|---|
Layers are DHTML components and are similar to tables with a few different properties. Like tables they are containers where you put text or images. Unlike tables layers allow you to position an image or text in a particular point on the page and dreamwever automatically derives the x and y coordinates for the layer. You can reposition the layer by selecting and dragging it on the screen. Layers can be hidden or made visible, this is an added advantage in layers. Layers are viewed differently in different browsers.
| | Hits:88 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-03-14 Rate It | Error | Review |
|
|
|---|
Learn how to make your own content box that expands as content is added to it.
| | Hits:118 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-02-07 Rate It | Error | Review |
|
|
|---|
Picture Gallery with Dreamweaver MX
The objective of the tutorial is to create a picture gallery without making the page graphics heavy and thus slow to download. The finished gallery weighs just 23 K and downloads in 7 secs on a 28.8 KBPS connection including the thumbnailimages and scripts. This is possible due to some excellent extensions made available free by Project Seven. The extensions used are:
| | Hits:405 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16 Rate It | Error | Review |
|
|
|---|
Working with Layers
Layers are very important, at least you should know how to use them, because they are very flexible in designing something of your own. When you want to create your own navigation system, or to make a mouse over actions, or even tooltip you can do all these with layers very easily. In this tutorial I will show you how to use layers, and we will do a little navigation system. Then once you know how to use them, you can implement them according to your own creativity.
Save this image, we will work with it to create a menu
| | Hits:259 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16 Rate It | Error | Review |
|
|
|---|
Using layers to design a web page
Using layers to design a web page in Dreamweaver 4
Using layers to design web pages in Macromedia Dreamweaver gives you flexibility and control over the placement of objects on a page. Any object that can be added to a web page (text, graphic, table, and so on) can be added directly to a layer. You can then drag the layer and its content to position it in the desired location.
Layers work in version 4 and later browsers. If you are designing pages for viewers using earlier version browsers and want to use layers to lay out your page design, see Converting between tables and layers for Dreamweaver 3 (and why you should care).
For detailed information about using layers, see the Using Dreamweaver 4 manual or Dreamweaver 4 Help. Visit the Dreamweaver Documentation page for printable versions of Dreamweaver 4 documentation.
| | Hits:424 Rate: 5.0(out of 5) Vote:1 Submit Date :2006-03-16 Rate It | Error | Review |
|
|
|---|
Using Dreamweaver 3 to create a layer slideshow
You've probably seen sites where you can look through several images or pages of text without actually leaving the page. This effect is created by using layers and JavaScript. If you don't know any JavaScript, don't despair, because you can create a layer slideshow in Dreamweaver without looking at any code.
The trick behind creating a layer slideshow without coding is to put your layers in a timeline. You stop the timeline after each image changes and start it again to advance to the next image.
| | Hits:490 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-16 Rate It | Error | Review |
|
|
WebmastersHome.com Discussion about programming, SEO, WebHosting and more! |
|
Pages : 1 |
|