网站内容分析报告(PAGE9高校艺术网页设计分析(-*MERGEFORMAT9))

　　网站内容分析报告(PAGE9高校艺术网页设计分析(-*MERGEFORMAT9))

　　Page\*mergeformat 9学院艺术网页设计分析名称班级学号：学院：国际教育学院一、网站design1.1、网站设计网页设计与制作的意义综合培训是教学过程中重要的实践教学环节。根据专业教学计划的要求，在教师的指导下，培养学生网页制作的专业技能，培养学生综合运用理论知识分析和解决实际问题的能力，实现理论知识向操作技能的转化。它是对理论教学和实践教学效果的检验，也是培养学生综合分析能力和独立工作能力的过程。因此，加强实践教学环节，搞好实践教学，对于实现本专业的培养目标，提高学生的综合素质有着重要的作用。通过全面的实践培训（1）），进一步巩固、深化和加强学生的理论知识和专业技能，进一步了解和掌握网站施工的基本工艺和技术规范；（2），巩固使用Dreamweaver网页制作软件制作静态网页的知识；（3），巩固综合使用Dreamweaver独立设计一款内容完整、图文完整、技术应用得当的网站；（4），具备独立撰写培训报告的基本能力；（5），在网页设计实践中培养分析和解决问题的能力、创新能力和团队意识；（K331），培养学生理论联系实际的工作作风，严谨的科学态度和独立工作的能力，树立自信心；（7）），为今后从事“网站开发、维护和管理打下基础”

　　1.3、网站设计任务1、网站规划和数据采集。确定网站主题内容，规划网站结构，并从互联网上搜索相关数据（图片、文本等）。2、设计主页。构思主页布局并设计主页标题图片（要求原创），设计主页的剩余图片并输入页面内容，最后对主页进行整体优化设计。3、animation design。主页的*敏*感*词*设计和其他页面的*敏*感*词*设计充分利用了所掌握的技术，效果良好。4、comprehensive optimiz链接正确恰当，动态效果良好（时间线*敏*感*词*、行为、代码嵌入等）@K39网站测试并提交。在浏览器中逐页测试完成的网站页面，包括链接是否正确、页面打开时间、图片和*敏*感*词*是否丢失等1.K38网站设计要求1、网站结构和（1）要创建的站点名称应为学号的最后两位数字+名称的第一个字母。站点目录应分层清晰，内容不得放在根目录下；不要使用中文目录；每种类型的文件应建立独立的目录。（例如，对于images文件夹，可以创建子目录，但它们必须尽可能少以便于管理。）如图所示：（2）home page至少有5个到其他页面的电子链接（3）网页超过10页，每个网页的标题必须收录学号和姓名的最后两位数字（4）网页（可以使用任何网页）必须收录以下内容：？使用flash*敏*感*词*（可以使用现有材料）“鼠标悬停图像”下拉菜单或弹出菜单“锚定链接和图片热点链接”使用CSS样式二、网站主题此网站以个人的一般介绍为主题，阐述他的偏好并表达他的个性特征

　　三、网站页面链接总图四、综合知识应用4.1、表格和图层的使用(1）.表格的使用在设计网页时，插入表格的目的通常是控制文字和图片在网页中的位置。使用表格可以实现不同的布局模式，并确保在浏览器更改页面字体大小时页面布局保持不变，这一点非常重要，因为网页设计者总是希望他们的作品能够展示在观众面前，而表格的使用可以确保这种效果。（2），使用图层）在这个网页设计过程中，使用了大量的层，因为它们灵活且易于使用。它们可以自由拖动并变得越来越大和越来越小。层的最大特点是它们可以重叠，您可以设置每个层是否可见。同时，您还可以自定义层之间的关系。4.2、使用Photoshop工具插入图片和设置背景图片两个不同的概念，当然可以达到相同的效果。这是一个非常基础的知识，已经使用过很多次。但是，当图片很小时，将其插入图层会更方便，因为图片会作为背景重复，导致混乱。但是，当图片太小时，用图层将其加宽会使图片模糊和严重变形，这不仅不能美化页面，而且会产生负面影响。此时，最好使用Photoshop工具编辑图片。在图层或框架中插入文本更好，但不能被设置为艺术字体，所以需要使用Photoshop工具来辅助。事实上，Photoshop工具可以在很多地方使用，特别是一些地方可以表达他们独特的想法和设计图片

　　@k503、CSS样式在浏览网页时，我们经常看到网页的导航栏是由文本组成的，这是因为文本的下载速度比图像的下载速度快。但是，连接的文本可能会改变其颜色和样式，这与整个网页不一致，所以使用CSS样式来定义统一的样式将此网页设计中的文本转换为文本，并与网页集成以使网页更加统一。4.4、hot-link和anchor-link（1）.热链接打开带有图片的网页时，有时会看到这样一种情况：当鼠标指向图片的不同部分时，可以打开不同的超链接。这种技术称为网页图片热链接。热链接通常出现在网站导航页中。热链接不仅可以将整个图片作为一个系列使用l链接的主体，也可以将图片的一部分设置为链接，这是通过设置图片地图来实现的。热链接的原理是使用HTML语言定义图片上的形状区域，然后向这些区域添加链接，这些区域称为热点。在本设计中，通过使用热点区域来实现创建热链接的效果Dreamweaver的生产技术。（2），网页上的锚定链接（无标题）-6.html）锚链接在我的工作中被引用。创建命名锚是为了标记文档中的位置，并为引用位置设置名称。通过创建锚，链接可以指向当前文档或其他文档中的指定位置

　　定位点通常用于实现指向特定主题或文档顶部的跳转链接，以便访问者可以快速浏览到所选位置并加快信息检索。要创建定位点链接，请先设置一个命名定位点，然后建立指向该命名定位点的链接。4.5、mouse-over-image-mouse-over图像是指当鼠标指针经过一个图像时，图像的显示会变为另一个图像。鼠标指针经过的图像实际上由两个图像组成，初始图像（第一次加载页面时显示的图像）和替换图像（鼠标指针经过时显示的图像）用于鼠标移动图像的两个图像的大小必须相同。如果图像的大小不同，Dreamweaver将自动调整第二个图像的大小以匹配第一个图像。鼠标移动图像也在设计过程中被引用。4.6、弹出信息行为是最独特的功能Dreamweaver中的选项，允许您使用它，而目前无需编程预期的操作行为。弹出行为是其功能之一。弹出信息是网页提示。打开此网站时，将显示“欢迎使用我的个人网站！”提示框会给人一种非常友好的感觉。4.7、在网页设计中使用框架，框架可以将窗口分成几个不同的小窗口，每个窗口收录不同的网页，替换窗口中的网页文件不会影响其他窗口中的网页框架将页面分为导航区和导航区内容区。框架集是使用框架定义网页的文件

　　框架集保存有关页面中框架大小和位置的信息，以及每个框架中作为内容加载的所有文件名。由框架组成的网页，例如untitledframeset-9.html4.8、text movement effect在设计网页中插入从右向左移动的代码，以便文本可以从右向左移动。五、课程设计经验与体会：个人网站设计完成后，我收获了很多，感受很深。我最大的感受是，如果理论不用于实践，那毕竟是理论。说得婉转一点，那只是纸上谈兵。如果你只停留在理论学习上，你将来不会有多大成就。如果你有f未来的发展，将会越来越少的锦上添花