| <?xml version="1.0" encoding="utf-8"?> | |
| <!--Arbortext, Inc., 1988-2005, v.4002--> | |
| <!DOCTYPE task PUBLIC "-//OASIS//DTD DITA Task//EN" | |
| "task.dtd"> | |
| <task id="tstylesheet" xml:lang="en-us"> | |
| <title>Creating cascading style sheets</title> | |
| <shortdesc>Cascading style sheets enable you to define a consistent look and | |
| feel throughout your Web site by maintaining the contents (Web pages) and | |
| the design (the style sheet) separately.</shortdesc> | |
| <prolog><metadata> | |
| <keywords><indexterm>style sheets<indexterm>creating</indexterm></indexterm> | |
| </keywords> | |
| </metadata></prolog> | |
| <taskbody> | |
| <context>To create a new cascading style sheet:</context> | |
| <steps> | |
| <step><cmd>Create a static or a dynamic Web project if you have not already | |
| done so.</cmd></step> | |
| <step><cmd>In the Project Explorer, expand your project and right click on | |
| your WebContent folder or on a subfolder under WebContent. </cmd><info>Note | |
| that if you choose any other folder in which to create the CSS file, then | |
| it will not be included in the WAR file that is deployed to the server. </info> | |
| </step> | |
| <step><cmd>From the context menu, select <menucascade><uicontrol>New</uicontrol> | |
| <uicontrol>Other</uicontrol><uicontrol>Web</uicontrol><uicontrol>CSS</uicontrol> | |
| </menucascade>.</cmd><stepresult>The New Cascading Style Sheet window appears | |
| with your folder selected</stepresult></step> | |
| <step><cmd>Type a file name into the File name field, making sure you include | |
| a css extension in the file name.</cmd></step> | |
| <step><cmd> You have several options for proceeding:</cmd> | |
| <choices> | |
| <choice>To accept the defaults associated with a new CSS file, select <uicontrol>Finish.</uicontrol></choice> | |
| <choice> To use a template file for the initial content of your CSS file, | |
| select <uicontrol>Next</uicontrol>. The Select CSS Template window appears. | |
| Select the <uicontrol>Use CSS Template</uicontrol> check box, and then select | |
| one of the sample templates. You can also select the <uicontrol>CSS Templates</uicontrol> link | |
| to add or remove HTML templates to your list of templates.</choice> | |
| </choices> | |
| </step> | |
| </steps> | |
| </taskbody> | |
| </task> |