This above is all fine - if we type text which fits into the cell. Here we enter a whole part of another HTML page source code. The page would be then embedded in the result without need to switch between realdraw and your web editor. You can just copy the source and paste it all to the cell. Imagine you already designed and approved a text with images and links in your favorite HTML editor. You don't have to enter just plain text but whole HTML page. This will enable us to write (or copy and paste as I did from some page of this manual) the text directly into that cell
Now we will switch the cell to the HTML Text option: One way would be simply stop here and open the created page in a html editor of your choice (Dreamweaver, Adobe GoLive etc.) and continue there by removing the large image occupying the cell and type text.īut we can also add a text directly in HTML Slicer!įor that we have to first draw rectangle with Slicer Tool over the empty area where the text should be Now we can continue by adding text to the large area. Let's examine it - all three buttons works, also the Contact Cell works - on mouse Over it will do negative effect: The result will pop-up in your default browser: It is simple Click Export and choose location. This saves a lot of time for not-so-important elements. Many of them works very nicely on the page. Real-Draw will create automatically the rollover with the negative effect for us. We simply choose one of the Effect as Rollover. We can simply add link and that's enough for the cell to be navigational but we can add Rollover effect even if the objects behind the cells are not buttons. Let's do the same for the Contact cell, which has not been created as a button just a simple text You can also set different JPG Quality for each cell, or simply leave it default. Now add Alternative text which will be shown as tooltip in IE. Now add the HTML link, it could be the whole or simply mypage.htm if it is page on the site. Please note that for cells created over buttons the Rollover is already automatically set to Use Button Object. When you select any Active Cell, look at the top where are the cell properties: Let's do the same on the bottom of buttons and look on the slicing - a large area got opened on the right of the buttons - a great space to later add text of the page. To keep design simple and to create space where we can type text in our HTML editor we added also another Active Cell (but we don't plan to ad any link to it) on top of the buttons. Now this will add too much unnecessary slicing on top. While it isn't a button we can still of course add link to it. On the graphics we added another text in the right corner for contact. Now we have created Active Cell over each of the three buttons. Open the HTML Slicer and with the Slicer Tool draw rectangle around our first button.Ĭontinue with remaining buttons the same way. Only the 3 buttons are WEB Button objects, all the rest is just graphics. Now if we know all this, lets design the page, this is what we come up with - very simple Experimental page. Here it is: We didn't add the text inside Package, instead we add it on top of it and make it also a button by adding Over frame. The text and the button package will run in sync, just try switching All frames (the Eye buttons): If you, however would like to change also the text, here is a trick : You don't have to put the text into the Package - you can just simply add Over frame to the text while it is still sitting on the top of the button, then change it accordingly! Trick: The text adding on top of Package will obviously not change, just the image of button behind - this may be OK for now. This way we don't have to worry about replacing the text in packages for each frame and the effect is still good. We can of course add the text inside the package for each frame, which will take longer to change it or as here we will just put text on the top of the Package, not inside it. You may notice that we didn't add any text to our button. We will add few elements and copy 3 times our button. Last time we successfully created pill-shaped button We will create two types of rollovers - one by creating a Web Button object, the other one directly in HTML Slicer.
#ADOBE GOLIVE FRAMES PROBLEMS HOW TO#
Since we learned how to use slicer lets continue with our Web page tutorial.
0 kommentar(er)
