东南大学计算中心 网站应用与实践 主讲人 吴俊

2 东南大学计算中心 网站制作流程  确定主题、风格  规划栏目、收集素材  版面设计、配色  编辑页面  测试发布 FrontPage 要完成的任务

3 东南大学计算中心 建立站点  自下而上式： 先建立各网页，然后再组合成网站  自上而下式： 先组织好网站结构，再分别设计网页

4 东南大学计算中心 自上而下建立站点  建立文件、文件夹  建立导航  当已在导航视图中添加了新的网页后，如果需要调整网页之间的 关系可以拖动它们，把它们连接到不同的页。也可以从导航视图 重新把新建的网页连接到不同的页，还可以重新命名或删除已经 有的网页。

5 东南大学计算中心 网页的制作  页面格式的设置  表格的使用  其它页面元素

6 东南大学计算中心 页面格式的设置  页边距  标题  设置网页背景  主题

7 东南大学计算中心 表格的使用  表格、行、列、单元格的添加和删除  设置表格属性  设置单元格属性  合并拆分单元格 设置表格或单元格宽度和高度时的单位： 像素、百分比 表格和单元格的边框是不同的 设置表格或单元格宽度和高度时的单位： 像素、百分比 表格和单元格的边框是不同的 红色为表格边框 蓝色为单元格边框

8 东南大学计算中心 表格的使用 表格行、列、单元格的插入、删除、合并 以及属性与其它 Office 家族一样，只是要 注意其中的两个属性： 单元格衬距 单元格间距 单元格 文字

9 东南大学计算中心 表格的作用  显示数据  排版：页面的分栏、文字的环绕等等  随着 DIV+CSS 技术在网页中的广泛使用， 现在的表格又将退为单一的显示数据作用， 但表格在排版上有时比 DIV 简单，所以现在 一般是两者结合使用。

10 东南大学计算中心 页面元素  图片  超链接  Web 组件：字幕  水平线  列表

11 东南大学计算中心 动态模板的使用 什什么是动态 Web 模板？ ““ 动态 Web 模板 ” 是用户创建的基于 HTML 的网页母版，包含网页中可以被修改的设 置、格式设置和网页元素（例如文本、图 形、页面布局、样式和区域）。您可以为 网站中的网页应用 “ 动态 Web 模板 ” ， Web 模板会定义这些网页的布局。

12 东南大学计算中心 动态模板的使用 如如何创建动态 Web 模板？ 像像设计一般网页一样设计页面元素 将将文件保存类型设置为 “ 动态 Web 模板 ” 并 保存 添添加 “ 可编辑区 ” 允许在应用模板的网页中进行 编辑的区域，是必须的

东南大学计算中心