《网页设计与制作》综合实训指导书.docx

《网页设计与制作》综合实训指导书 1.1　实训意义 网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计 划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论 知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教 学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。因此，加强实践教 学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。 1.2　实训目的 1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。 掌握规划网站的内容结构、目录结构、链接结构的方法。 熟练掌握网页制作软件 Dreamweaver CS4 的基本操作和使用技能。 掌握页面的整体控制和头部内容设置的方法。 熟练掌握网页页面布局的各种方法。 熟练掌握在网页中输入、设置标题和正文文字的方法。 熟练掌握用 Photoshop 制作和处理网页的图片素材，用 Flash 制作动画的方法。 熟练掌握在网页中插入图像、flash 动画、背景音乐的方法。 掌握建立各种形式超级链接的方法。 掌握表单网页制作方法。 掌握网页特效的制作方法。 掌握网站测试的方法。 ．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学 会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、网页特效等。 ．培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力 及其基本工作素质。 ．培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树 立自信心。 ．训练和培养团队协作精神和共同开发网站的综合能力。 1.3　实训要求 1．动手制作网页之前： 1) 必须认真做好网站的需求分析，包括市场调查，定位网站目的，策划好网站 的主题及功能定位，创意出网站的风格和亮点，确定网页色彩基调。 2) 规划好网站的风格和结构，网站主要内容及板块，各板块的具体内容及功能。 做出“网站层次结构图” 参照附表 1-1 以及“网页版面设计图” 参照附表 1-2。 3) 根据指定的网站主题书编写《***网站策划书》参照附表 1-3。 2．创建完善的目录结构。 站点文件夹为班级学号组号(如：11 应用（01）班 01 组) 站点文件夹中所包含文件夹：Images （存放图片文件） wf（存放动画文件） emplates（存放模版文件） Library （存放库文件） other（存放其它文件） 源文件 （存放自己设计的图形、动画文件） 其余视文件夹需要而添加，全部用英文命名 站点文件夹中所包含文件： index.html（首页） *.css （样式表文件） 其余文件名视需要而添加，全部用英文命名 (各组将站点文件夹压缩上交，压缩文件不要超过 20M，大的影音文件不要放在 压缩在文件里) ．制作网页前，收集好所需的文字资料、图像资料、网页特效。用 Photoshop 制作 和处理网页所需的图片、用 Flash 制作网页所需的动画。主要图片和动画为原创（保存有 源文件），主页标题图片（动画）必须为原创。 ．所创建的网站至少包括 8 个以上页面，分为三层，第一层为首页，第二层为 4 个 二级子页，第三层为 2-3 个内容页。网页中必须要用到 CSS 以及 DIV 技术实现网页元素的 修饰及布局。网站页面大小应该满足至少 800*600 分辨率。 1) 首页采用表格或 CSS+DIV 进行布局，必须包含导航栏，显示时间特效； 2) 4 个二级子页分别为框架网页、表单网页，并有进行表单验证及提交的程序、利 用模板制作的网页、利用布局表格制作的网页。 内容页分别为表格或 CSS+DIV 布局的网页。 网站页面中特效要求利用 Javascrip 脚本语言+CSS+DIV 实现包含至少使用任何 1 种以上特殊效果：滚动字幕和图片、flash 按钮、浮动广告、特效菜单等。应用 JavaScript 制作特效的网页、应用行为制作特效的网页。 各个页面根据需要插入合适的图像和 Falsh 动画，首页要求插入背景音乐。 所有页面要求内容充实、布局合理、颜色搭配协调、美观大方。 各个页面之间导航清晰、链接准确无误。 ．网页的版面尺寸应用符合网页设计的规范，网站中所有文件、文件夹的命名应规范， 尽量做到字母数量少，见名知意、容易理解。 ．实训过程中既要虚心接受老师的指导，又要充分发挥主观能动性、独立思考、努力 钻研、勤于实践、勇于创新。 ．在设计过程中，要严格要求自己，树立严密、严谨的科学态度，必须按时、保质、 保量完成实训任务。要求独立完成规定的实训内容，不得弄虚作假，不准抄袭或拷贝他人 的网页或其他内容。 ．小组成员之间，既要分工明确，又要密切合作，培养良