主讲教师：主讲教师：史文崇史文崇（副教授，硕士，（副教授，硕士，计算机应用技术教学部副主任）计算机应用技术教学部副主任）课课 程程 说说 明明课程名称：网页设计与网站建设课程名称：网页设计与网站建设开设本课程的意图开设本课程的意图关于上课时间安排关于上课时间安排总学时总学时：4646（26+2026+20）教材教材：无：无参考教材参考教材：1.1. 刘晓东刘晓东 DreamweaverDreamweaver 实用教程，中国铁道出版社，实用教程，中国铁道出版社，20032003 年版年版2.2. 胡晓映，网页制作胡晓映，网页制作 MxMx 中文版实用教程，中国铁道出版社，中文版实用教程，中国铁道出版社，20032003年版年版3.3. 任何任何 DreamweaverDreamweaver 软件与网页制作的相关书籍软件与网页制作的相关书籍上机安排：第上机安排：第 3-9,11-143-9,11-14 周每星期二周每星期二 1-21-2 节节 要求：要求：能建设技术含量较高的、规范的、实用的网站能建设技术含量较高的、规范的、实用的网站基本要求：基本要求：多记、多操作；按时完成作业（实验报告）多记、多操作；按时完成作业（实验报告） ；保证出勤。保证出勤。目目 录录第第 1 1 章章 网站开网站开发发基础知识基础知识第第 2 2 章章 DreaweaverDreaweaver、IEIE 界面界面第第 3 3 章章 站点的常规管理站点的常规管理站点管理器的使用站点管理器的使用第第 4 4 章章 网页基本元素的插入与属性设置网页基本元素的插入与属性设置第第 5 5 章章 超链接超链接第第 6 6 章章 图像操作图像操作第第 7 7 章章 表格操作表格操作第第 8 8 章章 网页的布局网页的布局第第 9 9 章章 表单操作表单操作第第 1010 章章 框架框架第第 1111 章章 层层第第 12 章章 时间轴（线）时间轴（线）第第 1313 章章 行为行为第第 1414 章章 样式与层叠样式表（样式与层叠样式表（CSSCSS）第第 15 章章 网站资源的管理与利用网站资源的管理与利用附录附录 1 1 FireWorksFireWorks 关于网页的操作关于网页的操作附录附录 2 2 网页动画设计网页动画设计FlashFlash 动画制作动画制作第一章第一章 网站开发基础知识网站开发基础知识网站开发应该考虑的因素：网站开发应该考虑的因素：1.1. 用户的需求与审美偏好用户的需求与审美偏好2.2. 用户的上网条件、客户端显示器的尺寸与分辨率用户的上网条件、客户端显示器的尺寸与分辨率3.3. 浏览器的品种与版本浏览器的品种与版本4.4. 与服务器端的沟通与协调与服务器端的沟通与协调5.5. 网站所有者自己的利益网站所有者自己的利益网页制作软件：网页制作软件：基本原理：使用基本原理：使用 HTMLHTML超文本标记语言。超文本标记语言。网页是纯文本（扩展名：网页是纯文本（扩展名：htmhtm 或或 htmlhtml、asp 等）格式的文件。等）格式的文件。1. 记事本；记事本；Word2. Frontpage3. 三铁盾：三铁盾：Golive、Photoshop、Livemotion5三剑客（三剑客（Flash、Fireworks、Dreamweaver）等）等网页制作涉及的知识与技术网页制作涉及的知识与技术：1.1. 客户端软硬件（浏览器与显示器）知识；客户端软硬件（浏览器与显示器）知识；2.2. 色彩知识；色彩知识；3.3. HTML+CSSHTML+CSS（层叠样式表）（层叠样式表） ；4.4. 图像处理（图像处理（PhotoshopPhotoshop、FireworksFireworks 等软件）等软件） ；5.5. 网页制作软件（网页制作软件（DreamweaverDreamweaver、FrontpageFrontpage 等）等） ；6.6. 社会人文因素（文化背景、审美、信息素养、民族习惯社会人文因素（文化背景、审美、信息素养、民族习惯） ；7.7. 基本的计算机操作系统与网络知识；基本的计算机操作系统与网络知识；8.8. 脚本语言（脚本语言（JavascriptJavascript、VBScriptVBScript、JscriptJscript 等）等） ；9.9. 数据库与数据库与 SQLSQL；10.10.服务器端运行环境。服务器端运行环境。静态网页与动态网页静态网页与动态网页静态：只显示文本、图片（可以是动态图片、动画）静态：只显示文本、图片（可以是动态图片、动画） 。主要涉及前六项知识与技术主要涉及前六项知识与技术（示例）（示例）动态：有交互、有自动控制、有客户端与服务器间的数据传输与反动态：有交互、有自动控制、有客户端与服务器间的数据传输与反馈，主要涉及后四项知识与技术核心，是数据库和馈，主要涉及后四项知识与技术核心，是数据库和 SQLSQL（示例）（示例）ASPASP（ActiveActive ServerServer PagesPages）：）：HTML+HTML+脚本语言脚本语言+ +服务器运行环境服务器运行环境网站开发流程网站开发流程1.1.进行网站需求分析：明确用户需求与特点进行网站需求分析：明确用户需求与特点2.2.进行网站规划：网站类型，风格、布局、导航、信息结构进行网站规划：网站类型，风格、布局、导航、信息结构3.3.创建站点：在本地个人机环境进行创建站点：在本地个人机环境进行4.4.网页设计：编辑网页设计：编辑 htmhtm、aspasp 等格式文件等格式文件5.5.网站美工：绘制、编辑图片、音视频文件网站美工：绘制、编辑图片、音视频文件6.6.申请域名：可以是免费空间或独立域名申请域名：可以是免费空间或独立域名7.7.发布站点：将站点全部内容上传至服务器发布站点：将站点全部内容上传至服务器8.8.网站维护：内容更新、安全监护等网站维护：内容更新、安全监护等设计欣赏设计欣赏http:/www.flyfishs.com/news.asp?id=4751http:/www.cg3000.com/html/cgAppreciation/Website/20070901/jingmeiguowaiwangyeshejixinshang_22448.shtmlhttp:/bbs.fevte.com/thread-3540-1-1.htmlhttp:/it.114study.com/webdesign/article427277.html俄罗斯：http:/www.999net.com/Design/CoolSite/200901/31126.htmlhttp:/www.design68.cn/blog/article.asp?id=85http:/www.zcool.com.cn/show/ZMTAwMTI=.htmlhttp:/www.52design.com/html/200905/design2009520114834.shtml韩国：http:/www.dramacenter.org/http:/ktci.co.kr/http:/www.e1orangecard.com/Default.aspxhttp:/www.atclub.co.kr/国内：破台门：http:/www.potaimen.com/甄瑞芳：http:/www.media848.com/vison/webdesign/2009-09-27/3615.htmlhttp:/www.k1982.com/design/152753.htm （返回）第二章第二章 DreaweaverDreaweaver、IEIE 界面界面DREAMWEAVERDREAMWEAVER 界面组成：菜单栏界面组成：菜单栏+ +工具栏工具栏+ +面板面板菜单栏：菜单栏：文件、编辑、查看、文件、编辑、查看、工具栏：工具栏：在工具栏空白处单击右键或利用在工具栏空白处单击右键或利用“查看查看”菜单选择打开。菜单选择打开。插入工具栏：有多种内容模式，一般使用常用模式。插入工具栏：有多种内容模式，一般使用常用模式。文档工具栏：用于控制网页文档的显示模式。文档工具栏：用于控制网页文档的显示模式。三种视图：代码视图、设计视图、双重（拆分）视图三种视图：代码视图、设计视图、双重（拆分）视图HTMLHTML超文本标记语言（超文本标记语言（HyperHyper TextText MarkupMarkup LanguageLanguage） 。一般使用设计视图，一般使用设计视图，DreamweaverDreamweaver 会自动翻译成会自动翻译成 HTMLHTML。HTMLHTML 的标记及其属性、属性值设置的标记及其属性、属性值设置标准工具栏：用于文件操作标准工具栏：用于文件操作新建、打开、保存等。新建、打开、保存等。编码工具栏：用于编辑编码工具栏：用于编辑 HTMLHTML 代码。在设计视图不可见。代码。在设计视图不可见。面板：通过面板：通过“窗口窗口”菜单打开。菜单打开。DREAMWEAVERDREAMWEAVER 界面控制界面控制1.1. 插入、属性面板的显示、隐藏、折叠、展开：窗口菜单操作插入、属性面板的显示、隐藏、折叠、展开：窗口菜单操作2.2. 标准、文档工具栏的显示、隐藏、移动：查看菜单操作标准、文档工具栏的显示、隐藏、移动：查看菜单操作3.3. 普通面板的显示、隐藏、折叠、展开、重组、移位普通面板的显示、隐藏、折叠、展开、重组、移位4.4. 标尺、网格线的使用：用于排列对齐。标尺、网格线的使用：用于排列对齐。通过通过“查看查看”菜单选项可显示或设置。菜单选项可显示或设置。5.5. DREAMWEAVERDREAMWEAVER 工作参数的修改工作参数的修改操作：编辑操作：编辑首选参数首选参数是否显示起始页：是否显示起始页：常规常规是否可使用连续空格：是否可使用连续空格：常规常规允许多个连续的空格允许多个连续的空格代码字号设置：代码字号设置：字体字体代码视图（字体代码视图（字体/ /大小）大小）状态栏：状态栏：状态栏状态栏连接速度连接速度（kbpskbps）文件操作文件操作新建网页新建网页：菜单：菜单/Ctrl+N/Ctrl+N/工具栏按钮工具栏按钮基本页基本页HTMLHTML 创建创建网页的保存、打开、关闭网页的保存、打开、关闭网页文件的扩展名：网页文件的扩展名：静态：静态：htmhtm、htmlhtml、shtmlshtml动态：动态：aspasp 等，纯文本文件等，纯文本文件网页的预览：网页的预览：操作：操作：按下按下 F12F12 / / 文件文件预览。不适于动态网页。预览。不适于动态网页。默认主浏览器为默认主浏览器为 IEIE。主、次浏览器（及其快捷键）的设置：主、次浏览器（及其快捷键）的设置：编辑编辑首选参数首选参数在浏览器中预览在浏览器中预览选中选中“利用临时文件预览利用临时文件预览” ，可不必保存网页。，可不必保存网页。IEIE 界面的控制界面的控制标准按钮的使用标准按钮的使用：停止、刷新：停止、刷新网页字符大小的调节网页字符大小的调节：查看：查看文字大小文字大小地址栏的构成地址栏的构成：协议：协议：/域名域名/ /文件夹文件夹/ /子文件夹子文件夹/网页文件名网页文件名窗口的最大化窗口的最大化：按：按 F11F11，可以隐藏标题栏、菜单