Assignment:
Thankfully Weebly has already created buttons for us to use as links. These button links are somewhat limited, however. What if you want your button to glow when you put your cursor over them? How about enlarging the button as your cursor touches it, or making the button appear as flames? These features may not all be easy to achieve, but are possible with a program like Adobe Fireworks. In fact, entire website creation is possible with a program such as Fireworks. For this course, we will be learning only the skill of creating a rollover navigation bar, or buttons. You will use these in your Weebly Website.
1) Choose which page you want to put the buttons on (could be your main, so more people see it, but you don't have to)
2) Choose what your text (navigation) will be
3) Complete the effect taught to you by your teacher
4) Create one more assignment (if time allows) using a bit of creativity
1) Choose which page you want to put the buttons on (could be your main, so more people see it, but you don't have to)
2) Choose what your text (navigation) will be
3) Complete the effect taught to you by your teacher
4) Create one more assignment (if time allows) using a bit of creativity
FIREWORKS tutorial on how to make rollover navigation (buttons) http://www.youtube.com/watch?v=I-udxVMdBLY
Fireworks tutorial (advanced) image selection replacement for buttons http://www.youtube.com/watch?v=nCoLMCxMjhg
another Fireworks tutorial site http://www.entheosweb.com/fireworks/default.asp
Also see this website for exporting file to a format that MIGHT work in weebly- TEST it! http://bcicommtech11-12.weebly.com/web-site-fireworks.html
idea- export fireworks file as html, then open with IE and view source. Copy all source html code and paste into a "custom html" option that Weebly provides.
The problem seems to be where to save the pictures to so that they pull up properly.
*(check emails for reply from weebly to my question)
Fireworks tutorial (advanced) image selection replacement for buttons http://www.youtube.com/watch?v=nCoLMCxMjhg
another Fireworks tutorial site http://www.entheosweb.com/fireworks/default.asp
Also see this website for exporting file to a format that MIGHT work in weebly- TEST it! http://bcicommtech11-12.weebly.com/web-site-fireworks.html
idea- export fireworks file as html, then open with IE and view source. Copy all source html code and paste into a "custom html" option that Weebly provides.
The problem seems to be where to save the pictures to so that they pull up properly.
*(check emails for reply from weebly to my question)
testbuttons.jpg | |
File Size: | 10 kb |
File Type: | jpg |