blob: bef37e29d564722986d9938b3e7c8249c52b9b8e [file] [log] [blame]
<?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>