User Tools

Site Tools


webdesign:htmloptionsforslices

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
webdesign:htmloptionsforslices [2014/05/18 14:53] – [HTML OPTIONS SLICES] adminwebdesign:htmloptionsforslices [2022/10/29 16:15] (current) – external edit 127.0.0.1
Line 1: Line 1:
 +====== HTML Options Slices ======
 +Refer: http://helpx.adobe.com/photoshop/using/html-options-slices.html
 +===== Display the Slice Options dialog box =====
 +Do one of the following:
 +  * Double-click a slice with the Slice Select tool . (If the tool isn’t visible, hold down the Crop or Slice tool.)
 +  * With the Slice Select tool active, click the Slice Options button  in the options bar. This method is not in the Save For Web & Devices dialog box.
 +===== Specify a slice content type =====
 +You can specify how the slice data appears in a web browser when exported with an HTML file. The available options vary according to the slice type you select.
  
 +  * Image slices contain image data. This is the default content type.
 +  * No Image slices let you create empty table cells that can be populated with text or a solid color. You can enter HTML text in a No Image slice. If you set the “Text is HTML” option in the Save for Web & Devices dialog box, the text is interpreted as HTML when viewed in a browser. Slices of type No Image aren’t exported as images and can be previewed in a browser.
 +
 +Note: Setting options for an auto slice promotes the slice to a user slice.
 +  - Select a slice. If you are working in Photoshop, double-click the slice with the Slice Select tool to display the Slice Options dialog box.
 +  - In the Slice Options dialog box, select a slice type from the Type pop‑up menu.
 +===== Rename a slice =====
 +Select a slice and double-click the slice with the Slice Select tool to display the Slice Options dialog box. In the Slice Options dialog box, type a new name in the Name text box.
 +
 +Note://The Name text box is not available for **No Image** slice content.//
 +
 +===== Choose a background color for a slice ======
 +
 +You can select a background color to fill the transparent area (for Image slices) or entire area (for No Image slices) of the slice.
 +
 +Photoshop does not display the selected background color—you must preview the image in a browser to view the effect of selecting a background color.
 +  - Select a slice. If you are working in the Photoshop Save For Web & Devices dialog box, double-click the slice with the Slice Select tool to display the Slice Options dialog box.
 +  - In the Slice Options dialog box, select a background color from the Background Color pop‑up menu. Select None, Matte, White, Black, or Other (using the Adobe Color Picker).