Slicing an image to be used in Dreamweaver html

It's been a long time since I used slicing images in Photoshop. It doesn't appear that Image Ready is there anymore. I use Photoshop CS3. I want to create a nav bar for an html email that will render correctly in Outlook 2007. It has been suggested that a sliced image could accomplish that. Is there a straightforward document that could walk me through the steps to accomplish this? Using the Photoshop "help" confuses the heck out of me.
The web version of the html email is: http://www.theshimogaproject.com/email/riverrun-guests-email.html

I'm honestly not sure what you are trying to do. The page as such could be perfectly taken and sent "as is". It doesn't seem to contain any of the usual problematic items that make MS' HTML rendering engine go whacko. In addition, it is so simple, you could convert a screenshot to a GIF and it would stil look okay. That aside, simply look up the knife tool and Save for Web and Devices in the help files when dealing with web content.
Mylenium

Similar Messages

Slicing an image to be used as a nav bar for html email

The html email that I've created renders as designed in most email clients. It doesn't in Outlook 2007. It was suggested that I slice an image for the nav bar so it displays horizontally as designed instead of vertically.
It's been a long time since I used slicing images in Photoshop. It doesn't appear that Image Ready is there anymore. I use Photoshop CS3. Is there a straightforward document that could walk me through the steps to accomplish this? Using the Photoshop "help" confuses the heck out of me and when I asked this question in the Photoshop forum, many looked at it but I've had no responses. Or could it be done in Dreamweaver somehow?
The web version of the html email is: http://www.theshimogaproject.com/email/riverrun-guests-email.html

You can't use DW to slice an image. Do you have Fireworks? It's really easy to do it in Fireworks, that's what I would use. If you need to use PhotoShop, a quick Google search, "slicing images in photoshop," return plenty of tutorials that you can choose from.

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

Image Preview not working in Dreamweaver CC

I recently switched from Dreamweaver CS5 to Dreamweaver CC and my images don't preview in Dreamweaver CC interface "Design" mode/tab at all. My images are hosted at an Adobe Scene7 URL that I know the image path is correct because it works when I preview using the image path URL.
I need to get these images to preview in Dreamweaver so that I can ad hotspot areas to them and also visualize what it looks like before making web pages live.

DW should automatically show you those files in Design View.
Unless you are using a firewall, that should not be checked. If you have not defined a site yet, that would never have come up to be checked.
Does View > Refresh Design View (F5) do anything for you?
What happens when you switch to Live View on the page(s) in question?

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

Background image Opacity reduce using tracingsrc not working in any browser

I want reduce Background image Opacity
I found very good optional on DW Cs4 under page properties Tracing Image
when I use this body tracingsrc = I can see on DW Perview Window but when i open same thing in any browser Its just white .
Plzz help me I am beginner in DW .
I have copy paste the html code .
if you know any other method for reducing background image opacity plz let me know thanks you
<!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=iso-8859-1">
<TITLE>
Font Tag
</TITLE>
</HEAD><body tracingsrc="photo/background/7-cosmos-photo-cosmos-flowers-wallpaper_1440x900.jpg" tracingopacity="40" tracingx="0" tracingy="0">
SOme Text here
</BODY>
</HTML>

I really had to look this one up before answering because I had never heard of that code and it is proprietary to Dreamweaver. The "tracing*" options are only for DW's design view to help you out when you code moving from graphics applications such as Photoshop, Fireworks, etc to DW. The code is not valid HTML so no browser will display this for you. You can find out more here:
http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7da9a.h tml

Use VBA and Excel to open Dreamweaver HTML (CS5), find and replace text, save and close

I wish to use VBA and Excel to programmatically open numbered Dreamweaver HTML (CS5) and find and replace text in the code view of these files, save and close them.
I have 5000 associations between Find: x0001 and Replace: y0001 in an Excel sheet.
I have the VBA written but do not know how to open, close and save the code view of the ####.html files. Please ... and thank you...
[email protected]

