(实验教学大纲模板.docVIP

课程代码： ?网页设计基础 Fundations of Webpage Design 学分：3.5 总学时：56 理论学时：30 实验学时：26 一、实验教学目标 本门课程注重培养学生制作网页的操作能力、实践能力。主要介绍与网页设计制作有关的知识、基本技术、创建和管理网站、CSS基础知识、CSS+DIV布局网页，培养学生具有制作一般标准商业网站的能力。同时，使学生掌握可视化网站开发工具Dreamweaver的使用，使学生完成本课程的学习后，可以自己设计美观、实用的静态网站。 二、实验教学基本要求 1．在整个实验教学过程中，要教育学生养成良好的实验习惯，爱护公共财产、遵守安全制度，树立优良的学风。 2．通过本实验的基本训练，要求学生做到： （1）能够自行完成设计一个用CSS+DIV布局企业网站。 （2）能够熟练使用dreamweaver、photoshop等的网页开发工具。 （3）掌握制作网页的基本技巧。 三、实验教材或实验指导书 1．使用教材 温谦 编著．网页制作综合技术教程．北京：人民邮电出版社，2009． 2．主要参考书 （1）前沿科技 曾顺 编著．精通CSS+DIV网页样式与布局．第1版．北京：人民邮电出版社，2007. （2）贾素玲, 王强主编HTML网页设计清华大学出版社 五、实验项目设置 序号 实验项目名称 实验学时 实验类型 实验要求 主要设备(用品) 台（套）数 1 认识HTML 2 设计 必开 2 HTML中文本和图像设计 2 设计 必开 3 HTML超链接、框架练习 2 设计 必开 4 网页中表格设计 2 设计 必开 5 表单练习1 2 设计 必开 6 表单练习2 2 设计 必开 7 用模板技术制作简单网站 2 综合 必开 8 用CSS控制网页文本和图像 2 设计 必开 9 用CSS设置链接与导航菜单 2 设计 必开 10 用CSS设置表格和表单样式 2 设计 必开 11 用CSS+DIV设计网页综合实例一 2 综合 必开 12 用CSS+DIV设计网页综合实例二 2 综合 必开 13 用Photoshop设计网页效果图 2 综合 必开 六、实验内容与实验方式 实验一 认识HTML 实验目的: 实验内容: 用记事本书写第一个网页，并保存，浏览。 熟悉Dreamweaver 的工作界面。 创建网页及保存到指定路径。 在网页中插入普通文本。 在网页中插入特殊文本。 对插入的文本进行格式化。 熟悉Dreamweaver属性面版。 查看网页源代码。 实验二 HTML中文本和图像设计 实验目的: 实验内容: 在网页中使用pbr标记排版文字。 在网页中使用fontiu等文字排版工具制作简单网页。 在网页中用img标记在网页中插入图像。 在网页中使用ulliol等列表标签。 实验三 HTML超链接、框架练习 实验目的: 实验内容: 创建文本和图片链接。 创建电子邮件链接。 创建锚点链接。 链接效果的编辑。 创建站点的方法。 站点的管理方法。 创建个人网站，保存到指定路径。 注意网站中的图片放到一个文件夹下。 实验四 网页中表格设计 实验目的: 实验内容: 在网页中插入表格。 表格单元格的合并。 用表格布局网页。 实验五 表单练习1 实验目的: 实验内容: 在静态网页中建立表单，练习method=get递交方法。 建立动态的提交页面，初步认识动态网页与静态网页的区别。 初步认识架设iis服务器。 在静态网页中建立表单，练习method=post递交方法。 在静态网页中建立表单，练习客户端JavaScript验证方法。 实验六 表单练习2 实验目的: 实验内容: 在静态网页中用表单设计注册页面。 练习文本框、密码框、单选按钮、复选按钮、下拉列表、多行文本、普通按钮、提交按钮、重设按钮、文件域等表单元素的用法。 理解每个表单元素常用属性及事件的含义。 实验七 用模板技术制作简单网站 实验目的: 实验内容: 用Dreamweaver较复杂网页。 网页用表格布局。 网页中要求包括超链接、图片。 注意文字的排版，以及文字与图片的混排。 用模板技术制作网站中公共部分。 实验八 用CSS控制网页文本和图像 实验目的: 实验内容: CSS样式的创建。 CSS样式的管理。 不同CSS选择器的使用。 用CSS控制网页元素。 常用CSS属性的使用。 实验要求: 实验九 用CSS设置链接与导航菜单 实验目的: 实验内容: 用CSS控制超链接效果。 用CSS样式控制UL、li标签。 float属性的使用，导航菜单的制作。 实验十 用CSS设置表格和表单样式 实验目的: 实验内容: 用CSS控制表格效果。 用CSS样式控制表单