推荐个人网页制作精品.docx
- 文档编号:7549237
- 上传时间:2023-01-24
- 格式:DOCX
- 页数:31
- 大小:849.03KB
推荐个人网页制作精品.docx
《推荐个人网页制作精品.docx》由会员分享,可在线阅读,更多相关《推荐个人网页制作精品.docx(31页珍藏版)》请在冰豆网上搜索。
推荐个人网页制作精品
山西工程职业技术学院
个人网页制作毕业
系别:
计算机工程系
班级:
网11班
姓名:
xxx
学号:
xxx
指导老师:
xxx
20XX.5.22
摘要:
............................................................3
关键字:
..........................................................4
第1章绪言:
....................................................4
第1章1.1网页简介.............................................4
第1章1.2网页设计.............................................5
第一章1.3网页设计现状.........................................7
第2章文献综述.................................................8
第2章2.1课题研究现状分析.....................................8
第2章2.2个人网站的研究工作...................................9
第2章2.3已经取得的研究成果...................................9
第2章2.4选题的目的及意义.....................................9
第二章2.5课题研究的主要内容..................................10
第三章网站设计分析:
...........................................10
第三章3.1网站设计概述:
.......................................10
第三章3.2开发工具的选用及介绍:
...............................11
第三章3.2.1Dreamweaver8.0:
...................................11
第三章3.2.2PhotoshopCS:
.....................................12
第三章3.2.3网页基本代码.................................13
第三章3.2.4明静态网页以及div+css(举例说)................14
第三章3.3关系型数据库的选择:
..................................16
第三章3.3.1MicrosoftOfficeAccess简介:
......................16
第四章网站地图..................................................17
第四章4.1为何要建立网站地图....................................17
第四章4.2我的网站地图.........................................18
第五章网站概述.................................................18
第五章5.1网站定位:
............................................18
第五章5.2系统构思:
............................................18
第五章5.3网站栏目简介:
........................................19
第六章详细设计:
................................................20
第六章6.1网站制作过程:
........................................20
第六章6.1.1logo的制作过程:
...................................20
第六章6.1.2banner的制作过程:
.................................20
第六章6.1.3主页制作过程:
......................................20
第六章6.1.4留言板的设计:
.......................................21
第六章6.2数据库的设计:
......................................21
第六章6.3系统实现代码:
......................................21
第六章6.3.1滚动文字特效:
......................................21
第六章6.3.2图片切换:
.........................................22
第六章6.3.3个人简介设计:
......................................23
第六章6.3.4英语flash动画代码:
................................24
第六章6.3.5建立布局...........................................25
第六章6.3.6网页中相关插入......................................26
第六章6.3.7设置导航条.........................................27
第六章6.3.8设置交换图像.......................................28
第六章6.3.9文字背景图像设置...................................28
第六章6.3.10制作弹出信息效果...................................28
第六章6.3.11设置滚动图片和文字.................................29
第六章6.3.12表单的制作.........................................29
第六章6.3.13链接...............................................30
第六章6.3.14制作flash图像查看器................................31
第7章结束语:
....................................................31
第8章心得体会...................................................32
第九章参考文献:
..................................................33
第十章致谢:
......................................................34
摘要:
随着经济社会的发展,计算机已被应用到社会生活的各个领域。
与此同时,互联网作为信息技术的通信桥梁连接着全球的计算机,而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者,在Internet上表现出其及其重要的地位,并发挥着其及其重要的作用。
无论是在国内还是国外都得以迅速的发展和壮大,并被人们重视和关注。
互联网已经彻底的改变了世界,互联网的世界里蕴藏着无限的可能,在这种情况下,各行各业及其个人、单位、工厂、企事业等等在网上构筑属于自己的网络信息平台,保护自己的网络资源并在互联网上开辟自己的市场和消费群体,以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要。
于是各种各样的网站便如雨后春笋般地出现鱼龙混杂且良莠不齐。
Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用,使得网站的建设及网页制作得到发展的空间,大至大型企业的产品推销、售后服务、解决方案,小至个人Web页面开发,形形色色,五彩缤纷,网站建设和网页制作也成为计算机网络领域最热门的话题。
本文就网站的主题内容及网站的制作与设计这两方面进行描述与分析。
本网站的主题是个人快乐吧,整个网站是以我个人生活圈为主题,就像人们常用的QQ空间或微博,主要包括了首页、新闻收藏、我的学习、我的旅游、收藏夹、英语天地、留言薄等栏目。
在整个设计过程中主要是运用Dreamweaver、ACCESS、photoshop等编写的。
通过本网站系统,可以清楚的让人们了解自己的生活圈,互相了解,方便交流。
如今,在网络技术的迅猛发展下,互联网的不断普及,让人们都感受到网络的方便快捷,从而大家都喜欢选择从互联网上获取信息,因此,互联网逐渐成为一个宽广的信息发布平台和获取信息的平台。
本网站也需要通过Internet来对外宣传、普及,从而让世界的人们知道了你的独一无二。
本网站主要是以建立Dreamweaver、ACCESS、photoshop等技术的静态网站管理系统的前台表现模块,使用了Dreamweaver技术的静态网页技术,加上ACCESS作为后台数据库,制作了一个简单的个人生活交流圈网页,实现了生活的方便交流,例如可以在自己的小网站里直接查看自己喜欢的新闻啊,学习啊,还有旅游等等,也可以让朋友们了解自己的圈圈。
关键字:
个人网站photoshopDreamweaver自己的小天地快乐吧
第一章
绪言:
二十世纪进入信息发展高速路,数码化革命给所有领域带来新的改变。
随着电脑办公自动化的普及,电子商务应运而生,一切都归功于internet的巨大贡献,互联网的世界里蕴藏无限生机,这里只有想不到的、没有做不到的。
由于国际互联网是一个不受时空限制的信息交换系统,所以它是目前最直接、最丰富和最快捷的联系方式,信息沟通的高效率为企业带来了最大的方便。
个人网站是一个可以发布个人信息及相关内容。
通俗理解个人网站:
就是指网站内容是介绍自己的或是以自己的信息为中心的网站,不一定是自己做的网站,但强调的是以个人信息为中心。
个人网站是指个人或团体因某种兴趣、拥有某种专业技术、提供某种或把自己的作品、商品展示销售而制作的具有独立的网站。
同时随着互联网的快速发展和不断普及,网站成了传播信息最有效的平台。
所以我制作了一个专门针对我自己的网站,把我自己介绍给社会,社会在发展,人们的思想观念,生活方式也在发展,通过网站这种方式与企业或者他人交流已经趋向普及。
1.1网页简介
网页是构成网站的基本元素,是承载各种网站应用的平台。
通俗的说,您的网站就是由网页组成的。
如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。
网页(Webpage)是一个文件,他存放在世界某个角落的某一部计算机中,而这部计算机必须是与互联网相连的。
网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。
是万维网中的一“页”,通常是格式(文件扩展名为.或.)。
网页通常用图像档来提供图画。
网页要透过网页浏览器来阅读。
1.2网页设计
网页设计--------网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。
企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
企业网站设计显得极为重要,下面是一些网站设计中应注意的原则。
1)、明确建立网站的目标和用户需求
Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此我们必须明确设计站点的目的和用户需求,从而做出切实可行的设计计划。
我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,以“消费者(customer)”为中心,而不是以“美术”为中心进行设计规划。
在设计规划时我们会考虑:
建设网站的目的是什么?
为谁提供服务和产品?
企业能提供什么样的产品和服务?
网站的目的消费者和受众的特点是什么?
企业产品和服务适合什么样的表现方式(风格)?
2)、网页设计总体方案主题鲜明
在目标明确的基础上,完成网站的构思创意即总体设计方案。
对网站的整体风格和特色作出定位,规划网站的组织结构。
Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。
有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。
好的Web站点把图形表现手法和有效的组织与通信结合起来。
为了做到主题鲜明突出,要点明确,我们将按照客户的要求,以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣,办出网站的特点。
建立网站的要点
网页设计的两大要点是:
整体风格和色彩搭配。
a、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。
难就难在没有一个固定的模式可以参照和模仿。
给你一个主题,任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。
是指站点的整体形象给浏览者的综合感受。
这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
举个例子:
我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。
这些都是网站给人们留下的不同感受。
在这里,我提供给大家一些参考经验:
1.将你的标志logo,尽可能的放在每个页面上最突出的位置。
2.突出你的标准色彩。
3.总结一句能反映贵站精髓的宣传标语!
4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!
b、网页色彩的搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。
当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。
关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。
在此我们仅仅想告诉大家一些网页配色时的小技巧。
1.用一种色彩。
这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。
2.用两种色彩。
先选定一种色彩,然后选择它的对比色。
3.用一个色系。
简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
在网页配色中,还要切记一些误区:
1.不要将所有颜色都用到,尽量控制在三至五种色彩以内。
2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
制作网页的常见工具
1、dreamweaver,用与编辑、ASP、JSP、PHP时的辅助工具
2、Frontpage跟dreamweaver一样,不过个人感觉还是dreamweaver好。
3、FLASH网页需要画面流动时的首选择
4、PS图象处理软件,一般网页都需要有图片的相搭配,PS是款很强大的工具。
5、FW跟PS一样都是图象处理软件,但FW偏向与对网页的处理。
[我一般用PS]
6、Fireworks跟PS很象的一种处理软件,主要用于制做动态图片格式。
1.3网页设计现状
(一)垃圾还是经典
网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已。
不管是垃圾还是精品,都没有所谓的经典。
经典只存在于是哪个首次成功创新性的应用。
一个闭门造车者做出的东西,是远远赶不上综合借鉴者的。
网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹是非常的明显!
还有哪个设计者敢腆着脸说,这都是我自己的原创设计?
对于业界来说,经典只是个理念和象征!
(二)国内网页设计环境
不可否认,国内网页设计环境目前还停留在初级的认知阶段,也就是说,绝大多数人不知道网络的真正的可用之处,你去做一个业务的时候,不得不去做大量的说服教育工作。
以乙方的身份去说服甲方,以专业角度去教育非专业认识,结果是可想而知的。
也正是这种全体社会普遍的低认知水平,导致了大量网络垃圾的产生。
(三)什么是好的网页设计
(1)内容和功能决定表现形式和界面设计
常常拿到的任务是一张小纸条,上面两句话,叫你去做一个网站设计。
有的人看看纸条就去设计页面了,凭两句话,你就可以为客户做一个页面设计,以别人一些资深专家7、8年的设计经验,都不敢去做,真是偶像啊!
做网页设计,需要了解客户的东西很多:
1、建站目的
2、栏目规划及每个栏目的表现形式及功能要求
3、主色、客户性别喜好、联系方式、旧版网址、偏好网址
4、根据行业和客户要求,那些要着重表现
5、是否分期建设、考虑后期的兼容性
6、客户是否有强烈的建站欲望
7、你是否能在精神意识上控制住客户
8、面对你未接触的技术知识,你有底吗?
9.网站类型
等等...
当把这些内容都了解清楚了时候,你的大脑中就已经给这个网站有个全面而形象的定位了,这时才是有的放矢去做界面设计的时候了。
(2)界面弱化
一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站业提供给使用者主要是什么。
这就涉及到浏览顺序、功能分区等等。
要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。
当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。
网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。
效果可以体现意境,点到为止。
(3)模块化和可修改性强
模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度。
这里就涉及一些尺寸、模数、宽容度、命名规范等等知识了,不再冗述。
无论是架构还是模块或图片,都要考虑可修改性强。
举个简单的例子,logo、按钮等,很多人喜欢制作图片,N个按钮就是N张图片。
如果只做3-5类按钮的背景图片,然后用在网页代码里打上文字,那么修改起来就简单了,让程序员自己改字就可以了。
然而网页显示的字体是带有锯齿的,一般既能清晰又保证美观的字体字号有几类:
宋体12px|宋体12px粗体|宋体14px|宋体14px粗体|黑体20px|verdana9px|ArialBlack12px+|
(4)创意是可耻的,分析能力远比创意来的重要
设计界动辄就大谈什么“创意”,我要说的是,还没有搞清目的意义内容,还没在技术制作上臻于完善的基础上,用创意和特效来迷惑客户和访客是可耻的。
一个网页设计者的分析能力远比创意来的重要。
第2章文献综述
2.1课题研究现状分析
伴随着社会的发展和科学的进步,上网成为越来越多人们的选择。
随着互联网的飞速发展,有关网络的技术也层出不穷。
如今互联网上的个人网站如雨后春笋般蓬勃发展,绚丽多彩的主页比比皆是。
每个人都有发挥个人才能,挥洒自己个性的网上伊甸园。
在hao123神话以后,网站大全类网站又再一次达到顶峰。
然而这个模式拷贝成功的网站却寥寥无几。
而对于技术薄弱的个人网站来说,似乎网址类网站应该是一个很好的切入点。
但是由于搜索的异军突起,网址类网站似乎变得可有可无。
网页实际是一个文件,他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。
网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。
文字与图片是构成一个网页的两个最基本的元素。
可以简单的理解为:
文字,就是网页的内容,图片,就是网页的美观。
除此之外,网页的元素还包括动画、音乐、程序等等。
网页实际上只是一个纯文本文件,它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏缆器则对这些标记进行解释并生成页面。
2.2个人网站的研究工作
1.理论研究基础:
个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。
个人网站的自由、开放精神,并使之更容易操作,更具个性需求,而不需要高深的技术。
它可以帮助个人进行全面的信息化,以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。
以个人为中心,建立一个完全属于自己的可定制的个性化网络平台。
来自文章的评论,留言板都可以很好的进行交流,倾听别人的声音。
2.技术层面的支持:
随着互联网的进一步发展与成熟,网络的带宽进一步加阔,网络应用也越来越广泛。
网页制作更是日新月异,层出不穷。
涌现了很多琳琅满目的网站,使得整个互联网多姿多彩。
2.3已经取得的研究成果
中国互联网在近几年发展迅猛。
一方面,产生了一批依赖技术领先的互联网公司,取得了成功;另一方面,互联网技术逐渐走向普及,使得行业进入门槛正在降低。
目前中国网站总数已经近百万。
在这里面出现了大量的个人网站。
并且个人网站存在着巨大的商业价值。
如果能以强大的号召力,把互补的个人网站联合起来,不知道可以成立多少个门户网站。
我们有理由相信,个人网站还极具潜力。
2.4选题的目的及意义
随着Internet的迅速普及,我们已经不再满足于仅仅浏览网页,而是希望更深入地参预到网络中去,Internet的开放性使个人建立自己的网站成为可能,拥有自己的网站也越来越成为一种时尚,同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。
我们更需要交流,相信交流能够促进我们不断的进步,并融合别人的长处;让我们多一些渠道倾听来自不同立场的声音;设想我们的网络,当每个人都拥有个人网页,不管是否在线,我们都可以跨越时间、空间进行交流,因为这个网页中拥有我所有的一切,生活,见解,知识,思想;理想的状态是个人门户就是每个人的影子,他为每个人打点网络上的一切,很多志同道合的朋友会在这里和你相识相知。
2.5课题研究的主要内容
互联网是社会发展的必然趋势,很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。
他们钻研并且努力进入到这一个新的空间,新的领域。
其中包括你和我。
在我们的工作、日常生活中
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 推荐个人网页制作 精品 推荐 个人 网页 制作
![提示](https://static.bdocx.com/images/bang_tan.gif)