正在加载图片...
步骤1新建一个本地站点,站点内新建两个子文件夹,images和CSS,将图像素材保 存到images文件夹。新建一个网页,保存为index.him 步骤2页面属性的设置:单击“属性”面板中的“页面属性”按钮,在“页面属性” 对话框中,设置背景图像:images/bg.jpg,页边距均为0,设置字体大小为12像素,字体颜 色为灰色(#666666)。 步臻3在“CSS样式”面板中,单击“新建CSS规则”按钮,弹出“新建CSS规则” 对话框,选择器类型:高级,“选择器” 文本框中输入mg01(这个区域用于放置图像 定义在:“新建样式文件”,保存样式文件在cs文件夹中,命名为main.css。弹出“#images01 的CS$规则定义”对话框,单击“方框”选项卡,宽度为200像素,浮动为左对齐,填充 均为3像素,边界:上为50像素,左为30像素,右和下均为30,选择“区块”选项卡, 文本对齐:居中。 步骤4新建一个#选择器样式,定 在四 cs文件 ntent的Css 规则定义”对话框,单击“类型”选项卡,行高为20像素,单击“区块 选项卡,文本 进:20像素,单击“方框”选项卡,宽度:600像素,填充均为30像素,边界:上为200 像素,左为320,右和下均为30。 步骤5重定义标签H1:单击“类型”选项卡,字体大小24像素,行高35像素,粗 细为特粗,颜色为深绿色009900. 步骤6重定义标签 单击“方框”选项卡,填充均为3,边框均设置:样式:实 线,宽度1像素,颜色为灰色(#999999) 步骤7插入两个DIV标签,ID分别为image01和content,.然后在image01中插入两 幅图像,在content中输入文本,完成。 dropshadow,参数设置DropShadow((Color=-#000000,off=2,offy-2,Positive=45),可以设置为 不同的参数效果不同。 步骤2插入一个表格,在单元格中输入文字,选中单元格,在“属性”面板中选择类: dropshadow 魔3新建一个 eo,参数设置:为Glo((Colorm0,Strength-,然后在单元 格中输入文本,选中单元格,套用类的样式。 步骤4新建一个类wave,参数设置为:Wave(Add-0,Freg=5, LightStrength=-5,strength=-5),插入图像,选中图像套用类样式。 步骤5新建一个类chroma,参数设置为:Chroma(Color=#f0000),插入图像,选中图 像套用类样式。页 步骤 1 新建一个本地站点,站点内新建两个子文件夹,images 和 CSS,将图像素材保 存到 images 文件夹。新建一个网页,保存为 index.htm。 步骤 2 页面属性的设置:单击“属性”面板中的“页面属性”按钮,在“页面属性” 对话框中,设置背景图像:images/bg.jpg,页边距均为 0,设置字体大小为 12 像素,字体颜 色为灰色(#666666)。 步骤 3 在“CSS 样式”面板中,单击“新建 CSS 规则”按钮,弹出“新建 CSS 规则” 对话框,选择器类型:高级,“选择器”文本框中输入#image01(这个区域用于放置图像), 定义在:“新建样式文件”,保存样式文件在 css 文件夹中,命名为 main.css。弹出“#images01 的 CSS 规则定义”对话框,单击“方框”选项卡,宽度为 200 像素,浮动为左对齐,填充 均为 3 像素,边界:上为 500 像素,左为 30 像素,右和下均为 30,选择“区块”选项卡, 文本对齐:居中。 步骤 4 新建一个#content 选择器样式,定义在 main.css 文件。弹出“#content 的 CSS 规则定义”对话框,单击“类型”选项卡,行高为 20 像素,单击“区块”选项卡,文本缩 进:20 像素,单击“方框”选项卡,宽度:600 像素,填充均为 30 像素,边界:上为 200 像素,左为 320,右和下均为 30。 步骤 5 重定义标签 H1:单击“类型”选项卡,字体大小 24 像素,行高 35 像素,粗 细为特粗,颜色为深绿色 009900。 步骤 6 重定义标签 img:单击“方框”选项卡,填充均为 3,边框均设置:样式:实 线,宽度 1 像素,颜色为灰色(#999999) 步骤 7 插入两个 DIV 标签,ID 分别为 image01 和 content,然后在 image01 中插入两 幅图像,在 content 中输入文本,完成。 (3) 在网页中添加 CSS 扩展效果:滤镜 步骤 1 新建一个类 dropshadow,单击“扩展”选项卡,在“滤镜”下拉列表中选择 dropshadow,参数设置 DropShadow(Color=#000000,offx=2,offy=2,Positive=45),可以设置为 不同的参数效果不同。 步骤 2 插入一个表格,在单元格中输入文字,选中单元格,在“属性”面板中选择类: dropshadow。 步骤 3 新建一个类 glow,参数设置为:Glow(Color=#ffff00, Strength=5),然后在单元 格中输入文本,选中单元格,套用类的样式。 步骤 4 新建一个类 wave,参数设置为:Wave(Add=0, Freq=5, LightStrength=5,strength=5),插入图像,选中图像套用类样式。 步骤 5 新建一个类 chroma,参数设置为:Chroma(Color=#ff0000),插入图像,选中图 像套用类样式
<<向上翻页
©2008-现在 cucdc.com 高等教育资讯网 版权所有