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

计算机基础网页制作

报告

2011/9/13

目录

一．制作目的： (3)

二．制作内容： (3)

三．遇到的问题及解决方案 (3)

四．报告成果截图展示 (4)

五．制作体会 (5)

一．制作目的：

✧掌握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、通过这次实验，很好的培养了我的创新思维。以前学习都只是接受书本的只是然后不断地做题，日复一日。而现在整个网页没有一个准确的标准，就像一篇作文，给你一个主题，其他自己随意发挥。其实如果真的要完全原创的话这会是一个非常庞大的工程，所有的东西都要自己写，这会非常困难，对于我们来说，因此我们就直接照的网上的资源。但是版面的排版设计都是自己想的，虽然有些简单，但至少没有复制人家的东西。尽管这可能是小题大做，但我觉得这是锻炼了我独立思考，设计的创新思维。

最后谢谢老师，教给我们知识，做人的道理，谢谢老师给了我们机会，让我们学到了更多的东西，谢谢各位组员的积极配合协作，实践让我们更快的成长。