rubyaim
Posts: 757
Joined: 6/22/2005
Status: offline
 |
Save WordArt as an Image using Word - 4/20/2006 20:59:02
Office XP - Save your WordArt as an image for use on a website.
Am using the term WordArt to cover anything created via the Drawing Toolbar.
This assumes you have created WordArt in FrontPage, but will work just the same for WordArt created in Word or Publisher etc.
In FrontPage design view, copy (or cut) your WordArt.
Go to Word and use Edit > Paste Special and select Picture (PNG)
Copy the picture from Word and paste into FrontPage. After pasting select the down arrow on the Smart Tag and choose "Paste as an Image Tag".
Save the page. If needed use the 'Save Embedded Files' window (should appear on save ) to rename your image, change the folder it is stored in and change the picture file type.
You should now have an image you can use on your website in place of WordArt. You can right click on the image in FrontPage design view and go to 'Picture Properties'. In 'Appearance' check 'Specify Size' and in 'General' check 'Text' and type in your alternative text.
Have attached a couple of screenshots.
Code for webpage containing WordArt - IE friendly only - bloated code
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Language" content="en-au">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="File-List" href="testpage_files/filelist.xml">
<title>WordArt to Image</title>
<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
.shape { behavior: url(#default#VML) }
</style>
<![endif]--><!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</head>
<body>
<p><!--[if gte vml 1]><v:shapetype id="_x0000_t136"
coordsize="21600,21600" o:spt="136" adj="10800" path="m@7,l@8,m@5,21600l@6,21600e">
<v:formulas>
<v:f eqn="sum #0 0 10800"/>
<v:f eqn="prod #0 2 1"/>
<v:f eqn="sum 21600 0 @1"/>
<v:f eqn="sum 0 0 @2"/>
<v:f eqn="sum 21600 0 @3"/>
<v:f eqn="if @0 @3 0"/>
<v:f eqn="if @0 21600 @1"/>
<v:f eqn="if @0 0 @2"/>
<v:f eqn="if @0 @4 21600"/>
<v:f eqn="mid @5 @6"/>
<v:f eqn="mid @8 @5"/>
<v:f eqn="mid @7 @8"/>
<v:f eqn="mid @6 @7"/>
<v:f eqn="sum @6 0 @5"/>
</v:formulas>
<v:path textpathok="t" o:connecttype="custom" o:connectlocs="@9,0;@10,10800;@11,21600;@12,10800"
o:connectangles="270,180,90,0"/>
<v:textpath on="t" fitshape="t"/>
<v:handles>
<v:h position="#0,bottomRight" xrange="6629,14971"/>
</v:handles>
<o:lock v:ext="edit" text="t" shapetype="t"/>
</v:shapetype><v:shape id="_x0000_s1037" type="#_x0000_t136" alt="My Website"
style='position:absolute;left:37.5pt;top:52.5pt;width:236.25pt;height:48.75pt;
z-index:0' fillcolor="#060" strokeweight="1.5pt">
<v:fill src="testpage22_files/image001.jpg" o:title="Green marble" type="tile"/>
<v:shadow on="t" type="perspective" color="#030" opacity="13107f" origin="-.5,-.5"
offset="-26pt,-36pt" matrix="1.25,,,1.25"/>
<v:textpath style='font-family:"Verdana";font-size:40pt;font-weight:bold;
v-text-spacing:68813f;v-text-kern:t' trim="t" fitpath="t" string="My WordArt"/>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:0;left:14px;top:21px;width:397px;height:115px'><img width=397
height=115 src="testpage22_files/image002.gif" alt="My Website" v:shapes="_x0000_s1037"></span><![endif]></p>
</body>
</html>
Code for webpage with image - multi browser friendly and you can use a DOCTYPE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Some Page</title>
</head>
<body>
<p><img src="../images/mywordart.jpg" alt="My WordArt" width="375" height="116"></p>
</body>
</html>
--------------------------------------------------------
Disclaimer: Yes, [insert your favourite graphics / image editor] would be the better option, but many people start out with Office only. In the workplace [your favourite graphics / image editor] may not be available to everyone.
Thumbnail Image
 Attachment (1)
< Message edited by rubyaim -- 4/20/2006 21:16:23 >
_____________________________
Sally
|
Printable Version 
New Messages
No New Messages
Hot Topic w/ New Messages
Hot Topic w/o New Messages
Locked w/ New Messages
Locked w/o New Messages
Post New Thread