网页实习报告1.doc
《网页实习报告1.doc》由会员分享，可在线阅读，更多相关《网页实习报告1.doc（22页珍藏版）》请在冰豆网上搜索。
实习报告
实习题目：
网页设计
实习地点：
计算机网络实验室
实习时间：
2011.12.05-2011.12.23
指导教师：
徐巧格、纪睿、房栋
实训班级：
计算机网络091
姓名：
曹凤凤（28）
目录
第一章：
规划和准备阶段 2
1.1实习题目：
网页设计 2
1.2实训意义:
2
1.3实训目的:
2
第二章：
网页设计制作阶段 3
2.1：
网站主题 3
2.2网站材料 3
2.3网站规划 3
2.4网站的制作工具 4
2.5制作网站的网页 4
第三章：
网站的发布，推广，维护阶段 21
3.1上传测试网站 21
第四章：
总结 21
4.1设计特色 21
4.2心得体会 21
第一章：
规划和准备阶段
1.1实习题目：
网页设计
1.2实训意义:
网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求,在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。
1.3实训目的:
1.通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。
（1）掌握规划网站的内容结构，目录结构,链接结构的方法。
（2）熟练掌握网页制作软件的基本操作和使用技能。
（3）掌握页面的整体控制和头部内容设置的方法。
（4）熟练掌握网页页面布局的各种方法。
（5）熟练掌握在网页中输入,设置标题和正文文字的方法。
（6）熟练掌握在网页中插入图象,flash动画的方法。
（7）熟练建立各种形式的超级链接的方法。
（8）掌握表单网页制作方法。
（9）掌握网页特效制作方法。
（10）掌握网站测试的方法。
2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。
3.培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
4.培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
第二章：
网页设计制作阶段
2.1：
网站主题
我的网站的主旨在于从各个方面全面的介绍陕西能源职业技术学院成立60周年，展示校园风采，包括学院简介、学院文化和学院历史。
另外，网站里还包括校友寄语，建立一个展示母校60年风雨的平台。
同时，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是红色，用以展示自己性格的效果。
最重要的是做出自己的风格，给浏览者好的欣赏感受。
2.2网站材料
主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。
同时，查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。
要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。
精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。
2.3网站规划
我的网站共有7个主页面：
学院首页、学院简介、历史回眸、校园风采、校园文化、校庆捐赠、校友寄语。
每一个页面用统一的背景图片，以保证网站统一的页面风格。
如下图：
我是用陕西能源职业技术学院为网站名，用以方便存储和转发。
网站整体色调为红色，然后点缀其他不同的颜色相配，突出主题，颜色没有过多，过杂，用以避免给人一种杂乱的感觉。
版面设计十分灵活，根据各部分内容的不同适当的自由设计。
网页布局主要用框架和表格，用div定位内容的大体结构，再用表格具体定位。
位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是用css设计一个样式，以保证随时、准确的调用。
另外，为了网页布局的协调，我加入了适当的flash透明动态图片，用以达到更好的浏览效果。
2.4网站的制作工具
做网页时主要使用的是EditPlus3，但我还使用了EMedtor。
另外，为了处理网页中的其他元素，还使用了Photoshop等软件。
2.5制作网站的网页
素材、风格、模板都设计好以后，下一步就是具体的制作网页。
制作网站时，首先要做的就是站点的规划，建立一个本地站点“xiaoqing”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行了统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了“pic”文件夹来存放图片。
同时，由于“index”页面中的信息太多，于是建立了一个专门的文件夹存放相册信息，网页中的css样式文件也应统一管理，做到有条不紊，我设计的网站的首页如图：
2.5.1
图2.5.1
特效代码如下：
陕西能源职业技术学院六十周年校庆
升级会员 