网页实习报告

上传人:大米 文档编号:396416970 上传时间:2023-09-18 格式:DOC 页数:22 大小:1.38MB
返回 下载 相关 举报
网页实习报告_第1页
第1页 / 共22页
网页实习报告_第2页
第2页 / 共22页
网页实习报告_第3页
第3页 / 共22页
网页实习报告_第4页
第4页 / 共22页
网页实习报告_第5页
第5页 / 共22页
点击查看更多>>
资源描述

《网页实习报告》由会员分享,可在线阅读,更多相关《网页实习报告(22页珍藏版)》请在金锄头文库上搜索。

1、 实 习 报 告实习题目:网页设计实习地点:计算机网络实验室实习时间:2011.12.05-2011.12.23指导教师:徐巧格、纪睿、房栋实训班级:计算机网络091姓 名:曹凤凤(28)目录第一章:规划和准备阶段21.1 实习题目:网页设计21.2 实训意义:21.3 实训目的:2第二章:网页设计制作阶段32.1:网站主题32.2网站材料32.3网站规划32.4网站的制作工具42.5制作网站的网页4第三章:网站的发布,推广,维护阶段213.1上传测试网站21第四章:总结214.1设计特色214.2心得体会21第一章:规划和准备阶段1.1 实习题目:网页设计1.2 实训意义: 网页设计和制作综

2、合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求,在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论和实践教学效果的检验,也是对学生综合分析能力和独立工作能力的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。1.3 实训目的:1.通过综合实训进一步巩固,深化和拓展学生的理论知识和专业技能。(1)掌握规划网站的内容结构,目录结构,链接结构的方法。(2)熟练掌握网页制作软件的基本操作和使用技能。(3)掌握页面的整体控制和头部内容设置的方法

3、。(4)熟练掌握网页页面布局的各种方法。(5)熟练掌握在网页中输入,设置标题和正文文字的方法。(6)熟练掌握在网页中插入图象,flash动画的方法。(7)熟练建立各种形式的超级链接的方法。(8)掌握表单网页制作方法。(9)掌握网页特效制作方法。(10)掌握网站测试的方法。2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。3.培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。4.培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的

4、能力,树立自信心。第二章:网页设计制作阶段2.1:网站主题 我的网站的主旨在于从各个方面全面的介绍陕西能源职业技术学院成立60周年,展示校园风采,包括学院简介、学院文化和学院历史。另外,网站里还包括校友寄语,建立一个展示母校60年风雨的平台。同时,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是红色,用以展示自己性格的效果。最重要的是做出自己的风格,给浏览者好的欣赏感受。 2.2网站材料 主要在网站上搜集所要的网页信息,包括图片、文字、相关的新闻。同时,查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好

5、自己的网站,能够给浏览者好的欣赏感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。2.3网站规划 我的网站共有7个主页面:学院首页、学院简介、历史回眸、校园风采、校园文化、校庆捐赠、校友寄语。每一个页面用统一的背景图片,以保证网站统一的页面风格。如下图:我是用陕西能源职业技术学院为网站名,用以方便存储和转发。网站整体色调为红色,然后点缀其他不同的颜色相配,突出主题,颜色没有过多,过杂,用以避免给人一种杂乱的感觉。版面设计十分灵活,根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格,用div定位内容的大

6、体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是用css设计一个样式,以保证随时、准确的调用。另外,为了网页布局的协调,我加入了适当的flash透明动态图片,用以达到更好的浏览效果。2.4网站的制作工具 做网页时主要使用的是EditPlus 3,但我还使用了EMedtor。另外,为了处理网页中的其他元素,还使用了Photoshop等软件。2.5制作网站的网页 素材、风格、模板都设计好以后,下一步就是具体的制作网页。制作网站时,首先要做的就是站点的规划,建立一个本地站点“xiaoqing”,建立的各个页面都应该放在本地站点中,在网页制作时所需

7、的各个元素都进行了统一的管理,建立统一的文件夹放同一类型的文件,我在制作时建立了“pic”文件夹来存放图片。同时,由于“index”页面中的信息太多,于是建立了一个专门的文件夹存放相册信息,网页中的css 样式文件也应统一管理,做到有条不紊,我设计的网站的首页如图:2.5.1图2.5.1特效代码如下:陕西能源职业技术学院六十周年校庆  学院首页 学院简介 历史回眸 校友风采 校园文化 校庆捐赠 校友寄语   今天是 ?$t=time()+28800;echo date(Y年m月d日,$t).  $d=date(D); /Mon Tue Wed Thu

8、 Fri Sat Sunswitch($d)case Mon:echo 星期一;break;case Tue:echo 星期二;break;case Wed:echo 星期三;break;case Thu:echo 星期四;break;case Fri:echo 星期五;break;case Sat:echo 星期六;break;case Sun:echo 星期日;break;echo   您的IP地址是:.$_SERVERREMOTE_ADDR;if(!isset($_COOKIEuser)echo   没有用户登录!;else$user=$_COOKIEuser;$flag=$_COOKIEflag;if($flag=0)echo   管理员用户:;echo $user;echo | 安全退出;echo | 后台;? 一个海岛 一片麦穗

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 办公文档 > 工作计划

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号