网络发展到今天,建立网站已经成为一个很普遍的问题了,对于一个企业来说,建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象,直接开拓国际市场,开展24小时网上营销及高效廉价的定向宣传;与客户建立最直接的交流机制,缩短推出新产品和打开新市场的周期,与富有吸引力的客户群发展客户关系网;与自己的销售人员保持联系,进一步面向本地市场。
出色的网站吸引人的地方不仅仅在于其内容,鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富,如果网站的结构和风格不能吸引人,那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在,因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。
整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样:企业网站的宗旨就是对外宣传企业形象,发布企业最新的企业产品,其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务,这就是企业网站的建设方向;个人网站的宗旨就是宣传自己,提供一个自身和外界交流的场所;由此可见,网站的设计方向是依据网站的客户、服务群体等多方面来确定的。
本站是一个用Dreamweaver、Flash、PHP、SQL server20xx设计编写的美食网站,主要包括6个模块:首页,菜谱,厨房,食材,饮食健康,饮食资讯等。通过本网站系统能提供各种与美食相关的信息以及各种美食信息的交流。与其他企业网站一样,也应通过Internet来对外宣传网站。
建立以Dreamweaver,Flash等技术编写的前台表现模块,为用户提供方便快捷的信息服务与交流。随着网络技术的迅猛发展,互联网的快速发展使越来越多的人选择从互联网上获取信息,因此,互联网逐渐成为一个宽广的信息发布平台和获取信息的平台。本网站系统就要有用户注册和新闻发布两大动态功能。通过以PHP编写,以SQL 20xx作为后台数据库的网站后台管理系统,制作了一个简单的美食网站系统,实现了美食网站用户登陆、注册以及新闻发布等功能。
第一章 项目需求分析
1.1需求分析
互联网丰富多彩,这些信息大多通过网页与用户进行交互。网页的实现形式多种多样,无论是短小精悍的个人主页,还是结构清晰、丰富的大型网站,网站的需求分析和规划设计都要放在第一步,因为它直接关系到网站的功能是否完善,质量是否能够达到保证。
1.2实训目的
网站的建设不仅仅是制作主页的问题,还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题,写出详尽的建站计划,可以说这是网站建设的根源和核心所在。作为一个美食网站,我们的服务群体及访问者都定位在爱好和热爱美食的大众,为为大家服务就是我们这个网站的目的和方向。从整个页面上可以看出,我们的这个整个网站涉及所有热爱美食的人。整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样,企业网站的宗旨就是对外宣传企业形象,发布企业最新的企业产品,其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务,这就是企业网站的建设方向;个人网站的宗旨就是宣传自己,提供一个自身和外界交流的场所;由此可见,网站的设计方向是依据网站的客户、服务群体等多方面来确定的。
通过综合实训进一步巩固,深化和拓展学生的理论知识与专业技能。
训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。
培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
时间过得很快,我即将毕业来到了社会这个汇集众多江河湖水的大海,感受到了独立生活的好处与艰辛,同时我自己也更深的理解了,家长和学校老师对我们的殷切希望,在社会实习的这段日子,我吃了些苦,受了些罪,可是整个人在肉体上和精神上却升华了很多,也比以前的变得更有自信了。
一、实习工作介绍
我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+div),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+div进行排版的,所以在最后一步的时候,我们还需要进行浏览器测试,因为css+div排版方式有一个最大的缺点就是:浏览器不兼容的问题,典型的如:ie与fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有2块的提成,虽然少点,但是积少成多,也是很可观的。
二、初来公司的.时候
(一)初级考试
初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了**公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监看了以后,说不错,让我三天后参加培训,合格扣就可以正式上班了。
(二)三天的培训工作
三天后,我来到了公司,一看,来参加培训的人有很多,大概在十多个人左右,其实所谓的培训,就是让大家先熟悉这家网站的工作,先做一些他们平时干的活,做一些广告网页,这些网页都是静态的,没什么难度。我后来发现,自己在这些人当中,还是较较者,心里优势还挺好的。
(三)最后的考核
三天的培训后,我们迎来了最后的考核,合格的人会被留下,并得到一份为期一个月的实习合同,然后会在根据你在实习期的表现决定你的去留问题,最优秀的人会转正,得到很优厚的待遇。
考核的内容,就是在公司的商务网站上任选一个页面,然后在规定的时间内做完,我还不错,技术比较熟练,是第四个做完的。当我们把网页做完后由这家公司的经理进行审核,最后的结果是,最先做完的前8个人可以有底薪加提成,每人页面的提成是2元钱,而后面做完的,只有提成,没有底薪,他们的提成是每个页面5元钱,最后的几个人就被淘汰了,制度虽有点不近人情,但是刚毕业的学生能忍也就忍了,就这样,我们每个人得到了一份一个月的临时合同,正式开始了实习工作。
三、正式工作
我们每天的上班时间是从早上8:30分到下午的17:00,这是我见过最有激情的一些人了,年纪轻轻,干劲十足,来了以后就工作,连平时聊天的内容也和本行业分不开,我喜欢他(她)们,回为是实习期,所以每天做的数量没有太大要求,但是每个人都玩命似的干活,抓紧时间做网页,我们做的网页是比较简单的从上到下式的网页,通过css+div排版,这样在后期浏览器兼容测试中,就好做的很多了,文字与图片之间就不会有太多的麻烦,我干的很不错,不过有些追求精致,我做网页的速度慢了很多,最初每天只能做3——4个网页,这对于我来说是不能接受的,后来我改变了工作方法,我第次工作的时候,先订下计划,比如今天做多少网页,然后我将要做的所有网页,先做好排版,这时的网页虽然排过版,但是不美观,因为没有进行美化工作,然后我会在下午的时间,集中全力做美化工作,就这样我的速度提高了很多,快了将近一倍多。只要更加熟练速度不会更快,我相信自己。
一、任务内容
原计划打算以“植物”为主题,在设计过程中发现范围过于宽泛,无法完成主题的设计。因自己十分喜爱栀子花且有所种植经历,经考虑后重新确定了以“栀子花”为主题的网页设计内容。主要分为一、栀子花的文化,二、栀子花的种类和生长特性以及三、我的栀子花三个模块。
其中,模块一使用幻灯片进行演示,主要分为关于栀子花的诗句、栀子花的传说以及栀子花的蕴涵三个部分。模块二采用网页模板进行展示,主要介绍了大叶栀子和雀舌栀子两种栀子。模块三主要展示了自己拍摄的栀子花图片。希望通过我的展示,让他人对栀子花有所了解。
二、设计步骤
一、构思
首先,对栀子花的种类进行简单的介绍;其次,对栀子花的文化内涵进行简要描述;最后,展示自己种植的栀子花成果。因此,此次作业共由三部分网页【一、主页、二、栀子花的种类和生长特性、以及三、自己种植的栀子花的图片三个模块。】和一组幻灯片【栀子花的文化】构成。其中模块二【栀子花的种类和生长特性】采用网页模版组成,主要介绍了两类栀子花——大叶栀子和雀舌栀子,更加便于了解。
二、取材
主要从网络上获取所需的图片、音乐等关于栀子花的素材,其中部分照片从个人相册中获取。
三、设计 (一)网页设计
模块一、栀子花的文化以及模块三、我的栀子花采用网页设计。
在首页添加表格,在表格内增添标题栏以及字幕,增添了图片、背景图片、背景音乐、文字、艺术字对首页进行丰富和充实。在部分文字以及图片上增加超链接,与三个模块进行连接,便于翻阅。
在模块二中采用网页模板进行展示,主要介绍了大叶栀子和雀舌栀子两种栀子。在模板内采用表格对网页进行划分,对栀子花进行概述和分类描述。插入图片,便于直观的了解各个种类的栀子花。其中,各个种类的栀子花展示位于网页模板的右方,在左方进行总说,并通过超链接与栀子花的分类说明建立联系。
在模块三中,通过绘制表格对网页进行大小不同的划分,插入栀子花的图片拼接成整个网页。
(二)幻灯片设计
此组幻灯片主要用来介绍栀子花的文化。在幻灯片上主要增添了背景图片、背景音乐以及大量的文字说明,未对幻灯片进行大量的美化和修饰,主要目的是为了让他人关注了解栀子花的丰富的内涵和文化。
(三)flash设计
此次flash设计主要用于美化模块二中对大叶栀子以及雀舌栀子的介绍过程。
四、美化
(一)添加背景音乐
在主页以及各个模块中均插入了背景音乐。
(二)设计网页过渡 (三)添加超链接
三、采用的方法与手段
(一)使用Frontpage制作网页
单击新建网页可选择新建空白网页或其他网页模版。
单击表格,选定绘制表格或布局表格或单元格即可绘制单元格。 选定单元格,单击鼠标右键选定背景即可插入背景图片。
选定网页,单击鼠标右键,选定网页属性,浏览格式即可添加网页背景。 选定单元格,即可输入文字。
选定插入,选择插入图片或艺术字即可插入图片或艺术字。 选定插入,选择交互式按钮,即可插入字幕。 选定格式,选择网页过渡,即可设计网页过渡效果。
(二)使用Powerpoint制作幻灯片
单击鼠标右键,选定背景,选定其他填充效果,浏览选定图片即可添加背景图片。
单击插入,选择图片,即可添加图片或者艺术字。
选定文字,单击鼠标右键,选择自定义动画即可添加自定义动画。 选定幻灯片,单击鼠标右键,选择自定义动画即可添加自定义动画。 选定艺术字,单击鼠标右键,选择自定义动画即可添加自定义动画。、
(三)使用Flash制作动画
单击插入新建元件,即可进行元件的编辑。
单击15帧或30帧,单击鼠标右键,选择插入空白关键帧。 单击第一帧或第15帧,选择补间,选择形状或动画即可。
实习目的:熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力,提高我们的计算机文化素质。
网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子,它的每一个窗口都可以看成一扇门,人们可以沿着搜索引擎其他WEB站点的链接,绕过主页而进入WEB的深层。
一.网站的整体规划
1.讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。
2.定位网站CI形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。
3.确定栏目和板块:
1]首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。
2]其次就应该考虑导航条的设置了。
3]正文的框架设置 (横向因素和纵向因素交错)
在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。
4.网站的整体风格和创意:建立一个浪漫的旅行网站,走映像派路线,目的务必使浏览者留下映像。
二.网页制作的前期策划与准备
1.资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。接着就搜集了一些有梦幻效果的网页背景,FIASH源代码、小图标和一些GIF的动画等。
2.熟悉制作工具软件:
主页制作的基本条件有:
硬件:
一台电脑(64MB以上内存,当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;
软件:
HTML编辑软件:常用的有Frontpage、Hotdog等,本文重点介绍 Dreamweaver;
图像处理软件:常用的有Photoshop、flash、Fireworks 等;
文件上传软件:常用的有Cuteftp、WSftp等。
三.网页制作
真的是万事开头难啊,遇到了很多问题,比如:插入的图片不符合规格,一下子把其他内容的框架挤开;插入的层太多,大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知,原来自己还有那么多欠缺的知识。于是回归本源,先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。
在对基本知识有了详细的了解之后,做起东西来就得心应手多了,知道引导页能过加映像之后,我决定为我的网页设计一个引导页。
然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式,其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换,比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.
在一步一步的边学边做的过程中,看着心中的东西一点一点的出来,真的很有成就感。虽然自己的网页技术还差的远,但是回顾一下这周真的学到了很多的东西。
四.网页的调试
之前把作过的东西放到U盘里,发生过图片显示不出来的状况,还好即使找到了解救的方法,把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。
总结:在公司里实习的这段时间里,我真正体会到了团队的力量。刚得到公司通知说我面试通过,真的很开心。在没进公司的时候,有很多的憧憬。希望自己可以大干一场,当时感觉自己有太多可发现的潜力可以挖掘,就等着有那么一个人可以发现自己这么一块金子。进去之后才发现其实自己是那么的渺小,千万不要自以为是,比你好的多的多,你没有什么了不起的。做人一定要塌实。没有同事们一起的努力,就单靠自己一个人的力量肯定是做不好事情。特别是在销售部这样一个部门,更加需要大家的一起努力。
实习是每一个大学毕业生必须拥有的一段经历,他使我们在实践中了解社会,让我们学到了很多在课堂上根本就学不到的知识,也打开了视野,长了见识,为我们以后进一步走向社会打下坚实的基础,实习是我们把学到的理论知识应用在实践中的一次尝试。我想,作为一名即将毕业的大学生,建立自身的十年发展计划已迫在眉睫,不是吗?