MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER Especificações Página 23

  • Descarregar
  • Adicionar aos meus manuais
  • Imprimir
  • Página
    / 48
  • Índice
  • MARCADORES
  • Avaliado. / 5. Com base em avaliações de clientes
Vista de página 22
ITS - Technology & Learning Services Page 21
Dr. Luanne Eris Fose Revised July 30, 2004
1. Click on the arrow on the Windows pop-up menu at the bottom of the Document
Window to reveal the predetermined choices (Figure 15). For our index.html
document, make sure that 760 X 420 is selected, which is the optimum size for an
800 X 600 monitor – the normal size of the general population’s monitor these days.
The window size given reflects the inside dimensions of the browser window,
without borders; the monitor size is listed in parentheses.
2. Note: If Dreamweaver will not allow you to select a different size in the Windows
pop-up menu (i.e., the selections are greyed out), click on the Restore (i.e.
Maximize) button for that particular page and then you should be able to select the
760 X 420 size.
Figure 15: Set Window Size
EDITING THE NAVIGATION BAR:
The Cal Poly web page template has a navigation bar on the left side of the page to assist the
viewer in navigating to the other pages in the web site. Let’s edit it to reflect our pages:
1. Place the cursor at the end of the text in the navigation bar that says Sample Link 1.
Use the Backspace key to delete this text. Type: “Biography” to replace it and then
highlight the text and press the Bold button in the Properties Inspector to bold the text.
2. Place the cursor at the end of the text in the navigation bar that says Sample Link 2.
Use the Backspace key to delete this text. Type: “History” to replace it and Bold this
text.
3. Place the cursor at the end of the text in the navigation bar that says Sample Link 3 this
is an example of how link text wraps. Use the Backspace key to delete this text.
Type: “Favorite Things” to replace it and Bold this text.
4. Because Sample Link 3 was an example of wrapping text, we need to go into the HTML
code to remove the wrap. Click on the Split button (Figure 16) to show both the Design
and Code view simultaneously.
Figure 16: Split Button
Vista de página 22
1 2 ... 18 19 20 21 22 23 24 25 26 27 28 ... 47 48

Comentários a estes Manuais

Sem comentários