网页制作实践报告 - 图文

网页制作实验报告

一、实验目的

1.迎合网络发展的步伐，跟进Internet飞速发展的速度，为提高网络技术技能、增强自我社会适应的能力而努力。

2.在能建立基础网页的基础上能够设计美观的，协调，以及高水平的网页。

3.更加熟练的运用APACHE服务器，把我们的网页搭建到互联网上去，使得整个互联网都能进入我们的网站。

4.提高团队协作能力， 扩张自身在团队中发挥作用的空间。

二、实验内容

我负责的部分是必胜客欢乐餐厅网站上“近期活动”部分，在“近期活动”首页，我增加了6个超级链接，分成了“YUMMY BAND 有奖征集” “节日优惠” “每日特价” “新品上市”以及“约TA一起共享半价美食”五个板块，每个板块都有相应的内容。

1.“YUMMY BAND 有奖征集”：主要是我们由必胜客欢乐餐厅举办的有奖征集壁纸的活动，让我们的顾客在享受美食的同时也能有机会获得我们丰厚的大奖，在快乐中饮食。 2.“节日优惠”：主要是我们餐厅在重要节日实行的优惠政策，比如儿童节，我们有专门为儿童打造的儿童套餐，也有很多异国风情的生日PARTY，比如最近上市的“南非风情生日PART”，还有日本风情的等等。

3.“每日特价”：这是我们餐厅长期都会有的活动，“天天半价，天天美味”是我们长期的宗旨，不仅如此，每天我们还会有针对某些新品实行的半价政策，让顾客吃的舒心，吃得放心。

4.“新品上市”：这个是我们餐厅不断实践创新的平台，每天我们都会推出新的产品，顾使顾客能够每天都吃不同口味的美食。

5.“约TA一起共享半价美食”：这个是我们专门为情侣设计的套餐，使情侣们能够以最优惠的价格吃到最美味的食物，让你和TA一起享受爱情的甜蜜。

三、实验步骤

第一步：构想整个静态网页的结构，在纸上画图简单的图形

第二部：在网上搜集自己需要的资料，类似图片，文字。因为我们主要是模仿必胜客欢乐餐厅的网站来制作的，我的素材主要来自必胜客欢乐餐厅的官方网站。首先进入必胜客网站 http://www.pizzahut.com.cn/phdi/index.aspx#!handler/home.ashx?&tagid=&proid=，

因为我做的是“近期活动”板块，我需要的就是必胜客近期举办的活动，做成导航链接， 我需要必胜客近期的活动，所以我锁定了它观望的近期活动部分：

在观望上的每个板块找到自己需要的素材后，都放在“我的文档的”中“my webside”中的“image”文件夹里面，然后在“image”文件夹的上层再建一层新的文件夹，并以自己的名字命名：

第三步：打开front page，然后从里面新建一个文档，然后插入表格，设置“表格属性”，点击“确定”，然后在表格中插入自己事先设计好的网页的图片，文字。因为我的部分涉及6个网页，一个首页，五个链接网页，所以我需要有6个页面的设计，即需要新建6个文档，每个文档都要有自己的构想以及图片文字素材

第四步：简单的设计好每个网页后，就开始精细调整，包括“网页属性”“表格属性”“主题”以及表格的边框，图片的大小，字体的类型大小和颜色，尽量的使自己的网页美观。

第五步：每个网页都设计好以后，就开始链接各个网页，使得每个网页页面都能到另外一个网页，因为“近期活动”是我的主页，我需要在首页里面增加导航链接，到其他的活动板块，我增加了两个图片链接以及四个文字链接，并且在每个链接网页里面我设计了“返回近期活动”的导航链接，这样我们打开每个网站后都能回到“近期活动”首页。 首页对其他各个板块的链接

其他版块返回主页以及“近期活动”的首页

第六步：我们都基本完成以后就可以小组进行的汇总，由负责搭建服务器以及设计首页的同学进行整合，放入共享FTP里面。这样的话，我们的网页就可以通过互联网搜索到。

四、实验结果展示

（一）文件夹

（二）“近期活动”首页，包括两个图片链接以及四个文字链接

（三）“YUMMY BAND 有奖征集” 网页

（四）“节日优惠” 网页

（五）“每日特价” 网页

（六）“新品上市”网页

（七）“约TA一起共享半价美食”

五、实验心得

短短三周的时间，Internet课程却学了很多不同的东西，包括针对QQ使用的讲解、邮箱的相关应用以及网络搜索、电子阅读器、设计网页、搭建APACHE服务器等内容，却是收获不少。里面包括自己以前学过的，但更多的是自己从未涉及过的版块。拓展了自己的知识面，扩大了视野。

此次的期末网页设计实验，我们自己下载网页设计软件，一步步探索，一点点修改，并不断询问，我们学到了更多。首先，独立的实践了一个完整的网站设计的全过程，把设计中零散的注意点和要求在自己大脑中形成了一个完整的框架体系，使平时学到的知识点有了一个质的升华，并且合理的在试验中进行了实践。然后在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面的书，扩大了知识面，给我在以后的设计过程中能博采众长，制作出技术精湛的网页打下了基础。还有，我感受最深的是，技术方面的学习，最重要的是自己实践做出东西，只通过自己的亲身实践，才能学会、学懂、学通技术。最后，我更加深刻的体会到团队协作的重要性，一个团队需要的并不是相互独立的顶尖人才，而是懂得协调，懂得沟通相互结合的共同体，每个部分都离不开小组成员激烈的讨论，把不同人的思维相结合，创造出相对更好的网页设计，然后每个小组成员对其他人设计的部分进行修改，这样就能集思广益，发挥出我们整个团队的力量，从最后我们小组的成果来看，我们做到了，不能算是最好，但一定比每个人单独做的要更好。

本文来源：https://www.bwwdw.com/article/alwg.html