《网站建设实习报告【精选文档】》由会员分享,可在线阅读,更多相关《网站建设实习报告【精选文档】(16页珍藏版)》请在金锄头文库上搜索。
1、网站建设实习报告【精选文档】 网站建设实习报告学 院:信息技术学院专 业:计算机网络技术姓 名:第二小组班 级:10高职网络(1)班指导教师:张媛、张萍、付峰 小组成员:马 瑞 李 毅、彭旺景、陈 豪仵江波、马红成、胡凯威目录目录1摘要2概述3第一章 项目需求分析41.1需求分析41.2实训目的41.3 所需软件5第二章 网站设计02。1 网站主题02。2 网站材料02.3 网站的制作工具02.4 制作网站的网页02。5 上传测试网站1第三章 网页设计23。1 首页的设计与制作23.2 资料的搜集23.3 建立模板和库23。4各个子网页的建立23。5实现网页间的链接33。6实现动静态网页的结合
2、4第四章 Linux操作系统0第五章 后台管理25.1 登陆页面的设计25.2 新闻发布系统3第六章 实训过程56。1 收集网站建设的资料和信息56.2 确定每个页面的布局56。3 先规划好首页要表达的内容56。4 将其余页面分发给特定的几人56。5 超链接56.6 整理66.7 美工66。8 前后台66.9 功能实现6总结7摘要网络发展到今天,建立网站已经成为一个很普遍的问题了,对于一个企业来说,建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象,直接开拓国际市场,开展24小时网上营销及高效廉价的定向宣传;与客户建立最直接的交流机制,缩短推出新产品和打开新市场的周期,与富有吸引力
3、的客户群发展客户关系网;与自己的销售人员保持联系,进一步面向本地市场. 出色的网站吸引人的地方不仅仅在于其内容,鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富,如果网站的结构和风格不能吸引人,那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在,因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格. 整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样:企业网站的宗旨就是对外宣传企业形象,发布企业最新的企业产品,其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务,这就是企业网站的建设方向;个人网站的
4、宗旨就是宣传自己,提供一个自身和外界交流的场所;由此可见,网站的设计方向是依据网站的客户、服务群体等多方面来确定的。概述本站是一个用Dreamweaver、Flash、PHP、SQL server2000设计编写的美食网站,主要包括6个模块:首页,菜谱,厨房,食材,饮食健康,饮食资讯等.通过本网站系统能提供各种与美食相关的信息以及各种美食信息的交流。与其他企业网站一样,也应通过Internet来对外宣传网站 建立以Dreamweaver,Flash等技术编写的前台表现模块,为用户提供方便快捷的信息服务与交流.随着网络技术的迅猛发展,互联网的快速发展使越来越多的人选择从互联网上获取信息,因此,互
5、联网逐渐成为一个宽广的信息发布平台和获取信息的平台。本网站系统就要有用户注册和新闻发布两大动态功能.通过以PHP编写,以SQL 2000作为后台数据库的网站后台管理系统,制作了一个简单的美食网站系统,实现了美食网站用户登陆、注册以及新闻发布等功能。第一章 项目需求分析1。1需求分析互联网丰富多彩,这些信息大多通过网页与用户进行交互。网页的实现形式多种多样,无论是短小精悍的个人主页,还是结构清晰、丰富的大型网站,网站的需求分析和规划设计都要放在第一步,因为它直接关系到网站的功能是否完善,质量是否能够达到保证.1.2实训目的网站的建设不仅仅是制作主页的问题,还需要考虑网站的定位、目标用户、网站内容
6、、服务事项、空间方案、安全性、艺术设计、数据库技术等等.任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题,写出详尽的建站计划,可以说这是网站建设的根源和核心所在.作为一个美食网站,我们的服务群体及访问者都定位在爱好和热爱美食的大众,为为大家服务就是我们这个网站的目的和方向。从整个页面上可以看出,我们的这个整个网站涉及所有热爱美食的人。整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样,企业网站的宗旨就是对外宣传企业形象,发布企业最新的企业产品,其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务,这就是企业网站的建设方向;个人网站的宗旨
7、就是宣传自己,提供一个自身和外界交流的场所;由此可见,网站的设计方向是依据网站的客户、服务群体等多方面来确定的。通过综合实训进一步巩固,深化和拓展学生的理论知识与专业技能.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质.培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。1。3 所需软件网页编辑排版Macromedia Dreamweaver 8、网页图像制作软件
8、Photo CS2、网页动画制件软件Flash、ACCESS数据库、动态网页编程语言ASP1第二章 网站设计2.1 网站主题我们网站的主旨在于从各个方面全面的介绍美食,展示美食,包括不同地方、不同民族的美食,网站里还包括美食的简介和美食的做法,为爱好美食的食友建立一个好的的平台。同时,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橘黄色,最重要的是做出自己的风格,给浏览者和美食爱好者以好的视觉感受. 2。2 网站材料 主要在网站上搜集所要的网页信息,包括图片、文字、相关的新闻。同时,查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得
9、来更加具有说服力的页面。要想做一个比较好的网站,能够给浏览者好的欣赏感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。2.3 网站的制作工具 做网页时主要使用的是Deamweaver。另外,为了处理网页中的其他元素,还使用了Photoshop、Macromedia Fireworks、Macromedia Flash等软件。2.4 制作网站的网页 素材、风格、模板都设计好以后,下一步就是具体的制作网页。制作网站时,首先要做的就是站点的规划,建立一个本地站点,建立的各个页面都应该放在本地站点中,在网页制作时所需的
10、各个元素都进行了统一的管理,建立统一的文件夹放同一类型的文件,我在制作时建立了“image”文件夹来存放图片.同时,网页中的css 样式文件也应统一管理,做到有条不紊,我们设计的网站的新闻发布如下图:图31 新闻发布插入相关链接的菜单栏,一方面为了布局合理,弥补左下角的空缺,另一方面给浏览者提供放表的导航,点击其中任意一个都会连接到其他网页,如点击返回登陆就会连接到下面网页:图 32 后台登陆2。5 上传测试网站网页制作完毕以后,要进行反复的测试,保存后在IE浏览器上反复运行自己的网站,用以发现设计中的缺陷并及时改正。第三章 网页设计3.1 首页的设计与制作在静态网页制作中首先我们要考虑的就是
11、主页面的布局以及色彩。主页的设计是整个网站的灵魂,构思导航栏的分类,然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,我们构思大致分几部分,首页、菜谱、厨房、食材、饮食健康、饮食咨询、后台登录等七大板块。图3-1网站主页3。2 资料的搜集主页的导航栏设计好后,接下来就是对主页导航栏的各个内容进行资料的收集,我们采用大量的资料收集再对资料进行塞选,得到最适合导航栏内容的资料。素材的选择,要符合网站的主题,图片的大小要符合模板的轮廓,我们将不符合模板的用软件处理编辑,然后放入站点底下,进行图文的链接和排版。3。3 建立模板和库此次网站建设中我们决定大量运用模板和库,运用模板和库对于
12、建立网站提供便利同时也为我们减少大量的工序。3。4各个子网页的建立我们设计好模板后只要在可编辑区依次编辑所需资料就可,运用模板建立子网页少了很多工序,为我们节省大量的时间.尽管我们建立了模板,但我们在建立子网时很小心,因为一张图片的大小插入就有可能破坏整个模板的结构尤其在使用表格时,因此我们对所插入的图片和表格都得进行测量,做到不影响网站整体的美观。图32 分页美食资讯图3-3 分页饮食菜谱3.5实现网页间的链接做好各个子网和首页后,接下来就是通过链接,将整个网站中的网页链接起来,使各个分页和主页、分页和分页间可以流畅的切换,从而减少人们浏览网页的时间。图34 分页链接3.6实现动静态网页的结
13、合将静态网页转换,插入动态效果使得我们在后台操作时,插入的时事新闻可以在网页中实现,完成新闻发布的效果。图3-5 实现动静态网页代码第四章 Linux操作系统发布服务器: SFTP用户名: SFTP密码: TelNet用户名: TelNet密码: MySql 5。0及以上版本 Php 5。0及以上版本 Apache 2.0及以上版本 主站绑定域名:www.vec。com 默认首页:index.html 设置php解析htm和html扩展名 博客绑定域名: 默认首页:index。php 网站目录结构: v-ec(主站) upload: 写权限 w3cgroup(博客) upload: 写权限 A
14、pache、Php及MySql设置 httpd.conf配置: Linux路径:/usr/local/apache/conf/httpd。conf 忽略大小写 LoadModule speling_module modules/mod_speling。so CheckSpelling On 设置默认首页 DirectoryIndex index。htm index。html index。php #设置php能解析的文件 AddType application/x-httpd-php 。php AddType application/xhttpd-php 。htm AddType application/xhttpd-php .html 设置多域名绑定,请将192.168.11。11更改为真实服务器IP NameVirtualHost 192。168.11。11:80 绑定主域名www.vec。com,请将192。168.11.11更改为真实服务器IP VirtualHost 192。168.11.11:80 DocumentRoot /www/docs/vec ServerName ServerAlias # ErrorLog logs/www。v-error_log # CustomL