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

大学计算机基础网页制作实验报告 2010/12/17目录 一．实验目的： 3 二．实验内容： 3 三．实验地点： 3 四．实验小组成员 3 五．实验中遇到的问题及解决方案 4 六．实验成果截图展示 4 七．实验感想 6 组员1——张兆祥 6 组员2——李家隆 7 组员3——李鑫 9 实验综合感想（钟韦 符静宇） 11 一．实验目的： 掌握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软件一定要整体把握、综合应用。那么，在今后的学习工作中就要学以致用、不断改进，切不可前学后忘，竹篮打水一场空。因为对于在代码模式中编辑滚动文字，老师在课堂上讲过一次，又在上机课上带领操作一次，但我没有及时巩固，所以在实际操作时还是没有完全掌握，只能及时询问同学才将问题解决。此外，我一直没有找到插入竖直文本的方法，询问许多同学也没有结果，最后只能通过每一行放置一个字再将边框缩小来实现。 几周来的学习给予我更大的感悟是学习的过程也是成长的过程。与高中填鸭式被动的教学模式相比，大学更提倡自我发现，自主探索。这就要求我们尽快适应环境，并发挥自己的主观能动性积极参与，上下求索，进而超越自我。另外，我也深刻明白了积累的重要性。这些操作步骤虽简单，有的甚至不值一提