网页设计与制作实验报告模板(网页制作实验报告范文)

　　网站建设实训报告该怎么写一、 网站建设目的及网站建设目标根据自己所学的知识，建设网站，展示自己的网站风格。建成优秀的电子商务类专业网站，展示自己的网站形象。二、 网站内容规划1、 网站的首页包括新闻吧、娱乐吧、读书吧、音乐吧、讨论吧、2、 网站的首页可分为三个部分，分别为首页的导航栏、商品的展示、商品的动态更新、疑难问题解答等。3、 尽量使网站设计的简单明了、避免设计的页面出现死链接。三、 网站名称欢乐娱乐网四、 网站设计功能介绍本网站主要是为了方便人们的日常生活，在这个网站上你可以使自己的心情轻松，精神得到陶冶。五、 预期目标1、 通过本次实训完成欢乐娱乐网的网站制作，包括二级页面和一些网站制作的基本技巧，掌握网站布局技术。2、 通过连续时间的实际操作，巩固对网站的创建、网页的策划、设计与制作的理解，加深理解网站、网页、制作的过程，理解团队互助共同完成项目的协作精神。六、实训过程1、收集相关网站建设的资料信息2、运用自己熟悉的软件制作网站3、将自己建设的网站首页勾画框架4、利用Macromedia Dreamweaver MX 2004软件建设网站的首页5、根据自己的需要设计二级页面、设计超链接，实现页面之间的超链接，避免死连接的现象的产生。

　　将需要连接的页面单击确定即可。6、向页面中插入图片，产生图文并茂的效果。但要注意插入的图片不要过多，以免影响网速。 通过几周的学习和老师的指导下，明确操作的具体步骤和建设网站的基本理念，丰富了我们的软件技术和应用技巧等方面的知识。经过几周的练习何止是的综合设计出了自己的欢乐娱乐网，制作过程中使用Macromedia Dreamweaver MX 2004软件，制作出了网站的整体风格。 制作网站，首先要确定网站的主题，经过考虑再三，和自己平时浏览过网站，以及对这些网站的了解，做了一个类似的网站，一个集娱乐休闲又可发表自己言论的网站。然后是整体规划。

　　为网站的首页设计成一个色彩鲜明，清晰明了，便于阅读浏览的网页。首页大致分为三个部分：网站的导航栏、网站的展示、网站的动态说明。其中还有用户注册登录，意见留言等等，尽量使网站的内容充分多样化。最后收集资料和素材，大量浏览相关网站，搜集一些有用的信息来完善自己的网站，同时还要考虑网站的布局，特色，颜色搭配，背景图等。再后设计网页图片。再后，为网站申请一个域名。在制作过程中，才发现，雨啊来自己懂的太少了，好多不知道的地方。

　　发现自己只会建立模板可应用得不好，操作的也不熟练。通过一短的时间学习，才找到网站建设的基本方法。在制作过程中出现了种种的问题，在问题出现的过程中查找书籍、查找相似网站，来不断的完善自己的网站。七、 关键技术及解决途径关键技术：（1）有完整的策划报告(电子版)，实际内容有改动不受影响；（2）有标题的网站以及有对应自己创意设计制作的Logo图象、图片展示等；（3）有首页、二级页面、；（4）有框架、有表单；（5）有自己创作输入的文字内容并经过排列整理；（6）使用Macromedia Dreamweaver MX 2004软件模板技术；（7）不允许出现超级链接错误！（8）有版权声明、网站信息更新、创意制作人员。解决途径根据课堂所学，充分利用相关技术要点，对于不懂的地方问实训老师。制作完成后，反复检查，保证链接的正确性。八、 网站制作过程中的注意事项 不能过于注重色彩的灿烂，只要简单的明了就行，符合网站设计的基本原则，使网站简单明了，使用方便。

　　 通过这次实习，在制作时尽量让自己的网站更加的丰富多彩，在网页中插入图片，动画，产生静动结合的效果。在实际的操作过程中遇到了许多的问题，但在老师和同学的帮助下我已经建好了自己的欢乐娱乐网站。通过这次学习我了解到知识学不到一定的深度和广度在实际的操作过程中就难以应付自如。以后要更深入的学习，不断开阔视野，增强自己的实践操作能力。九、自我评价这次实训充分利用了课堂所学，掌握了许多关键技术，例如模版技术，动画，使得制作过程方便了很多。在完成基本要求得基础上，文件夹、文件命名规范；文件存放位置合理；制作完成之后要进行网站的调试：没有无用的文件、文件夹，没有死链接现象的产生；内容较丰富、自己设计制作的素材应用多；色系、布局合理美观、考虑用户访问方便；采用各种特效、并且运用合理。不过也有些不足，一开始没有把两个人制作的文件夹分开，导致后面汇总时比较麻烦。不过总的来说，对这次的作品相当满意，不仅选择了我们自己喜欢的内容，而且在我们的水平上把它做的很精美。

