Slicing Fireworks image to create a website?

I have created a large image and will like to slice it to make a website. How can I best do this??
I tried to slice it but the text on the image did not appear well on the internet browser. I now want to remove the text from the original image, slice it, and be able to insert the text over the image on dreamweaver so that the text can be sharp and clear on the browser.
How can I best do this??
The attached png, jpg and html files.

With all due respect - don't. If you are a beginner then the easiest way would be to use tables. Te layout should be done in dreaweaver.
Very broad overview of process:
1. Insert a table for the header/banner (in DW)
2. In FW use your banner graphic as the background image (turn view of text off in Layers panel). Right click on graphic and "Add rectangle slice", optimize and export.
3. Turn text back on (Name) and turn view off for header. Repeat slice and optimize.
4. In DW either add a row or a new table for the navigation (a whole topic on it's own)
5. New table with 3 columns for News area. Again export background graphics and insert into table cells
If your are totally lost then as LAST resort and NOT recommended is to export your Fireworks layout as HTML and Images.
If you use all images for your site it will load slow and any text can't be read by a search engine. But an image can be used as a backgriund then you can type on top in Dreamweaver.
Hope this helps some.
Joyce J.Evans

Similar Messages

How do i create a website that allows customer to upload images and text?

I need some help i have a friend who has asked me if i can create a website that allows them to upload their own images and text at their leisure.
His company is in the car sales trade so they need to regularly be updating their stock, and this needs to be done by somebody with limited computer knowledge so ease of use is fairly important.
I am using dreamweaver cs4 on a G5 Imac running Snow leopard 10.6.8, my skills are limited to creating uncomplicated websites but i am very keen to learn, i am aware of content management systems such as Druplal but have zero knowledge on how to use these.
Any assistance would be greatly appreciated
Andy Barrington
www.andybarrington.com

You can take a read here
http://www.hotscripts.com/category/php/scripts-programs/classified-ads/autos/
http://icloudcenter.com/auto-dealer-car-sales-script.htm
Although putting together a form that would upload images and all the descriptions required seems like a fairly straghtforward project, depending on your current skill set.
Gary

I created a website with iWeb but use GoDady for hosting it rather than MobileMe. The images on my Gallery page do not show at all on the external domain but they DO show when seen on MobileMe. Has anyone encountered this problem before? Many thanks!

Hello al!
I created a website with iWeb but use GoDady for hosting it rather than MobileMe. The images on my Gallery page do not show at all on the external domain but they DO show when seen on MobileMe. Has anyone encountered this problem before? Many thanks!

Just create a new page (or use the existing photo page) on your external site and use html to add an iframe sized to the page and link it to the mobilme gallery page. Works for me just fine when showing my gallery from a yahoo site.
like this
<iframe scrolling="off" allowTransparency="true" frameborder="0" scrolling="yes" style="width:100%;height:100%;border:none" src="http://gallery.me.com/your_account_name"></iframe>

Adobe Creative Suite Confusion. Want to Create a Website

I am so confused by all the information or should I say I am overwhelmed. I am wanting to create a website. I have an idea of the layout of the website. It is basically using a PNG image that I had created as the background. Some rounded rectangle shapes which I need to add (Dont know how to do). I will be using a top naviagtion all text with one button dropdown menu and a header footer and a sidebar. I am so confused with CSS,what it is and why I need it etc. I dont know which tools in the creative suite I need. How is fireworks used. I have seen tutorials where people make sites in photoshop and then take to dreamweaver but I have been told the coding isnt clean. I just need some advice as what to do and where to start. I think it is because there are too many tools. I would purchase additional software if it meant my job is easier but again the coding needs to be clean.

martcol wrote:
OK, so Creative Suite is real beauty and such fun. If you are going to master Dreamweaver you need to put most of your energy first off into learnign HTML and CSS. Without at least a working knowledge of HTML and CSS Dreamweaver will hurt you, nip and bite you again and again! The more you know about HTML/CSS the easier DW becomes. I use Photoshop, Illustrator and Dreamweaver most out of CS and find the first two easier to work out because of my understanding of digital imaging. However, Dreamweaver was difficult until I started becoming more familiar with HTML/CSS. On top of that, you might like to think about some other scripting languages like Javascript and PHP but I reckon you can get by with a little knowledge there because so much of that stuff is available off the web.
Personally, I don't do well with video tutorials. I get too easily distracted. I prefer books. David Powers has written some very well regarded books but there are many others.
Online resources are pletiful and w3schools is a good place to start. Adobe's own tutorial stuff is great too. With web design and development you will find that there are heaps of resources (and opinions) out there and maybe, the best thing to do is to build your own site.
With regards your statement, "I can't make shapes in dreamweaver" maybe you should find out a bit more about the DOM, document flow, and the box model. In my head, you don't make shapes with Dreamweaver. A web page is a series of elements (in general terms, boxes) that you code up with HTML and style or manipulate with CSS and maybe, javascript. A web page is nothing like a printed page.
Take this tiny snippet of code:
<body>
<div id="wrapper">
<h1>A Header or Title</h1>
<p>A paragraph of some meaningless text</p>
<h2>A Meaningless Subheading</h2>
<p>A second paragraph of some meaningless text that relates to the meaningless subheading</p>
</div>
</body>
That code would render in the browser fine enough. It's a <div> containing a title(<h1>) two small paragraphs (<p>) and a subtitle (<h2>).
Once you have your page structure, you apply CSS to each element as you need it. You can postition them in a rudimentary way with padding and margin and in more complex ways with float or more cautiously, with position. You can add background images, borders, color, and all kinds of fancy things and until you do, each element will just render one after the other, down and accross the page according to the content.
Martin
you should also check out youtube. there are a lot of tutorials on there on all the adobe products and probably css too. you can pause and copy the steps in the tutorials too! great place to start as well, for real for real.

Tiling or slicing large images in tables? Completely outdated?

I'm working through the XHTML tutorials on Lynda.com
The instructor does a demo of slicing a large image with sections that have animated .gifs. He slices the static portions and slices the animated portions and then combines them in a 3 slice x 3 slice table.
He says "I still prefer to do this with tables, since it's what it was designed for."
I know tables are outdated, but I'm not sure if it's in all respects. Like if I was going to do a data table, I certainly would use tables...
Im not sure when this video was made, but is it still in practice and a good practice?
He then shows a similar demo of how to combine slices using CSS. Is this outdated too? Are people still slicing large images?

Unlike print design where everything is static and unchanging, web pages need to be flexible and web accessible to accommodate all users, displays and devices.
Image slices have their plusses and minuses. Occasionally, you may need them to create a flexible container that resizes to content.
     3 image slices in a CSS layout ~
     http://alt-web.com/DEMOS/Image-slices-in-a-CSS-based-layout.shtml
That said, you can add visual interest to web pages without a lot of images using CSS.
     2-image web page design ~
     http://alt-web.com/TEMPLATES/2-image-web-design.shtml
Finally, have a look at CSS Zen Garden where the power of CSS is demonstrated.
Each page contains identical HTML markup but with wildly different styles.
Hopefully this will inspire you to move away from tables and use CSS for primary layouts.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Can I access my photos/images through the Adobe website

I just installed Photoshop Elements and the Organizer on my PC. Can I access the images i created through the Adobe website? My PC is at the shop and I need to retrive an image for work.

Did you sync the photo to your photoshop.com account? If so, you can go to photshop.com, log in, and get to the photo that way.

Creating a website in AS3

I have been banging my head trying to figure out where the
objects for a AS3 website are stored that has an empty fla. Can
anyone clear this up for me, or at best point me to a tutorial that
explains how to create a website in AS3 this way. I understand
using .as files for a website.

For assets such as graphics, images, sound, and video you
have 2 main options. You can either put them onto the timeline of
the fla (i.e. embed them into the swf) or you can load them at
runtime.
For the timeline, you can drag and drop elements from your
file browser to the stage of the open fla. You will want to look
into making symbols, giving them instances names, and referencing
the instance names in your actionscript.
For loading assets at runtime you will want to look into the
loader class.
If you are looking for a book or tutorials, I would start
with the built in help in Flash. Start with the Using Flash
section.

Problem with fireworks images

Sometimes when look at my site from different computers my
fireworks image looks different. It sometimes has a colored
background and when it was created in fireworks it has a
transparent background. I am really frustrated as to why this is.
Can anyone help me?

On Tue, 28 Aug 2007 07:17:31 +0400, Murphy37
<[email protected]> wrote:
> And the png image created in Fireworks (that is the
logo) sometimes
> displays a grey background. Now I checked out the
article listed in the
> response below but it states that the problem shouldn't
exist if you use
> Fireworks to create the png.
There is the problem with PNG transparency and IE:
http://homepage.ntlworld.com/bobosola/
It is IE problem.
> I also tried to use a jpg as the format to save it
> in but then I get a white background.
JPEGs do not allow transparency, so forget about using JPEGs
for such a
cases.
Ilya Razmanov
http://photoshop.msk.ru -
Photoshop plug-in filters

How to make images look like live website for presentation?

I've created a website mockup in Photoshop and need to present them online to a client. I'm wondering if there's a simple app or technique of how I can "play" the images so they feel like they're scrolling up and down or page to page like a live website? No clicking necessary, but maybe a nice 60 second loop "movie" (?) of the images in the browswer so they get the feel of how things will flow from page to page. Any creative ideas or links of others that have done this? Cheers.

In the effects panel type "light" in the search box. This will bring up all the lighting effects in Pr. Adjusr/Lighting or Stylize/Strobe might work for you. There are a lot of adjustments you can key in until you find what suits your needs.

How to export Fireworks image to MS Sharepoint

I am building a SharePoint site and would like to know how to export the image I created in fireworks to SharePoint. As of right now, I can export the image to the SharePoint home page, but none of the links are in tact.
Can anyone tell me how to export the image I have created in Firework, along with the links, to the SharePoint home page???

You did not understand my question or do not have an understanding of SharePoint or Fireworks.
I am building an image on the home page of the SharePoint site. I need have the user click on sections of the image to take them to certain places within the SharePoint site. The image has been built. The links to the pages have been added to the images with rollovers, using Adobe Fireworks. I need to take that image, with the links and rollovers, and move that to my SharePoint home page.
As of right now I can only move the image, but the links and rollovers do not go with it. I have added it to a 'page viewer' web part on the Sharepoint, but all the actions take place just withing the page viewer web part, rather than moving the entire browser to the selected page.
Can anyone help with this?

Creating a website on Verizon Central

I am using Safari.
When attempting to build a web page using Sitebuilder on Verizon Central's web page, the Sitebuilder only displays the text coding of the site I am attempting to build and will not display the graphical user interface (GUI) or allow me to preview what the site will look like. When I attempt to do the
same thing on a Windows computer using Internet Explorer, Sitebuilder works fine.
Does anyone know how to get Safari to display the GUI so that I can build a website on Verizon Central using my Mac? I have popup blocker turned off.
Verizon Central is located at: http://netservices.verizon.net/portal/site/msa/
You create a website using the tab MY WEB SPACE.
Thanks for your help.
Rob

It would not be that unusual for such sitebuilder stuff to only work with Windows or at best with FireFox on the Mac. You might try the latter if you haven't already.

How can i create a website like this?

Hello Adobe Community
I've had this idea in my head for a while, but i cannot think of how to create it.
I think of creating a website with a very nice layout where you can purchase and submit your own ebooks to sell, and they need to be approved by an admin before it shows up on the website.
I have been thinking about this for some time but i don't have a clue on how to create a website like this and it must take a very long time.http://puu.sh/5Ki7Q.png
My idea: You can hover over the ebooks to get more information about them, you can see star rating and feedbacks / comments under the ebooks.
I need help with getting started on the right track, i don't know very much about Dreamweaver, but i am starting to get good at it. I know HTML and a little CSS.
I would really appreciate any help i can get.

Unless you have very strong coding skills with PHP & MySql, I think you could do most of this with WordPress and WordPress plugins for e-commerce, star ratings, lightbox viewer, reviews, etc...
Nancy O.

Can i create a website in iweb and convert it to wordpress?

Can I create a web site in iweb and then convert it to wordpress?

Yes, you can create a website in iWeb.
To convert the published pages, ANY webpage, to WordPress depends om your skills to do so.
Start here : http://www.google.com/search?q=convert+webpage+to+wordpress

How can I create a website on iweb if my operating system is leopard?

I'm trying to create a website using iweb. Everytime I try to open an account with mobileMe I can't because I guess mobileMe will no longer function after June 30 I think. Can I still open the account and publish a website since it's still May?

No. MobileMe stopped accepting new sign ups a long time ago in preparation for it no longer being here at the end of June. If you already have a MobileMe account, then you can continue to publish there until the end of June, but otherwise no.
You can still publish a website though, but just use a proper host such as GoDaddy or HostExcellence or a lot of the others that are out there.

System Image Utility - Create User - Activate Remote Management

When creating an image with system image utility, based on a DVD image instead of a cloned image, I cannot create a user and activate Remote Management.
I have created an installer package with Apple Remote Desktop that is supposed to do both, however it doesn't work. I do not get an error, but no user is created.
I have tried a post-install script however the dscl command is not recognized even if I put the path /usr/bin/dscl.
I even tried to use a popular package out there called "createUser" but that fails as well.
Has anyone had any luck with this when trying to make a moduler image with System Image Utility?
Message was edited by: NeedSomeAnswer

After configuring all the appropriate settings, I
push the "Create" button and it appears to start
working, prompts me for a location to save the actual
image itself, creates a folder with the default name
and then nothing happens.
ok here's the deal: i created a folder in my OSX server home directory labelled "images" and keep our multiple images there. although you CAN have your images on other drives or on the network, that would take a LOOOOOOOONG time to do the data transfer to the invisible netboot folder on your server. my advice: keep local copies of all images. save a ton of time for yourself, eh?
then, when it's time to use the system image suntility to load up an image, i go to that same location each time, call it up and have the app set to the prefs i want or need. i'm on 10.4.7 server and have had no problem using the software.
so try using images locally and then, if that doesn't work, upgrade to 10.4.7

Slicing Fireworks image to create a website?

Similar Messages

Maybe you are looking for