网页综合实训报告书.doc

连云港广播电视大学网页设计综合实训报告书题目： 个人网站 姓 名： 刘超凡 学 号： 1032001467398 入学时间： 10年9月 指导教师： 陈栋 所在电大： 连云港广播电视大学 二一二 年 六 月 网页综合实训报告书网页综合实训报告书目录网页综合实训报告书2一、建个人网站31)确定网站主题32)搜集材料33)规划网站34)制作网页45)上传测试4二、个人网站规划4三、Dreamweaver网站排版5四、Photoshop素材设计制作6五、Flash动画素材设计制作6六、利用Dreamweaver发布网站7一、建个人网站1) 确定网站主题网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站 的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。2) 搜集材料明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。3) 规划网站一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。4) 制作网页材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。5) 上传测试网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。二、个人网站规划1、给个人网站想一个好的名字，及相关域名 2、网站的定位（如定位于赢利性网站，还是企业网站，或是公益性的） 3、网站的用途（是用来赢利的，还是做产品线上营销的，或是做品牌推广和整合的） 4、网站的发展目标 （需要达到的目标，需要为这个目标而努力的） 5、网站的拓扑图构画（网站包括哪些栏目，采用什么样的制作结构） 6、网站制作技术的采用（用哪种语言开发，在什么平台上开发） 7、网站的推广（需要做具体什么样的工作去推广网站，是否需要在前期开发的时候就考虑到后期的推广，如SEO专家的建议） 8、网站的维护（是自主维护，还是外包维护，维护的内容包括哪些，后期改版的时间间隔安排等） 9、网站安全 (网站定期进行安全检测及备份等安全操作)三、Dreamweaver网站排版1内容要求：通过搜集个人资料和个人照片，以及文字素材。2首页实现：网站为全屏显示：宽度为800像素，长度不限。首面相关的内容如下图表所示。版面以表格布局为主，采用拐角型网页布局方式。界面风格同意、明快简练。色彩以红色、白色为主。3技术要求：制作导航条，分别为网站首页、个人简历、个人相册、个人日志、与我联系，做好链接，点击能进入二级页面，并且可以看到每个模块的相关内容。二级页面界面设计要求清晰明了、独特、色彩可根据首页及每个栏目的特质来设定，链接流畅无误。4保存文件格式：完整的站点，首页index.html，相应的页面及图片文件夹。5各个栏目内容介绍整个网站的设计采用拐角型，采用表格布局。网页风格明快简练，符合个人网站的风格特点。下面介绍各个栏目中的主要内容。网站首页首页，主要是以显示网站最新内容为主，调出其他模块的部分、重要信息显示。个人简历以个人信息显示为主。根据设计要求，要求本张页面至少显示个人信息（专业、班级、学号、姓名、个人简历、电子邮箱等），同时补充和完善其他方面信息。个人相册展示个人相册。以平时生活照、喜欢的风景图片等展示个人的风采和个人的喜好。个人日志这部分主要以文字资料显示，主要是显示我撰写的一些文章或者个人喜欢的一些文摘等。与我联系主要是个人联系方式，如：手机号码、电子邮箱、联系地址等，方便和我进行联系。四、Photoshop素材设计制作1将整理的个人照片以及网页中需要用的素材等相关图片进行大小、剪裁、色彩、文件格式等方面的处理，制作成为网页适用的图片素材。2头部Flash背景图片制作1）内容要求：根据自己设计的网站风格特点、主色调等选择一张合适的图片进行处理。裁切成自己需要的大小，并调整色调、文件格式等。2）素材要求：宽度800px，高度200px以内。 3）保存文件格式：原文件格式*.psd及输出JPG格式，制作flash需要使用。五、Flash动画素材设计制作Flash动画：头部个人网站显示1内容要求：显示个人网站的主题。头部flash要求显示“*个人网站，欢迎您的光临”等文字，并做好动态显示。2技术要求：动画总时间长度不得低于15秒，画面流畅，色彩明快，主题醒目，能吸引浏览者。3保存文件格：原文件格式*.fla及输出文件格式*.swf六、利用Dreamweaver发布网站创建了 Web 站点后，下一步就是通过将文件上传到远程文件夹来发布该站点。远程文件夹是存储文件的位置，这些文件用于测试、生产、协作和发布，具体取决于您的环境。Dreamweaver 将此文件夹称为远程站点。在继续之前，您必须能够访问远程 Web 服务器(例如您的 ISP 的服务器、您的客户所拥有的服务器、公司中的 Intranet 服务器，或者 Windows 计算机上的 Internet 信息服务 (IIS) 服务器)。如果您尚不具有对这样一个服务器的访问权，请与您的 ISP、客户或系统管理员联系。您也可以在本地计算机上运行一个 Web 服务器，如 IIS (Windo