网页分析报告

《网页分析报告》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、高校艺术网页设计分析姓名班级学号：学院：国际教育学院9一、网站设计1.1、网站设计的意义网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。1.2、网站设计的目的1通过综合实训

2、进一步巩固，深化和加强学生的理论知识与专业技能（1）、进一步熟悉和掌握网站建设的基本流程和技术规范；（2）、巩固运用Dreamweaver网页制作软件制作静态网页的知识；（3）、巩固综合运用Dreamweaver独立设计一个内容完整、图文并茂、技术运用得当的网站；（4）、具备独立撰写实训报告的基本能力；（5）、在网页设计的实践中培养分析问题、解决问题的能力，培养创新能力和团队意识；（6）、培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心；（7）、为今后从事网站开发、维护和管

3、理奠定基础。1.3、网站设计的任务1、站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。2、进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。3、动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。94、综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）。5、网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动

4、画是否丢失等。1.4、网站设计的要求1、站点结构与命名（1）创建站点的名字统一使用学号后两位+姓名的第一个字母。要将站点目录明确分层，不能将内容都放在根目录下；不要使用中文目录；为每种类型文件都建立一个独立的目录。（例如images文件夹，可以再建子目录，但必须尽量少，以便于管理。）如图：（2）主页上最少有5个指向其它页面的电子链接（3）网页数为10页以上，每一个网页的标题（title）必须包含本人的学号后两位和姓名（4）网页（任意一个页面均可）中必须包含以下内容：l使用flash动画（可用已有的素材）l

5、鼠标经过图像9l下拉菜单或弹出菜单l锚链接和图片热点链接l使用CSS样式二、网站主题本网站以个人现在的大概情况介绍为主题，阐述喜好，表现本人的性格特点。三、网站页面链接总图9四、综合知识的运用情况4.1、表格与层的使用（1）、表格的使用设计网页时，插入表格的目的一般是为了能在网页中控制文字、图片在网页中的位置。利用表格可以实现不同的布局模式，而且可以保证当浏览器改变页面字体大小时保持页面布局不变，这是很重要的，因为网页设计者总是希望自己的作品能够真实地展现在浏览者面前，而利用表格可以确保这种效果。（2）、

6、层的使用在这次网页设计过程中，使用了大量层，因为它灵活好用，可以随便拖动，变大变小都很方便。图层最大的特点是可以重叠，并且可以设置每个图层是否可见，同时也能自定义各图层之间的关系。4.2、运用Photoshop工具图片的插入和设置背景图像是两个不同的概念，当然可以达到相同的效果，这是很基本的知识运用，也用了很多次，但是当图像较小时在层中插入更方便些，因为作为背景时图片会重复出现造成混乱的局面，但图片过小时，用层将之拉宽大就会使图片变模糊、严重变形，不但没能美化页面反而带来了负面影响，此时最好借助Photo

7、shop9工具来编辑图片。文本的插入在层内或框架内完成较好，但不能设置为艺术字体，因此需要运用Photoshop工具来辅助完成，其实很多地方都可以用到Photoshop工具特别是一些要表现自己独特的思想和设计画面。4.3、CSS样式在我们浏览网页时，经常看到网页的导航条是由文字制作的。这是因为文字与图像相比，文字的下载速度更快一些。但加上连接的文字可能会改变它的颜色和样式，和网页整体不协调，所以这次网页设计中利用了ＣＳＳ样式来定义文字的统一样式，并与网页融为一体，让网页看以来更统一。4.4、热点链接、锚点

8、链接（1）、热点链接在打开带有图片的网页时，有时看到这样的情况：当鼠标指向图片的不同部位是，可以打开不同的超级链接，这种技术我们称之为网页图片热点链接。热点链接经常出现在一个网站的导航页里，热点链接不仅可以将整张图片作为链接的连载体，还可以将图片的某一部分设为链接，这要通过设置影像地图来实现。热点链接的原理就是利用HTML语言在图片上定义形状的区域，然后给这些区域加上链接，这些区域被称做热点。而在本次设计中，通过利用Dream