　　在这个过程中我们意识到了自己在相关技术上的不足，通过学习，知道了如何改进我们的缺点，相信在以后的应用中，我会做的更加完美！经过这几周的实训练习，建设自己的网站，其中遇到的种种问题也随着查找资料、浏览相关网站、老师的指导、同学的帮助之下完成了自己的网站建设。从制作过程中，我学到了相关美化网页的的方法，运用了更多以前从未运用的技巧。这使我学到了更多的知识。并且为我自己的网站建设积累了许多经验，为我以后的工作经验，走上社会积累了一些丰富的经验。通过这次实训我获得了许多，我自己感觉在知识、技能等方面都有了不少的收获。希望对您有所帮助！网站设计实训报告怎么写啊写每一个模块的 开发说明高分求网页制作实验报告!!!网页制作实验报告实验一：站点设置 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装Windows XP操作系统；建立IIS服务器环境，支持ASP。 3、安装网页三剑客（Dreamweaver MX；Flash MX；Fireworks MX）等网页设计软件； 三、实验原理 通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

　　四、实验方法与步骤 1）执行“站点＼管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。 2）在弹出的“站点定义为”对话框中单击“高级”选项卡。 3）在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。 4）在“管理站点”对话框中单击“完成”按钮，站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。

　　实验二：页面图像设置 一、实验目的及要求： 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装Windows XP操作系统；建立IIS服务器环境，支持ASP。 3、安装网页三剑客（Dreamweaver MX；Flash MX；Fireworks MX）等网页设计软件； 4、安装Acdsee、Photoshop等图形处理与制作软件； 5、其他一些动画与图形处理或制作软件。 三、实验原理 设置页面的背景图像,并创建鼠标经过图像。 四、实验方法与步骤 1) 在“页面属性”对话框中设置页面的背景图像。 2) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果 六、讨论与结论 实验结束后我们可以看到页面的背景变成了我们插入的图像，并且要鼠标经过的时候会变成另一个图像，这就是鼠标经过图像的效果。

　　当然这种实验效果很难在实验结果的截图里表现出来。这个实验的关键在于背景图像的选择，如果背景图像太大不仅会影响网页的打开速度，甚至图像在插入会也会有失真的感觉，因此在插入前对图像进行必要的处理能使实验的效果更好。 实验三：表格制作 一、实验目的及要求： 本实例是要创建边框为1像素的表格。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装Windows XP操作系统；建立IIS服务器环境，支持ASP。 3、安装网页三剑客（Dreamweaver MX；Flash MX；Fireworks MX）等网页设计软件； 4、安装Acdsee、Photoshop等图形处理与制作软件； 5、其他一些动画与图形处理或制作软件。 三、实验原理 创建边框为1像素的表格。

　　四、实验方法与步骤 1) 在文档中，单击表格“”按钮，在对话框中将“单元格间距”设置为“1”。 2) 选中插入的表格，将“背景颜色”设置为“黑色”（#0000000）。 3) 在表格中选中所有的单元格，在“属性”面版中将“背景颜色”设置为“白色”（#FFFFFF）。 4) 设置完毕，保存页面，按下“F12”键预览。 五、实验结果 六、讨论与结论 本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果，间距的作用主要在于表现这种颜色差异。表格的背景颜色和单元格的背景颜色容易混淆，在实验中要认真判断，一旦操作错误则得不到实验的效果。“表格宽度”文本框右侧的表格的宽度单位，包括“像素”和“百分比”两种，容易混淆，要充分地理解这两种单位表示的意义才能正确地进行选择，否则就不能达到自己想要的效果，设置错误就会严重影响实验效果。

　　实验四：创建锚点链接 一、实验目的及要求： 本实例的目的是创建锚点链接。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装Windows XP操作系统；建立IIS服务器环境，支持ASP。 3、安装网页三剑客（Dreamweaver MX；Flash MX；Fireworks MX）等网页设计软件； 4、安装Acdsee、Photoshop等图形处理与制作软件； 5、其他一些动画与图形处理或制作软件。 三、实验原理 创建锚点链接。 四、实验方法与步骤 1) 在页面中插入1行4列的表格，并在各单元格中输入导航文字。

　　2) 分别选中各单元格的文字，单击“”按钮，在弹出的“超级链接”对话框上的“链接”文本框分别输入“#01”“#02”“#03”“#04”。 3) 在文档中输入文字并设置锚记名称“01”，按下“ Enter”键换行，输入一篇文章。 4) 在文章的结尾处换行，输入文字并设置锚记名称“02”，按下“ Enter”键换行，输入一篇文章。 5) 同样的方法在页面下文分别输入文字和命名锚记为“03”和“04”，并输入文章。 6) 保存页面，按下“F12”键预览。 五、实验结果 六、讨论与结论 添加瞄记的作用是可以帮读者快速找到自己想要的文章，同时也可以使页面更加精简。本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果，同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称，并记得输入对应的文章，否则瞄记可能不能用。熟练程度低在实验中不能很好地使用各种工具，无法一次准确地寻找到适当的位置。实验中忘记选择“不可见元素”，几次实验都失败，最后才得出正确的结论。

　　因此在实验前要先做好预习，否则实验过程会比较吃力。 实验五：设置CSS样式 一、实验目的及要求： 本实例的目的是通过设置CSS样式创建表格的虚线边框。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装Windows XP操作系统；建立IIS服务器环境，支持ASP。 3、安装网页三剑客（Dreamweaver MX；Flash MX；Fireworks MX）等网页设计软件； 4、安装Acdsee、Photoshop等图形处理与制作软件； 5、其他一些动画与图形处理或制作软件。 三、实验原理 通过设置CSS样式创建表格的虚线边框。 四、实验方法与步骤 1) 在网页中创建一个表格。 2) 在“CSS样式”面板中单击“”按钮，在弹出的对话框中进行设置，完成后单击“确定”按钮。