企业宣传网站设计

《企业宣传网站设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实验实例：企业宣传网站设计一、引导页结构制作1、在“DreamweaverMX2004”快捷面板中选择“创建新项目>HTML”选项，创建新HTML文档单击属性面板中的“页面属性”按钮，在弹出的“页面属性”对话框中设置字体大小为9pt，文本颜色为白色（#FFFFFF），背景颜色为黑色（#000000），背景图像为bg.gif（图像名称前需要加入路径），左、右、上、下边距均为0像素；2、在“分类”区域选择“链接”选项，右侧则显示链接相关选项，在其中设置链接颜色和已访问链接为白色（#FFFFFF），变换图像链接为黄色（

2、#FFFF00），设置下划线样式为“仅在变换图像时显示下划线”；3、设置完成单击“确定”按钮，按下“文档”面板上的“拆分”按钮，在代码显示窗口可以看到刚才在“页面属性”面板中的设置项，已经转换为CSS样式表显示在源代码中，代码显示为：4、在“文档”面板的标题文本框中输入文字“悟

4、嘉琥珀”，按Enter键后标题会自动显示在标题栏；5、执行“文件>保存”命令，保存文件为index.htm；6、根据网页的内容，使用表格来布局网页。单击“常用”面板上“表格”按钮，插入7行1列，宽度为100%，边框粗细为0像素，单元格边距和单元格间距均为0的表格，设置完成后单击“确定”按钮，在网页中插入表格；7、在第1行单元格内插入1行2列，宽度为300像素，边框粗细为0的嵌套表格。在嵌套表格的左侧单元格内单击鼠标左键，使光标定位单元格内。单击“常用”面板上的“图像”按钮，在“选择图像源文件”对话框中“查找范围”

5、下拉列表下选择网站根目录下的images文件夹，并选中图像“coffee.gif”单击“确定”按钮插入图像。在右侧单元格内输入网站英文广告语“Enjoylife,enjoyyourself……”；8、把光标定位在第2行单元格内，在单元格属性面板中设置单元格内容居中对齐，在“垂直”列表中选择“底部”选项，使单元格内容位于单元格底部，高为360像素；9、设置完单元格属性，单击“常用”面板上的“Flash”按钮，在“选择Flash文件”对话框中选择“logo.swf”文件，单击“确定”按钮插入Flash制作的标识文件；

6、10、空出第3行，把光标定位在第4行单元格内，设置单元格居中对齐、底部垂直、高为50，在单元格内插入图像“woja.gif”。11、把光标定位在第5行单元格内，设置单元格居中对齐、底部垂直。按Shift+Enter键回行，再按步骤11插入Flash文件“bottom.swf”；12、选中第6行单元格，在属性面板中选择“拆分单元格为行或列”按钮，在弹出的“拆分单元格”对话框中，选择“列”单选框并在“列数”文本框中输入3单击“确定”按钮把单元格分为3列。13、同样方法拆分第7行单元格为3列。选中第6行、第7行左侧两个

7、单元格，单击属性面板中的“合并所选单元格”按钮；14、选择左侧单元格，在属性面板中设置宽为57%，高为130，右对齐，垂直列表选择“顶端”。在单元格内输入文字“进入网页”，在此属性面板中的链接文本框内输入链接下级网页的路径及名称，并以此做为网站的入口。虽然在制作Flash企业标识时已做了进入下级网页的链接，但为了使浏览者更容易找到网站入口，还需要加注一个明显提示。15、选中第7行中间的单元格，在属性面板中设置宽为42%，右对齐，垂直列表选择“底部”。在单元格内输入网站的版权信息和制作单位；16、为了使网页在102

8、4×768分辨率浏览网页时，全屏显示，需要再次选中表格，在属性面板中设置表格高为100%。通常网页内容比较少且不能充满一屏时则会用到高度的设置。到此，引导页的基本结构就完成了，按Ctrl+S保存网页并按F12在浏览器中浏览。二、引导页鼠标跟随效果1、单击“文档”面板中的“代码”按钮，切换到代码视图模式下。在标签内插入如下代码：