人个网页制作-学位论文.doc
《人个网页制作-学位论文.doc》由会员分享,可在线阅读,更多相关《人个网页制作-学位论文.doc(34页珍藏版)》请在咨信网上搜索。
1、个人网页设计毕业论文山西工程职业技术学院个人网页制作毕业论文 系别:计算机工程系 班级:网11班 姓名:xxx 学号:xxx指导老师:xxx 2013.5.22 目录摘要:.3关键字:.4第一章 绪言: .4第一章 1.1 网页简介 .4第一章 1.2 网页设计 .5第一章 1.3 网页设计现状 .7第二章 文献综述 .8第二章 2.1 课题研究现状分析 .8第二章 2.2 个人网站的研究工作 .9第二章 2.3 已经取得的研究成果 .9第二章 2.4选题的目的及意义 .9第二章 2.5 课题研究的主要内容 .10第三章 网站设计分析: .10第三章 3.1网站设计概述: .10第三章 3.2
2、 开发工具的选用及介绍: .11第三章 3.2.1 Dreamweaver8.0: .11第三章 3.2.2 Photoshop CS: .12第三章 3.2.3 网页基本html代码 .13第三章 3.2.4 明静态网页html以及div+css(举例说) .14第三章 3.3 关系型数据库的选择:.16第三章 3.3.1 Microsoft Office Access简介: .16第四章 网站地图.17第四章 4.1为何要建立网站地图 .17第四章 4.2 我的网站地图 .18第五章 网站概述 .18第五章 5.1 网站定位: .18第五章 5.2 系统构思: .18第五章 5.3 网站栏
3、目简介: .19第六章 详细设计: .20第六章 6.1 网站制作过程: .20第六章 6.1.1 logo的制作过程: .20第六章 6.1.2 banner的制作过程: .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
4、.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第七章 结束语: .31第八章 心得体会 .32第九章 参考文献: .33第十章 致谢: .34 摘要:随着经济社会的发展,计算机已被应用到社会生活的各个领域。与此同时,互联网作为信息技术的通信桥梁连接着全球的计算机,而网站作为网络信息主要的表现形式而且还是互联网信
5、息的主要承载者,在Internet上表现出其及其重要的地位,并发挥着其及其重要的作用。无论是在国内还是国外都得以迅速的发展和壮大,并被人们重视和关注。互联网已经彻底的改变了世界,互联网的世界里蕴藏着无限的可能,在这种情况下,各行各业及其个人、单位、工厂、企事业等等在网上构筑属于自己的网络信息平台,保护自己的网络资源并在互联网上开辟自己的市场和消费群体,以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要。于是各种各样的网站便如雨后春笋般地出现鱼龙混杂且良莠不齐。Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用,使得网站的建设及网页制作得到发展
6、的空间,大至大型企业的产品推销、售后服务、解决方案,小至个人Web页面开发,形形色色,五彩缤纷,网站建设和网页制作也成为计算机网络领域最热门的话题。 本文就网站的主题内容及网站的制作与设计这两方面进行描述与分析。 本网站的主题是个人快乐吧,整个网站是以我个人生活圈为主题,就像人们常用的QQ空间或微博,主要包括了首页、新闻收藏、我的学习、我的旅游、收藏夹、英语天地、留言薄等栏目。在整个设计过程中主要是运用Dreamweaver、ACCESS、photoshop等编写的。通过本网站系统,可以清楚的让人们了解自己的生活圈,互相了解,方便交流。 如今,在网络技术的迅猛发展下,互联网的不断普及,让人们都
7、感受到网络的方便快捷,从而大家都喜欢选择从互联网上获取信息,因此,互联网逐渐成为一个宽广的信息发布平台和获取信息的平台。本网站也需要通过Internet来对外宣传、普及,从而让世界的人们知道了你的独一无二。 本网站主要是以建立Dreamweaver、ACCESS、photoshop等技术的静态网站管理系统的前台表现模块,使用了Dreamweaver技术的静态网页技术,加上ACCESS作为后台数据库,制作了一个简单的个人生活交流圈网页,实现了生活的方便交流,例如可以在自己的小网站里直接查看自己喜欢的新闻啊,学习啊,还有旅游等等,也可以让朋友们了解自己的圈圈。 关键字:个人网站 photoshop
8、 Dreamweaver 自己的小天地 快乐吧第一章 绪言: 二十世纪进入信息发展高速路,数码化革命给所有领域带来新的改变。随着电脑办公自动化的普及,电子商务应运而生,一切都归功于internet的巨大贡献,互联网的世界里蕴藏无限生机,这里只有想不到的、没有做不到的。由于国际互联网是一个不受时空限制的信息交换系统,所以它是目前最直接、最丰富和最快捷的联系方式,信息沟通的高效率为企业带来了最大的方便。个人网站是一个可以发布个人信息及相关内容。通俗理解个人网站:就是指网站内容是介绍自己的或是以自己的信息为中心的网站,不一定是自己做的网站,但强调的是以个人信息为中心。个人网站是指个人或团体因某种兴趣
9、、拥有某种专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。同时随着互联网的快速发展和不断普及,网站成了传播信息最有效的平台。所以我制作了一个专门针对我自己的网站,把我自己介绍给社会, 社会在发展,人们的思想观念,生活方式也在发展,通过网站这种方式与企业或者他人交流已经趋向普及。 1.1 网页简介 网页是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。 网页(Web page)是一个文件,他存放在世界某个角落的某一部计算机中,而这部计算机必须是与互联网
10、相连的。网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。是万维网中的一“页”,通常是HTML格式(文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。 1.2 网页设计网页设计-网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象
11、和文化的重要窗口。企业网站设计显得极为重要,下面是一些网站设计中应注意的原则。 1)、明确建立网站的目标和用户需求 Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此我们必须明确设计站点的目的和用户需求,从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,以“消费者(customer)”为中心,而不是以“美术”为中心进行设计规划。 在设计规划时我们会考虑: 建设网站的目的是什么? 为谁提供服务和产品? 企业能提供什么样的产品和服务? 网站的目的消费者和受众的特点是什么? 企业产品和服务适合什么样的表现方式(风格)? 2)、
12、网页设计总体方案主题鲜明 在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页 面布置,甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。为了做到主题鲜明突出,要点明确,我们将按照客户的要求,以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣,办出网站的特点。 建立网站的要点网页设计的两大要点是:整体风格和色彩搭配。 a、确定网站的
13、整体风格 网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。 风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。 在这里,我提供给大家一些参考经验: 1将你的标志logo,尽可能的放在每个页面上最突出的位置。 2突出你的标准色彩。 3总结一句能反映
14、贵站精髓的宣传标语! 4相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的! b、网页色彩的搭配 无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。 关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。 1用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。 2用两种色彩。先选定一种色彩,然后选择它的对比色。 3
15、用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。 在网页配色中,还要切记一些误区: 1不要将所有颜色都用到,尽量控制在三至五种色彩以内。 2背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。 制作网页的常见工具1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具2、Frontpage 跟dreamweaver一样,不过个人感觉还是dreamweaver好。 3、FLASH 网页需要画面流动时的首选择 4、PS图象处理软件,一般网页都需要有图片的相搭配,PS是款很强大的工具。 5、FW跟PS一样都是
16、图象处理软件,但FW偏向与对网页的处理。我一般用PS 6、Fireworks跟PS很象的一种处理软件,主要用于制做动态图片格式。1.3 网页设计现状(一)垃圾还是经典 网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品,都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西,是远远赶不上综合借鉴者的。网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹是非常的明显!还有哪个设计者敢腆着脸说,这都是我自己的原创设计?对于业界来说,经典只是个理念和象征! (二)
17、国内网页设计环境 不可否认,国内网页设计环境目前还停留在初级的认知阶段,也就是说,绝大多数人不知道网络的真正的可用之处,你去做一个业务的时候,不得不去做大量的说服教育工作。以乙方的身份去说服甲方,以专业角度去教育非专业认识,结果是可想而知的。也正是这种全体社会普遍的低认知水平,导致了大量网络垃圾的产生。 (三)什么是好的网页设计 (1)内容和功能决定表现形式和界面设计 常常拿到的任务是一张小纸条,上面两句话,叫你去做一个网站设计。有的人看看纸条就去设计页面了,凭两句话,你就可以为客户做一个页面设计,以别人一些资深专家7、8年的设计经验,都不敢去做,真是偶像啊!做网页设计,需要了解客户的东西很多
18、: 1、建站目的 2、栏目规划及每个栏目的表现形式及功能要求 3、主色、客户性别喜好、联系方式、旧版网址、偏好网址 4、根据行业和客户要求,那些要着重表现 5、是否分期建设、考虑后期的兼容性 6、客户是否有强烈的建站欲望 7、你是否能在精神意识上控制住客户 8、面对你未接触的技术知识,你有底吗? 9. 网站类型 等等. 当把这些内容都了解清楚了时候,你的大脑中就已经给这个网站有个全面而形象的定位了,这时才是有的放矢去做界面设计的时候了。 (2)界面弱化 一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。 要让访客在0.
19、5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。 (3)模块化和可修改性强 模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度。这里就涉及一些尺寸、模数、宽容度、命名规范等等知识了,不再冗述。 无论是架构还是模块或图片,都要考虑可修改性强。举个简单的例子,logo、按钮等,很多人喜欢制
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 学位 论文
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【胜****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【胜****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。