More Related Content
Similar to 2 Training on webwroks for Word (20)
2 Training on webwroks for Word
- 2. Project Files - WebWorks (Word)
Introduction
• Learn how to edit the project files and customize the output.
– Define file options
– Modify the placeholder logo
– Modify the placeholder contact information
– Modify hyperlink colors
© Technowrites Pvt. Ltd., 2005 2 Previous Next Home
- 3. Project Files - WebWorks (Word)
File Options - Files tab
• You can add, delete or re-arrange your project files before
generating the output.
© Technowrites Pvt. Ltd., 2005 3 Previous Next Home
- 4. Project Files - WebWorks (Word)
Files tab - Add File
Select the file
type to add
Browse to the file
you want to add
Select position
of the file
Right-click on any output Click OK after
file and select Add adding the file
© Technowrites Pvt. Ltd., 2005 4 Previous Next Home
- 5. Project Files - WebWorks (Word)
Files tab - Delete File
Right-click on the file you want
to remove and click Delete
© Technowrites Pvt. Ltd., 2005 5 Previous Next Home
- 6. Project Files - WebWorks (Word)
Files tab - Re-arrange File
Displays list of source files
Click to move the selected
files up or down
Select the file you want to re- Click OK when done
arrange and click Rearrange
© Technowrites Pvt. Ltd., 2005 6 Previous Next Home
- 7. Project Files - WebWorks (Word)
Modify Placeholder Logo
• Your output format displays a placeholder logo that you can replace
with a graphic of your choice (for example, your company logo).
© Technowrites Pvt. Ltd., 2005 7 Previous Next Home
- 8. Project Files - WebWorks (Word)
Modify Placeholder Logo
• Copy the logo file to your project folder’s Supportimages directory.
• From the Support folder, open Normal.asp in a text editor.
© Technowrites Pvt. Ltd., 2005 8 Previous Next Home
- 9. Project Files - WebWorks (Word)
Modify Placeholder Logo
• Locate the following block of code and edit the filename, its
attributes, and the alternative text.
<p>
<img id="LongDescNotReq5;" src="images/logo.gif" width="174"
height="46" alt="Put your logo here!" />
</p>
BEFORE AFTER
© Technowrites Pvt. Ltd., 2005 9 Previous Next Home
- 10. Project Files - WebWorks (Word)
Modify Placeholder Logo
• Save and close Normal.asp and regenerate the output. The new
logo will now be displayed.
• Note: To remove the logo altogether, delete the block of code.
© Technowrites Pvt. Ltd., 2005 10 Previous Next Home
- 11. Project Files - WebWorks (Word)
Modify Placeholder Contact Information
• Your output displays a placeholder text by default, which you can
replace with your own text (for example, your contact information).
© Technowrites Pvt. Ltd., 2005 11 Previous Next Home
- 12. Project Files - WebWorks (Word)
Modify Placeholder Contact Information
• In your project folder, open the Support directory.
• Open Normal.asp in a text editor.
© Technowrites Pvt. Ltd., 2005 12 Previous Next Home
- 13. Project Files - WebWorks (Word)
Modify Placeholder Contact Information
• Locate the following block of code and edit the default text.
<table id="SummaryNotReq2" align="right" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td align="right">
<span style="font-size: 16px ; font-weight: bold">
Your Company<br />
</span>
<span style="font-size: 10px">
<a href="Your Company's URL">Your Company's Web Site</a><br />
Voice: (555) 555-1234<br />
Fax: (555) 555-5678<br />
<a href="mailto:Your Company">Your Company's E- mail Address</a><br />
</span>
</td>
</tr>
</table>
© Technowrites Pvt. Ltd., 2005 13 Previous Next Home
- 14. Project Files - WebWorks (Word)
Modify Placeholder Contact Information
BEFORE
AFTER
© Technowrites Pvt. Ltd., 2005 14 Previous Next Home
- 15. Project Files - WebWorks (Word)
Modify Placeholder Contact Information
• Save and close Normal.asp and regenerate the output. Your entered
text will now be displayed.
• Note: To remove the text altogether, delete the block of code.
© Technowrites Pvt. Ltd., 2005 15 Previous Next Home
- 16. Project Files - WebWorks (Word)
Modify Hyperlink Colors
• You can modify the default colors of hyperlinks in your output
format.
• In your project folder, open the Support directory.
• Open document.css in a text editor.
• Locate the following block of code and edit the color attributes
/* Default style for links */
a:active { color: #0000CC}
a:hover { color: #CC0033}
a:link { color: #3366CC}
a:visited { color: #9999CC}
© Technowrites Pvt. Ltd., 2005 16 Previous Next Home
- 17. Project Files - WebWorks (Word)
Modify Hyperlink Colors
BEFORE
AFTER
© Technowrites Pvt. Ltd., 2005 17 Previous Next Home
- 18. Project Files - WebWorks (Word)
End
Session complete
• This presentation training is to be used with the WebWorks for Word reference book given to you by Technowrites.
Please refer to it for further details on how to use the application.
© Technowrites Pvt. Ltd., 2005 18 Previous Next Home