This is actually the code view of file ####.html that I wish to find and replace programmatically where #### is a four digit number cataloguing each painting.... In 1995 I thought this was clever... maybe not so clever now :>)) Thank you for whatever you can do Rob!
!####.jpg!
h2. "Name####"
Oils on acrylic foundation commercial canvas - . xx X xx (inches) Started
Back of the Painting In Progress </p> </body> </html>
Warmest regards,
Phil the Forecaster, http://philtheforecaster.blogspot.ca/ and http://phils-market.blogspot.ca/

I am getting a error IO when trying to upload multiple images within wordpress using the flash uploader. I do not get the error when uploading using explorer. The error only appears if I try uploading using firefox....any ideas?

I am getting a error IO when trying to upload multiple images within wordpress using the flash uploader. I do not get the error when uploading using explorer. The error only appears if I try uploading using firefox....any ideas?

Logged the call with SAP who directed me to 'Define settings for attachments' in IMG and setting the 'Deactivate Java Applet' & 'Deactivate Attachment versioning' checkboxes - problem solved.

How to obtain date of creation if image is obtained using getImage()

When Image is obtained using getImage() method , how to
obtain date of creation or another header value if image is
obtained using getImage method.

Actually, some formats do indeed have creation or modification dates built in. e.g. http://www.w3.org/TR/PNG-Chunks.html#C.tIME. (Of course since most programs save a new copy of the file every time, the two dates are the same.) However, just because formats have this data doesn't mean it's reliable or even present. Your best bet is to pass creation dates in an Applet param tag for applets (assuming you were referring to Applet.getImage()) or to parse out a filename from a classloader URL and use a File object to check (assuming you were instead referring to Toolkit.getImage(URL)). That's the best answer I have without knowing more about what you are trying to accomplish.

Error in importing image into SAP using SE78

Hi to all,
I was trying to upload a '.bmp" image into SAP using SE78 but I failed.
Se78 -> BMAP Bitmap Image -> Graphic -> Import -> Specified the complete path ->given name desc and type .
Ended up with the following message.
Graphic TRF_LOGO_REV could not be saved
(2TRF_LOGO_REV)
Pls. help as I am not sure whether I missed any step.
Thankx in advance.

Hi,
Go to SE78 Transaction ie Aministration of form graphics,
       there select GRAPHICS General Graphics,under this BMAP Bitmap Images will come.
       select that,then a sub window will appear.
There give the name of your logo and select the import button which is at the extreme left.
       Then again a sub window appears,there give the path name and name of the logo,and some description then press enter.
Now the logo is uploaded,for preview you can select last button which is print preview.
Now goto the form,select the window where you want to print the logo.
       Then in that window place the cursor at tag coloumn and select command line.
       Now go to INSERT and select GRAPHICS.A subwindow appers click on 'stored on Document Server',
       give the name of the logo and press enter.
       Then the image information will be displayed on the form.Save the form and activate it.
Go to se38 transaction write the print program and execute.
Regards,
jaya

How to add an image over another using af:image

How to add an image over another using af:image
Thanks,
Veera

i have a image which is black strip. i have added that to af:image
<af:image source="image1" id="image" />
on the black strip, i need to add company logo.
how to achieve it.
Thanks,
Veera.

I want to display BLOB image in JSP Using html tags IMG src=

