MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER Specifikace Strana 32

  • Stažení
  • Přidat do mých příruček
  • Tisk
  • Strana
    / 48
  • Tabulka s obsahem
  • KNIHY
  • Hodnocené. / 5. Na základě hodnocení zákazníků
Zobrazit stránku 31
ITS - Technology & Learning Services Page 30
Dr. Luanne Eris Fose Revised July 30, 2004
6. When you are returned to the Attach External Style Sheet dialog box, make sure that
Add as: Link is selected and then click OK.
7. Now you are returned to the document. If you click on the Code button and look at the
<head> tag now, you will see that it says something like:
<link href="simpsonstyles.css" rel="stylesheet" type="text/css">, which clearly
shows that it is linked to the external style sheet.
8. Since we’re finished with the home page (i.e., index.html) for now, make sure it is saved
by selecting File>Save As… and then close the page by selecting File > Close.
9. Open the other pages that we created previously (i.e., index.html, bio.html,
history.html and favorites.html) and delete the internal styles within them by going
through the same process; then attach the external style sheet to each one of these files
so that they will all have the same look and feel stylewise.
Copying/Pasting Text on the Biography Page
Now let’s work on the Biography page by copying/pasting text from a Microsoft Word
document:
1. Since we have already created a template for the Biography page by saving the
index.html page with the new name “bio.html,” we don’t have to repeat a lot of our
previous efforts setting up the links and formatting. Go to the Files panel at the right of
the Dreamweaver screen and double-click on bio.html to open the page.
2. Choose Modify>Page Properties (Ctrl-J), click on Title/Encoding in the Category
column and change the Title: to Homer J. Simpson – Biography. Click the Apply
button and then click OK. This will place the correct title on this page when it is viewed
by the web browser.
3. In the right frame of the html page, erase the text that says “Page Title and replace
with “Homer J. Simpson: Biography”.
4. Open Microsoft Word, go to File > Open… and navigate to the following folder: My
Documents>Class Materials>Dreamweaver MX 102-LFose>Simpson Word Docs.
Click on the document titled Homer Simpson Biography.doc document and open it.
5. We are going to copy/paste text from this document, but first we are going to convert it
to a .txt document instead of a .doc document. We need to make this conversion
because Microsoft Word places hidden code in its documents that can often cause
problems on your html web page. Go to File > Save As… in Microsoft Word and when
the Save As dialog box appears, go to the bottom of the dialog box where it says: Save
as type: and select Plain Text from the pop-up menu. Add a .txt extension to the
name so that the file is being saved as Homer Simpson Biography.txt and click the
Save button. When the warning dialog box appears, make sure the radio button next to
Windows Default is selected and click OK.
6. Now select all the text in the Homer Simpson Biography.txt document below the text
Homer J. Simpson: Biography and press Ctrl-C on your computer keyboard to copy it
to the clipboard.
7. Minimize the .txt document and return to Dreamweaver MX 2004. Place your cursor
below the horizontal line that resides below the text Homer J. Simpson: Biography and
Zobrazit stránku 31
1 2 ... 27 28 29 30 31 32 33 34 35 36 37 ... 47 48

Komentáře k této Příručce

Žádné komentáře