Академический Документы
Профессиональный Документы
Культура Документы
j Create a new
in C:/380/yourname
called dreamweaver_exercise
j Everything will be in that folder or it
won¶t work when you test the pages
j Open Macromedia > Dreamweaver MX
m
j Set rulers as pixels: View > Rulers >
show and View > Rulers > pixels (both
show and pixels are checked)
j Set proportional font as Verdana 0 pt.
Edit > preferences and highlight Fonts
j îe sure yours looks like below
m
j Click on Common tab and look for:
j Design and code views (press all 3 buttons
and see what happens)
!j
"Ô#
$%Ô
&Ô '(
)
j Note the html commands at bottom of each
slide as a reference. If you want to see them in
Dreamweaver, click on code view button
j Type the example to the right in the
£
window, pressing
Shift after the ³Line test´ line and
Shift+Enter after each additional line.
îegin the indented line with three
repetitions of Ctrl+Shift+Spacebar.
j Click on code view and identify the
html for break and nonbreaking space
"Ô%* +,
# Ô
j Save the file in the
folder as
j Press the J key to preview the
document in your browser. We will link to
this file later. Close the IE window
j p little easier in WYSIWYG, eh?
-%
&#.)
/ Create a new untitled page using File j
New. In the window, select îasic Page,
HTML and hit the Create button.
/ Type p on the
new page.
/ Highlight the text and note how the
Property Inspector is ready for text
editing (go to next slide«)
HTML: <b><font face=prial size=+3>
-%
#0&#.)
/ With text highlighted, go to ?
change the font to p
by using drop down
window.
/ Change the font size to . Note
that +3 is a relative font size indicating
three steps up from the base font or
approximately 24 point.
/ Click on the !
icon
HTML: <b><font face=prial size=+3>
# Ô
j Save the file in the
folder as
font.htm.
j Press the J key
to preview the document
in IE.
j Close the IE window
1%#
j Create a new page File j New. Then
îasic Page, HTML and hit Create.
j Choose Insert j Table and complete the
pop-up form as below
(
%
&
# 7
8 )
"Ô%* #
2-+
1%#
p##
j Type the text as below. Note the spelling error and how
the font returns to default Verdana. Dreamweaver doesn¶t
spell check automatically (use Text > Check Spelling)
j I will call the merged cell at the top the # #. I
will call the two columns beneath the page
heading the
.
1%#
p :;#
:#
#
j plign page heading with cell bottom, and contents with top of the (
%-
column for best layout design (similar to newspapers).
j Click in Page Heading Cell (pcme«) to work on cell
#