Rollovers

It can be done with an image as a fun effect of the Web, but generally are used to give effect to the menu buttons.

We will have to create some buttons on the PSP:

Open a transparent image and Select the Rectangle tool with rounded edges, make a rectangle of about 100/120 px wide by 20/30 high. Fill it the color you have chosen. Duplicate the rectangle. Apply to each of the rectangles a slight shadow

Vertical horizontal 1 -2

Opacity 27 Blur 1

Inverting the vertical value, first 2

2

-2 then:

3

Write the name of the option and I put a shadow, even smoother.

Gif format will keep with the same name, for example:

dream1 and Dream2 (or dream and dream1 are names that are important to recognize the insert.) the longer you can save directly to the Site Images folder.

* Note: By the way, I usually also have on the site, a folder with the original images, ie, psp format, if one day I will add one more option to the menu, I just open it, entering text and save.

And ejemmm .... I could have a little more careful in them not? Sure yours are beautiful! ;)

We will place the cursor on the option that we will insert. If we have the name and since he will be deleted. Go to Insert / Image Objects / Rollover Image.:

4

This dialog box appears where you will put the following values:

5

  • y un numero que suele ser por orden de las que hemos usado hasta ese momento. a) Where the hand said, if we do not put a name, it will make the Dream by default, usually putting 'image' and a number which is usually in order of which we have used so far.
  • b) Original image, be the first we have saved.
  • c) replacing the second image.
  • d) The alternative, do not forget mmm ... is important and you'll see it right?
  • e) When clicked, go to URL: as we did when the links, even if not yet created the document, we can put the link to it. Work, provided that after creating it, remember the name that we set and assign the same.

View preview the effect on ;) cool, does not it? Insert / Media:

9

In the dialog box, choose a model ... button:

10

on behalf of the button, link page, etc ... and the result is:

Okay, but ... those who can not create a button, using these, we can create and be original, do not you think?

Insert a Flash

Once you Have a banner, or Flash file as you want to insert into the document, go to Insert / Media / Plug-in

11

From there, look for the Flash file, accept and go.

Note: In the Dream, only see a completely gray with Macromedia Flash symbol. By uploading this file to the server and the document will be displayed correctly when you can.

The added code is very simple:

Grab <p> src="imgsust/felizdia.swf" width="370" height="270"> </ embed> </ p>

If we want the same file, in case the user does not have the plugins installed in your browser in order to view these files, insert it as Flashpaper:

12

If so and all we have trouble viewing the Flash file, we would have to modify the code and manually, so if you have this problem give me a hint and see how we would do.

Insert sound files

From Insert / Media / Plug-in, we can also, select a sound file, insert music or sounds in the document. To examine, look for a midi file or wav, mp3, are too heavy, take long to load and slow the entire Web.

Besides being illegal ;) is recommended to use wav files, low quality or midis of many that we can find on the Web But, Always download and use our own server or we would be stealing bandwidth.

In the paper, until you can preview what you will see this:

14

And the code that we added:

Grab <p> src="../../webdisenio/imagenes/Realidadosuenio.wav" width="32" height="32"> </ embed> </ p>

When you insert music into a website, something we have in mind. Most end users are often (usually) listen to music while surfing the Net and probably have 'suffered' that upon entering a page, it organizes a lot of trouble to mix the music we're listening to the Webmaster put on your site.

And you can not do anything .... more to close this page and fast not? For we can then put music yes, but give that user the opportunity to decide whether or not listening and not have to leave ;) Clicking the icon that appears when you insert the sound in the Property inspector, see:

15

By default, yes, but we can change some things: First, the width of the console:

16

with 90 will be fine.

, lo que hará que hasta que no pulsemos para escucharlo no se cargue el sonido: And when you press the Settings button opens a window where we can add a pair of them, the first false value Autostar, which will cause until you press to hear the sound does not load:

17

ahora vemos en vista previa como resulta lo que hemos hecho: Add another parameter that will loop and true now as we see in preview is what we did:

18

until you press the arrow indicates where the sounds are not activated and the user will decide to listen or not, but it will go .. and surely if you listen ... or not it curious? ;)

The code that we left after these changes we will see this:

<Embed src = "path of the sound file" autostart = "false" loop = "true" width = "90" height = "32" </ embed>

Surely a command know much more common, especially those who use the OE:

<BGSOUND balance = 0

src = ".. /.. / webdisenio / images / Realidadosuenio.wav" volume = 0 loop = infinite>

With this command, just listen to the sounds, users who use the browser IExplorer those entering the site with another, is the Firefox (Mozilla) or otherwise, does not even know we put a sound file or music ;) Therefore it is convenient to use the embed fits all, although it is possible that you have to install the QuickTime plugin for the browser.

That you can download from the Apple website here

Examples of the tutorial here

Answer