网页设计实训报告+模版 (1)

《网页设计实训报告+模版 (1)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、福州软件职业技术学院实训报告题目：实训课程名称：网页设计系别：计算机系专业/班级：年级：学号：姓名：指导老师：曾姣艳2014年5月20日目录1实训目的12实训内容12.1准备工作12.2使用的技术12.3．设计制作要求23方案设计与实施步骤24实训中出现的问题、分析及解决方法34.1视觉效果问题34.2图片附加注释文字问题34.3表格布局35实训作品展示45.1首页45.2二级链接45.3FLSAH欣赏56实训总结51实训目的通过实训让同学们对网页有更深一步的了解，培养学生的动手能力，提高学生运用HTML语言编写

2、静态网页能力的水平，掌握HTML和CSS语言的应用，为学生学习动态网页打下坚实的基础，通过实训可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握理论的基础上再加以实践，进一步提高、加强学生的综合能力，把本学期学到的东西都运用起来达到一定的技术性、创意性，让其更美观。（1）掌握创建Dreamweaver本地站点的方法，利用表格和层规划网页布局（2）掌握在网页中添加文本、图像、Flash动画等页面元素（3）掌握在网页中输入、设置标题和正文文字的方法。（4）掌握在Dreamweaver中建立链接（5）综合

3、运用所学软件进行网页材料的准备。2实训内容2.1准备工作（1）先想好做什么方面的网站。（2）根据自己的需要在网上下载图片、动画等相关的素材。（3）安装好需要用到的相关软件。（4）大致设计一下该用到的页面的布局版面情况，规划一下网站的结构，画一下草图。2.2使用的技术用Word处理艺术字、在Photoshop中用切刀工具切图片、用其它工具处理图片、裁切图片、转换格式等，用Flash做动感图片，用ACDsee裁切图片。制作网页时应用表格、层、超链接、动态文本、表单等。72.3．设计制作要求a．网站主题鲜明、内容丰富、

4、健康、高雅且栏目设置合理。网站中至少有三层，下一层必须有返回上层的按钮或链接。包含10个以上的页面；b．网站中页面色彩搭配合理，界面规划合理,设计新颖、简洁、美观、大方；c．站内页面整体风格统一并使用CSS进行网页中文字及链接样式；d．合理使用表格进行页面排版，导航按钮及网页特效使用合理；e．设计有合理的表单；f．网页中链接及图片等路径正确、网页中文件命名规范；g．内容由自己充分发挥，不作任何约束，但网页的信息量要大（6种内容以上），主题鲜明；h．作品不得抄袭。3方案设计与实施步骤对于中国传统节日的兴趣与爱好，我

5、这次的网页实训就想到了做一个关于中国传统节日页面的网站。首先我温习了Dreamweaver的重点难点知识。然后上网收集了一些中国传统节日的图片和来历，开始写网站了，步骤如下。1.站点的创建和规划。2.链接的处理方式。3.图像的处理方法。4.布局视图、表格和层的应用。5.框架。6.CSS样式。7.成功建立站点。74实训中出现的问题、分析及解决方法4.1视觉效果问题设计Web页面时，一定要用1024×768和800×600的分辨率来分别观察。许多浏览器使用800×600的分辨率，尽管在1024×768高分辨率下一些W

6、eb页面看上去很具吸引力，但在800×600的模式下可能会黯然失色。要作一下努力，设计一个在不同分辨率下都能正常显示的网页太多了给用户一种眼花缭乱的感觉，反而会影响用户去访问该网站的其他内容，正所谓“物极必反”也，大家都喜欢用GIF动画来装饰网页，它的确很吸引人，但我们在选择时，是否能确定必须用GIF动画，如果答否，那么就选择静止的图片，因为它的容量要小得多。同样的尺寸的LOGO，GIF动画的容量有5K，而静止LOGO的只有3K。虽然只有2K之差，但多起来，就会影响下载的速度，所以，如果有些不是必须的，就选择最小

7、的。4.2图片附加注释文字问题一个简单明了的网站介绍，不仅能让别人对你的网站能够提供些什么有个了解，引发共鸣或是表达你的诚意，常常最能打动读者，而且还能使访问者能快速找到想要的东西。给每个图形加上文字的说明，在出现之前就可以看到相关内容，尤其是导航按钮和大图片更应如此。这样一来，用户在访问你的站点时就有一种亲切感觉，认为你心细，比较善解人意，时时刻刻为他人着想，相信你的好心会有好报的。4.3表格布局不要把一个网站的内容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就

8、能看出你的网站重点突出，结构分明如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。75实训作品展示5.1首页75.2二级链接75.3FLSAH欣赏6实训总结第一：我非常感谢学校给了我这次制作网页的机