网页分析的报告.docVIP

高 校 艺 术 网 页 设 计 分 析 姓名 班级 学号： 学院：国际教育学院 一、网站设计 1.1、网站设计的意义 网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。 因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。 1.2、网站设计的目的 1通过综合实训进一步巩固，深化和加强学生的理论知识与专业技能 （1）、进一步熟悉和掌握网站建设的基本流程和技术规范； （2）、巩固运用Dreamweaver网页制作软件制作静态网页的知识； （3）、巩固综合运用Dreamweaver独立设计一个内容完整、图文并茂、技术运用得当的网站； （4）、具备独立撰写实训报告的基本能力； （5）、在网页设计的实践中培养分析问题、解决问题的能力，培养创新能力和团队意识； （6）、培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心； （7）、为今后从事网站开发、维护和管理奠定基础。 1.3、网站设计的任务 1、站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。 2、进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。 3、动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。 4、综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）。 5、网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。 1.4、网站设计的要求 1、站点结构与命名 （1）创建站点的名字统一使用学号后两位+姓名的第一个字母。要将站点目录明确分层，不能将内容都放在根目录下；不要使用中文目录；为每种类型文件都建立一个独立的目录。（例如images文件夹，可以再建子目录，但必须尽量少，以便于管理。）如图： （2）主页上最少有5个指向其它页面的电子链接 （3）网页数为10页以上，每一个网页的标题（title）必须包含本人的学号后两位和姓名 （4）网页（任意一个页面均可）中必须包含以下内容： ?使用flash动画（可用已有的素材） ?鼠标经过图像 ?下拉菜单或弹出菜单 ?锚链接和图片热点链接 ?使用CSS样式 二、网站主题 本网站以个人现在的大概情况介绍为主题，阐述喜好，表现本人的性格特点。 三、网站页面链接总图 四、综合知识的运用情况 4.1、表格与层的使用 （1）、表格的使用 设计网页时，插入表格的目的一般是为了能在网页中控制文字、图片在网页中的位置。利用表格可以实现不同的布局模式，而且可以保证当浏览器改变页面字体大小时保持页面布局不变，这是很重要的，因为网页设计者总是希望自己的作品能够真实地展现在浏览者面前，而利用表格可以确保这种效果。 （2）、层的使用 在这次网页设计过程中，使用了大量层，因为它灵活好用，可以随便拖动，变大变小都很方便。图层最大的特点是可以重叠，并且可以设置每个图层是否可见，同时也能自定义各图层之间的关系。 4.2、运用Photoshop工具 图片的插入和设置背景图像是两个不同的概念，当然可以达到相同的效果，这是很基本的知识运用，也用了很多次，但是当图像较小时在层中插入更方便些，因为作为背景时图片会重复出现造成混乱的局面，但图片过小时，用层将之拉宽大就会使图片变模糊、严重变形，不但没能美化页面反而带来了负面影响，此时最好借助Photoshop工具来编辑图片。文本的插入在层内或框架内完成较好，但不能设置为艺术字体，因此需要运用Photoshop工具来辅助完成，其实很多地方都可以用到Photoshop工具特别是一些要表现自己独特的思想和设计画面。 4.3、CSS样式 在我们浏览网页时，经常看到网页的导航条是由文字制作的。这是因为文字与图像相比，文字的下载速度更快一些。但加上连接的文字可能会改变它的颜色和样式，和网页整体不协调，所以这次网页设计中利用了ＣＳＳ样式来定义文字的统一样式，并与网页融为一体，让网页看以来更统一。 4.4、热点链