GoodAfternoon Sir/Madom
I Have got the image from oracle database but want to display BLOB image using <IMG src="" > Html tags in JSP page . If it is possible than please give some ideas or
Send me sample codes for display image.
This code is ok and working no problem here Please send me code How to display using html tag from oracle in JSP page.
<%@ page import="java.sql.*" %>
<%@ page import="java.io.*" %>
<%@ page import="javax.swing.ImageIcon;" %>
      <%
        out.print("hiiiiiii") ;
            // declare a connection by using Connection interface
            Connection connection = null;
            /* Create string of connection url within specified format with machine
               name, port number and database name. Here machine name id localhost
               and database name is student. */
            String connectionURL = "jdbc:oracle:thin:@localhost:1521:orcl";
            /*declare a resultSet that works as a table resulted by execute a specified
               sql query. */
            ResultSet rs = null;
            // Declare statement.
            PreparedStatement psmnt = null;
              // declare InputStream object to store binary stream of given image.
               InputStream sImage;
            try {
                // Load JDBC driver "com.mysql.jdbc.Driver"
                Class.forName("oracle.jdbc.driver.OracleDriver").newInstance();
                    /* Create a connection by using getConnection() method that takes
                    parameters of string type connection url, user name and password to
                    connect to database. */
                connection = DriverManager.getConnection(connectionURL, "scott", "root");
                    /* prepareStatement() is used for create statement object that is
                used for sending sql statements to the specified database. */
                psmnt = connection.prepareStatement("SELECT image FROM img WHERE id = ?");
                psmnt.setString(1, "10");
                rs = psmnt.executeQuery();
                if(rs.next()) {
                      byte[] bytearray = new byte[1048576];
                      int size=0;
                      sImage = rs.getBinaryStream(1);
                    //response.reset();
                      response.setContentType("image/jpeg");
                      while((size=sImage.read(bytearray))!= -1 ){
            response.getOutputStream().write(bytearray,0,size);
            catch(Exception ex){
                    out.println("error :"+ex);
           finally {
                // close all the connections.
                rs.close();
                psmnt.close();
                connection.close();
     %>
     Thanks

I have done exactly that in one of my applications.
I have extracted the image from the database as a byte array, and displayed it using a servlet.
Here is the method in the servlet which does the displaying:
(since I'm writing one byte at a time, it's probably not terribly efficient but it works)
     private void sendImage(byte[] bytes, HttpServletRequest request, HttpServletResponse response) throws IOException {
          ServletOutputStream sout = response.getOutputStream();
          for(int n = 0; n < bytes.length; n++) {
               sout.write(bytes[n]);
          sout.flush();
          sout.close();
     }Then in my JSP, I use this:
<img src="/path-to-servlet/image.jpg"/>
The name of the image to display is in the URL as well as the path to the servlet. The servlet will therefore need to extract the image name from the url and call the database.

Fedex can only be used with dreamweaver using metric, not pounds (lbs)

Fedex can only be used with dreamweaver using metric, not pounds (lbs), evidently?
This as per their tier 2 tech suport.
They say I should just convert to metric, no joke!
Any ideas would be greatly appreaciated?
Also a warning to anyone thinking of using business catalyst for their site, sorry, their business.
Their note to me:
Your request (# 82816) has been solved. To reopen this request, reply to this email or go to the Help & Support page.
              Silviu Ghimposanu (Adobe Business Catalyst Support)
              Apr 14 15:23
    Thanks for contacting us Michael
Our engineering team has detected some problems when doing weight conversions (from the quantities entered in the interface to what’s used when making the API calls to FedEx) -
He have added this to our internal bug tracker to be fixed for one of the future releases.
    I realise that this might not be what you wanted to hear,but at this moment we do't have a workaround in order to send the
dimensions in pounds and not in KG
    Sorry for this inconvenience!
Kind regards,

If you're in US it will be in pounds. If your site is set any other country
in the rest of the world it will be metric. So BC or as you call it
Dreamweaver will look at the site country, which you set when creating the
site

Display the images in excel using jsp

Hi
I am unable to display the images in excel using jsp. I can display the data. but cannot display the images. It is simply showing the icon without the image. Is there any way to display the images. Pls give some sample code to display the images in excel.
Thanks in advance.

Presumably whoever created the images in that Excel document just put links to somewhere on their hard drive. Those links don't mean anything when you put the document on somebody else's computer, which is what you are doing. At least, that is my guess.
You could spend some time looking at the Excel file to see how the images were put in there. Or you could ask the person who put the images in there.

Can I attach a link to one image and then use that linked image multiple times in my site?

Hi,
Is it possible to attach a link to an image and then use that image (with link attached) multiple times in my site.
Thanks,
Ally

Use 'Find and Replace'>under the 'Edit' menu.
Select from 'Find in'- Folder and browse to the folder your website files are kept in to select it.
Search: Source Code
In the Find box (but obviously use YOUR image code):
<img src="images/imageName.jpg" width="200" height="200" alt="" />
In the Replace box: (use YOUR link and image code)
<a href="yourLink.html"><img src="images/imageName.jpg" width="200" height="200" alt="" /></a>
Then select 'Replace All'

Slicing an image to be used in Dreamweaver html

Similar Messages

Maybe you are looking for