预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共85页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

绘制切片并导出设置自由延伸表格创建链接本章中将要为一个虚拟的公司制作一个完整的网站,通过从网站构思到绘制,再到页面编辑等操作,深入掌握网站的制作流程,以及制作页面时的一些小技巧等。本例最终效果如图10-1所示。图10-1完成网站的制作10.1概述1.网站策划图10-3子页结构草图2.绘制网站3.创建站点图10-6选择图像文件夹图10-7创建新站点4.网站制作10.2绘制切片并导出图10-8按区域进行切片图10-9单独切出分割线和背景色图10-10导入切片10.3编辑首页图10-11启用“布局表格图10-12绘制布局表格图10-13绘制单元格图10-14在“扩展”模式下观察表格10.4插入图像内容图10-15插入图像图10-16标准模式下观察页面效果图10-17放置光标的位置图10-18选择背景图片图10-19在单元格内添回背景图像图10-20完成信息栏内背景图像的添加图10-21添加分割线图10-22完成图像的插入10.5设置自由延伸表格图10-23选中整个大表格图10-24设置表格的百分比图10-25选中最上方的两行代码图10-26选择文件类型图10-27设置右侧单元格的宽度百分比图10-28预览横向伸缩效果图10-29设置底边单元格的高度百分比图10-30预览页面10.6添加CSS样式图10-31新建CSS样式图10-32定义背景的重复模式图10-33应用CSS样式图10-34预览延伸效果图10-35输入正文图10-36预览首页10.7编辑二级页面并把它另存为模板图10-37绘制子页面图10-38生成子页面文档图10-39进入扩展模式图10-40预览子页面图10-41创建模板图10-42提示框图10-43保存模板图10-44设置光标的位置图10-45创建可编辑区域10.8利用模板生成其他子页面图10-46“选择模板”对话框图10-47在编辑区内输入正文图10-48预览用模板生成的子页面10.9创建链接图10-49选择图片图10-50为图片添加链接图10-51选择文字图10-52添加链接图10-53预览链接图10-54绘制矩形热区图10-55创建链接图10-56打开模板图10-57“更新模板文件”对话框图10-58完成所有基于模板的文件更新10.10添加链接属性图10-59选中标题图10-60创建空链接图10-61设置页面属性图10-62预览页面属性效果图10-63完成网站的制作10.11检查站点10.11.1设计备注图10-64填写设计备注10.11.2站点报告图10-65站点报告的结果图10-66根据报告修改文档小结