大学计算机基础网页制作实验报告

网页制作报告计算机基础网页制作报告201目录一．制作目的： 3二．制作内容： 3三．遇到的问题及解决方案 3四．报告成果截图展示 4五．制作体会 5第3页共8页一．制作目的：掌握Dreamweaver的基本操作；掌握网页设计的规范；掌握简单网页的制作方法。二．制作内容：熟悉Dreamweaver的工作界面；在页面上插入常用的对象，比如文字，图像，声音，flash动画等；设置超链接；表格的应用；层的设置。三．遇到的问题及解决方案1．使用Word制作艺术字效果，然后复制粘贴到HTML中，结果原来做的效果全部失帧。解决方案：使用PPT做出自己需要的效果，然后保存为图片格式，然后再在HTML中插入这个图片就好了。2．直接超链接视频文件后，打开时会出现一个下载的界面，然后才能进入。解决方案：只有swf文件格式才能直接链接。所以如果直接链接的话就得先转成swf文件。四．报告成果截图展示五．制作体会1、实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。建立站点，将文件导入到站点名下，正式开始网页制作。首先进行页面设置，我是插入一个背景图片，但是好像感觉效果不是很好，上网看看，貌似没有看到以图片作为网页背景的。接下便是创建表格和层，往里面插入图片和文字，并注意文字与图片的搭配，多看看计算机上网站上的网页，借鉴一下他们的某些地方，内心地组合搭配，力求做出最美观的页面。本操作中主要通过整个表格和单元格颜色的差异来衬托出实验效果，间距的作用主要在于表现这种颜色差异。表格的背景颜色和单元格的背景颜色容易混淆，在实验中要认真判断，一旦操作错误则得不到实验的效果。“表格宽度”文本框右侧的表格的宽度单位，包括“像素”和“百分比”两种，容易混淆，要充分地理解这两种单位表示的意义才能正确地进行选择，否则就不能达到自己想要的效果，设置错误就会严重影响实验效果。还有就是我觉得那个插入背景声音的做法不错，通过拆分，直接在源代码上输入相关内容，可操作性强，这又使人想起了复制成熟网站的源代码，再把它的内容小做修改，就可以很容易做出一个网页。2、在学习了office办公软件之后，我们又学习了网页制作的基本知识，了解了有关系统结构、静态网页和动态网页、网页的发布等基础知识。其中，发布信息采用的是www网页方式，系统一般采用Browser/Server结构，通过三层结构建立连接、解释执行。另外，静态网页就是标准的HTML文件，文件扩展名为.htm或.html，其内容不会为用户的操作而改变；动态网页内含程序代码并会被服务器端执行，且执行结果会随执行时条件不同而发生变化。我们学习的内容则是用Dreamweaver设计工具制作静态网页。制作网页所用的标记语言分HTML和脚本语言两种，目前B/S结构基于HTML语言。以上是我们学习网页制作须知的基础知识。利用Dreamweaver制作网页，先创建一个空白文档，工作窗口会出现3种编辑模式：设计、代码、拆分。根据我们的计算机水平一般使用设计模式以便查看设计效果；同时配合应用部分代码模式进行必要的精确细致的修改。在第二步创建站点中，最重要的就是定义一个本地站点来管理相关网页制作的文件、图片、程序等。我觉得，对Dreamweaver软件一定要整体把握、综合应用。那么，在今后的学习工作中就要学以致用、不断改进，切不可前学后忘，竹篮打水一场空。因为对于在代码模式中编辑滚动文字，老师在课堂上讲过一次，又在上机课上带领操作一次，但我没有及时巩固，所以在实际操作时还是没有完全掌握，只能及时询问同学才将问题解决。此外，我一直没有找到插入竖直文本的方法，询问许多同学也没有结果，最后只能通过每一行放置一个字再将边框缩小来实现。几周来的学习给予我更大的感悟是学习的过程也是成长的过程。与高中填鸭式被动的教学模式相比，大学更提倡自我发现，自主探索。这就要求我们尽快适应环境，并发挥自己的主观能动性积极参与，上下求索，进而超越自我。另外，我也深刻明白了积累的重要性。这些操作步骤虽简单，有的甚至不值一提，却是学业的根本，事业的基石。因而学习不可眼高手低，要从点滴做起。3、通过这次实验，很好的培养了我的创新思维。以前学习都只是接受书本的只是然后不断地做题，日复一日。而现在整个网页没有一个准确的标准，就像一篇作文，给你一个主题，其他自己随意发挥。其实如果真的要完全原创的话这会是一个非常庞大的工程，所有的东西都要自己写，这会非常困难，对于我们来说，因此我们就直接照的网上的资源。但是版面的排版设计都是自己想的，虽然有些简单，但至少没有复制人