网页设计报告精编3篇

【引言】阿拉题库漂亮网友为您分享整理的“网页设计报告精编3篇”范文资料，以供参考学习，希望这篇文档资料对您有所帮助，喜欢就下载分享给朋友吧！

网页设计实验报告实验心得1

一、实验目的：了解HHTML中涉及的技术。

HTML语言的组成及特点，学会利用HTML语言编辑网页。 了解CSS。

了解网站开发的流程。

二、实验内容

1.参考书节，利用记事本实现唐诗实例。

(1):在“记事本”中输入虞美人的文本。

(2):选择“文件”—>“保存”命令，将该文件保存为“虞美人。html”，此时该文档将显示IE图标。

(3):打开图标。

如图所示：

2. 在Dreamweaver中输入如下代码：

3.请写出以下效果的HTML代码(包括分行及分段效果)

角标的实现：在拆分视图下的文本编辑区域输入X1，然后看其在代码编辑区的变化。想要实现上下角标要用到角标在字母的上方； 角标在字母的下方。

红色字体的实现：在文本编辑区域回车编写“这是红色的字”然后选中这行字在属性面板中选择颜色为红色。

粗体字的实现：在文本编辑区域回车编写“这是粗体字”然后选中这行字在属性面板中点击粗体。

斜体字的实现：在文本编辑区域回车编写“这是斜体字”然后选中这行字在属性面板中点击斜体

4.我上网浏览了谷歌

他的URL：http：//

目 标：谷歌的目标是“万能搜索”

此网站的导航利用超连接及表单等实现导航的

实验二、Dreamweavor应用

一、实验目的：掌握如何在Dreamweaver中进行网页编辑； 掌握Dreamweaver中站点的设置；

掌握网站空间的申请及网页的上传。

二、实验内容

1.将实验1中的内容，利用DreamWeavor完成，并注意在拆分视图下，观察它是如何将格式操作变成HTML代码的。

2.按书中要求，制作唐诗宋词网站的首页。

3.在Dreamweaver中设置站点，并为唐诗宋词网站规划网站文件夹结构

网页设计报告2

敬爱的技术总监：

你好！经过多日思考，最后我还是决定辞职了，虽然是美术院校的艺术设计专业毕业的，但是感觉自已的创作能力并不是很强，也不具有良好的美术功底与创意能力，没有做出几个比较理想的网页设计/平面设计的作品。

来公司已经两年了，说实在的，也真的学了不少的东西，然而毕竟it行业的发展是相当的迅速，自已的'步伐总是慢了一步，再加上我对编程比较感兴趣，也想往这一方面发展。说到工资待遇初级美工确实很低，比初级的程序员低多了，想要拿高一点的工资这也是另外一个辞职的原因。

最后，愿公司蒸蒸日上，再创佳绩。

此致

敬礼！

签名：xxx

日期：xx年xx月xx日

网页设计实训总结3

静态网页设计专业实训总结报告提要：

网页设计实训就快结束了，在这短短的两周里，我学会了很多新的知识，更掌握了新的技能，让我觉得受益匪浅。在实训时，有空闲就会想到学校里青葱岁月，简单流畅，无忧无虑。

插入apdiv标签，插入图片，创建超链接，设置段落

作品展示

图一：中秋送祝福

项目2

项目介绍

有铁血战鹰的的图片素材及相关资料，对铁血战鹰进行描述，创建“铁血战鹰网页”

关键技术

应用表格布局，插入横线对网页进行美化

作品展示

图二：铁血战鹰

项目3

项目介绍

现有自然写真的图片，要求自然写真的图片在鼠标经过时换成别的图片，点下导航栏的标题时转向别的网页，制作静态网页，网页名称为自然写真。

关键技术应用

练习头标题的应用，超链接的创建，flash的插入，导航栏的创建。

作品展示

图三：自然写真

3．实训过程总结

实训收获

这个阶段的实训我们主要是练习网页制作及网站发布的各种知识。近些年随着计算机的广泛应用，Internet已经成为人们获得信息不可或缺的媒介，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。无论是最新的新闻信息、新产品的出台、新游戏的发布、最新的动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这提供平台的呢。我们又是通过什么来获取这些信息的呢―网页。由于人们使用网络的频繁，网页作为上网的主要依托就变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。网页设计直接面对的是大量的用户，随时都会反馈回来对网页的批评建议等，可以根据实际情况进行修改，这样做可以使使用者用起来更加的方便。

Dreamweaver工具为我们实现这些提供了便利，下面我将网页制作和网站发布的知识总结如下：

（1）网页制作的前期工作是搜集大量的素材，我们的网页只有是实用的才会是大众喜欢的，搜集素材以充实我们的网页。当然我们也应该在此时定下网站的方向是什么，剩下的就是靠Dreamweaver进行编辑；

（2）网页的版式设计，版式设计时我们应该有重点，把重要的内容新闻放在醒目的位置上。规划各元素在网页中的位置关系和表现方法，合理安排图像、文本等元素，使网页布局合理、美观大方；

（3）文本编写，我们的网页中需要大量的文字材料，这就要在网页编辑器中用HTML语言中的标签编写。也可以利用网页编辑工具的“所见即所得”功能，直接写入文字。在浏览器中运行时出现冗余代码时返回代码页面重新进行查看修改；

（4）处理网页之间的关联，这主要是建立合理、高效的网页导航系统；

（5）网页发布过程，主要是将建设好的网页上传到服务器中供用户浏览。

存在的问题及解决思路

（1）在Dreamweaver基础方面：制作网页时如何实现网页不跳转就可以出现新的内容，实现页面内的。链接；用代码编写网页上的按钮，实现按钮的各种功能，如刷新，重置，确定操作。Css样式表的概念模糊。

（2）网站风格方面：一个网站的各个页面之间风格应该是统一的，只有围绕一个风格才会成功。

（3）网站的内容方面：在制作网站时内容之间应该是相关的，在制作时我们不能追求面面俱到，只能做到精益求精。杂乱无章的网站是不会有大的发展的。

4．结束语

网页设计实训就快结束了，在这短短的两周里，我学会了很多新的知识，更掌握了新的技能，让我觉得受益匪浅。在实训时，有空闲就会想到学校里青葱岁月，简单流畅，无忧无虑，回想各位老师的授课，孜孜不倦，学校的生活固然是快乐，但是学校的实训课程真的很重要，因为它能让我们这些在校学生接触到社会的发展，让我们有时间岗位环境，顺利得从单纯的校园生活感到复杂社会生活的不同。在这一周的时间里，我一心只做网页，做自己喜欢的风格的网页。经历了一次充实而有愉快的实训，我学会了制作框架、使用锚点、给网页网页插入背景音乐、表格、视频、flash、导航条等更深层次的掌握了它们的用法，现在我心目中的网页也已经大体竣工，我感到很开心，经过这两的不断探索，我喜欢上了这门课程，感觉很有意思。或许实训的结束代表一段新生活的开始，但是我认为它不但是一门课，需要我们去掌握，同时还可以锻炼我们的逻辑思维能力和思维的严密性，还有就是在制作网页的过程中，更需要有不错的艺术审美观，这样，你做出的网页才会赏心悦目，让人眼前一亮，也就是从此刻起，我决心好好钻研这门课，力求这方面的技能达到顶级。虽然网页已经完成，可这并不是一件轻而易举的事情，在此过程中遇到了许多以前不曾遇到的问题，多的情况都是自己解决，万不得已之际，我会主动问老师和同学，直到弄懂为止！让我更加清楚地明白老师平日里的良苦用心，也更加清楚地明白了自己以后应该怎样去做事。