周欣然《网页设计技术与应用》第1章　网页设计基础 2013.pptVIP

网页设计技术与应用 信息科学与工程学院 周欣然 第1章 网页设计基础 1.1 网页及相关概念 1.2 网站开发流程 1.3 网页基本元素 1.4 Dreamweaver CS5 工作环境 1.1 网页及相关概念 3 静态网页与动态网页 1.1 网页及相关概念 4 网站的种类 功能差别 信息门户型网站 企业型网站 交易类网站 办公及政府机构网站 互动游戏网站 有偿资讯类网站 功能性网站 …… 1.1 网页及相关概念 5 Web服务器 1.2 网站建设基本流程 1 确立目标 2 规划网站 3 搜集资料 4 组织站点结构 5 选择合适的制作工具 6 页面制作 7 上传测试 8 推广宣传 9 维护更新 1.2 网站建设基本流程 1 确立目标 2 规划网站 3 搜集资料 4 组织站点结构 5 选择合适的制作工具 6 页面制作 7 上传测试 8 推广宣传 9 维护更新 1.2 网站建设基本流程 1 确立目标 2 规划网站 3 搜集资料 4 组织站点结构 5 选择合适的制作工具 6 页面制作 7 上传测试 8 推广宣传 9 维护更新 1.2 网站建设基本流程 1 确立目标 2 规划网站 3 搜集资料 4 组织站点结构 5 选择合适的制作工具 6 页面制作 7 上传测试 8 推广宣传 9 维护更新 1.2 网站建设基本流程 1 确立目标 2 规划网站 3 搜集资料 4 组织站点结构 5 选择合适的制作工具 6 页面制作 7 上传测试 8 推广宣传 9 维护更新 1.2 网站建设基本流程 1 确立目标 2 规划网站 3 搜集资料 4 组织站点结构 5 选择合适的制作工具 6 页面制作 7 上传测试 8 推广宣传 9 维护更新 1.2 网站建设基本流程 1 确立目标 2 规划网站 3 搜集资料 4 组织站点结构 5 选择合适的制作工具 6 页面制作 7 上传测试 8 推广宣传 9 维护更新 1.2 网站建设基本流程 1 确立目标 2 规划网站 3 搜集资料 4 组织站点结构 5 选择合适的制作工具 6 页面制作 7 上传测试 8 推广宣传 9 维护更新 1.2 网站建设基本流程 1 确立目标 2 规划网站 3 搜集资料 4 组织站点结构 5 选择合适的制作工具 6 页面制作 7 上传测试 8 推广宣传 9 维护更新 1.2 网站建设基本流程 1 确立目标 2 规划网站 3 搜集资料 4 组织站点结构 5 选择合适的制作工具 6 页面制作 7 上传测试 8 推广宣传 9 维护更新 1.3 网页基本元素 1 网站LOGO: 1.3 网页基本元素 4 版权信息、 ICP备案号 1.4 Dreamweaver CS5工作环境 1 Dreamweaver CS5的安装、启动 2 Dreamweaver CS5的工作环境 1.4 Dreamweaver CS5 工作环境 3 调整工作界面 改变工作视图 设计视图、代码视图、实时视图 显示、隐藏及改变面板的大小 在“窗口”菜单中，勾选或取消相应面板。 点击面板的标题或标签。 点击面板标题栏右侧的控制菜单，从弹出菜单中选择“关闭面板组”。 标尺、网格与辅助线 “查看”|“标尺”（或网格，或辅助线） 理解网页、网站相关概念 了解建站的基本步骤 明确网页基本构成元素 Dreamweaver CS5工作环境 * Web服务器 请求 index.htm 浏览器 (程序) http 回送 index.htm 1.1 网页及相关概念 1 网页 /index.htm 浏览中南大学网站过程 网页 1.1 网页及相关概念 网页： 用超文本标记语言（HTML）编写的文本文件，能被浏览 器解释并生成页面。 index.htm 1.1 网页及相关概念 2 网站（WebSite）： 展示特定内容的相关网页的集合。 网页间内容上有关联，形式上通过超链接联系。 网站首页（HomePage）： 主页，第一个页面， 文件名一般为index或default。封面、目录 首页 二级网页 二级网页 …… 三级网页 …… 二级