网页制作 综合网站的制作.doc

期末考核 综合网站的制作 一，实验目的 加深对网页设计与制作的基本知识的理解，网页设计与制作技能综合运用和提高，通过真实工作任务，使学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际网页设计与制作开发流程和开发方法。 二，实验要求 网页的选题可以是个人网站、班级网站，也可以自选主题。 站点设计合理、管理有序、无多余文件和文件夹、大小合适。首页命名要规范，存放位置要正确，主页文件名应该使用index和default等。其他文件或文件名也要规范，不使用汉字或带有空格的名称。最好是符和各种系统命名规则。 要使用到本课程所介绍的各种技术及网页元素。 自选主题，主题内容要合法、健康、实用。 网站主题突出、内容丰富。 网站与网页风格应该协调一致，网站结构应层次分明，内容重点突出，页面设计布局合理，要有一定的创意。 三，开发工具 使用工具有：Dreanweaver 而在此次设计中主要用到Dreameaver 设置首页，编辑功能，排版功能，设计模版功能，插入文本包括插入文本元素插入图像和图文混排和外部图像的编辑等功能。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。 网站的主题也就是网站的题材，网站。网站题千奇百怪,琳琅满目，只要想的到，就可以把它制作出来。题网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。第一印象在的网页中，主要是通过首页来实现其他的网页界面。在中的主要有：，而各部分是相互链接在一起的。五，设计与规划 六，开发与步骤 1，涉及到的技术 层布局，插入flash（设置成transparent漂件），框架，css，表单，超链接，锚的应用，图片查看器，鼠标经过图像等。 2，步骤 首页 主要利用层布局，flash，表格，行为完成。 导航条是插入1*2的表格，第一行设置背景图片，在插入flash，并将参数wmode设置为transparent。 第二行插入文字，并且插入层放入头像和昵称，放到合适的位置。 最近访客中的头像设置行为交换图片。 主要用到了框架， 其中top部分就是主页中的导航条，left部分是用表格实现的，其中的 ”私密日志“”普通日志“的链接的目标要改为 FrameMain。如图： 相册 相册与日志一样都用到了框架，设计方法也差不多，就main网页中插入了flash，作为漂浮物，如图 点击各个相册则可以进入子相册。 个人档 中级有最近照片，个人形象，以及基本资料。还有flash插件，如图， 还有修改资料的选项： 留言板/说说 主要用到了表单，flash，表格，锚完成的。留言板和说说界面是类似的，一下是说说界面： 七，发布与测试 测试网页对浏览器的兼容度。测试网页在不用浏览器和不同版本下的运行和显示状况。 （2）分辨率的测试。比如显示器在1024*768像素与1600*900像素情况下网页有哪些变化。 （3）链接测试。链接是一个网站的主要特征，它主要是在页面之间切换和知道用户去一些地址求职的页面的主要手段。首先，测试所有链接是否按指示的哪样确实链接到了该链接的页面；其次测试所链接的页面是否存在；最后，保证网站上没有 没有链接指向的页面存在。发布则是通过dreamweaver8建立站点设计页面最后预览页面。但是在以后的时间里我一定会继续努力，争取做更多的精美的网页出来。通过网页的学习还让我明白了做网页时页面不一定要很复杂，但留白的地方不能很多，这样看起来就不会觉得呆板，反面显得有层次，比较高档，而且百看不厌。网页的特点就是要有一副漂亮的背景图，整个页面看起来就比较舒服。网页的文字要排得整齐紧凑，这样才能给人一种舒服的感觉。在网页适当的地方可以加一些图片，每张画面再加一些不同的文字说明和加一些不同的文字效果，再加一些小动画，这样网页会显得更加的精美。这次做的网页虽不是很好看，可是我花了很多时间来成它，所以呢它对我以后做网页有很大的帮助。在此次做网页的过程中也让我学到了很多东西，所以从我内心来说我是很满意我的这次经历，同时也要谢谢老师安排这样的考试，因为在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力，同时还增强了同学之间的团结互助的友谊。因此，不论从哪个角度来说，老师此次布置的任务是上大学以来唯一把知识用于实践的第一回，再一次谢谢老师。 说说 个人档 留言板 日志 相册