 |
Procedure
|
|
resizing the home page to full monitor
size
- download starter files, move to
upload folder
- open "index.html"
- in code view, add the following code in header:
<script
language="JavaScript">
function
resize(){
window.moveTo(0,0)
window.resizeTo(screen.width,screen.height)
}
</script>
- return to design view, select <body> tag,
add "call javascript"
behavior (onLoad):
resize()
- save, preview (F12)
centering the pop-up window
- select "logo-index.gif"
- add "open browser window" behavior:
contact.html, 769 x 488 (onClick)
- repeat above with onLoad behavior
- open "contact.html"
- in code view, add the following code in header:
<script
language="JavaScript">
function move(){
window.moveTo(screen.width/2-385,screen.height/2-244)
}
</script>
- return to design view, select <body> tag,
add "call javascript" behavior (onLoad):
move()
- save, preview (F12)
adding the drop-down menu
- open "contact.html"
- add swap image behavior to "portfolio.gif" and "aboutus.gif"
- swap "contact.gif" for "contact-over.gif"
- select "portfolio.gif"; add "show pop-up menu" behavior
- contents tab: People, Product, Application
- appearance tab: vertical, 12px verdana, text=white, bg=black,
rollover=green (eyedropper, no web snap)
- advanced tab: width=110, padding=10, delay=0
- position tab: choose style, x=37
- save, preview (F12)
- make links to your work from your projects page
- test on a PC
|
