网页设计论文
网页设计技术论文

网页设计技术论文网页是组成互联网的最基本要素,其在互联网中扮演着极其重要的角色。
下面是由店铺整理的网页设计技术论文,谢谢你的阅读。
网页设计技术论文篇一网页设计中的CSS应用技术【摘要】本文从讲述CSS产生的背景过渡到解释什么是CSS技术,CSS与网页的关系等。
虽然目前我们使用的CSS技术已经能精确控制网页的整体布局、提高网页代码的重用率、能简化HTML静态网页中的各种繁琐标记、提升网页在互联网上的传输连率、使得网页的更新与维护变得方便。
但是在一些实际的使用过程中,由于CSS技术依然存在不少缺陷,因此还是需要进行一些局部的优化操作。
【关键词】CSS技术 CSS与网页相关性 CSS缺陷局部优化一、引言从网络诞生到发展至今.HTML的功能也随着网络的发展而日趋完善。
然而,网页内容跟控制样式夹杂混合一直是网页设计语言的一大缺陷。
为了能够使网页具有更好的兼容性,万维网联盟制定出统一的CSS规范,把需要利用样式来控制的内容彻底地从网页中分离出来。
二、什么是CSSCSS的全称是Cascading Style Sheets,中文又称为“层叠样式表”,是一种用于控制网页页面布局的便捷技术,可以较轻松地控制页面的布局,使页面的元素变得合一;与此同时,它不再需要一页一页地修改单个页面(假设每个页面都是修改相同的部分),而可以将多个网页的风格同时进行更新;并且由于CSS具有非常好的兼容性,几乎能在所有浏览器上使用。
因此CSS技术在现代网页设计中得到了非常广泛的应用。
三、CSS的产生背景CSS是万维网联盟组织为了克服HTML语言在设计网页样式时的不足而制定出的扩展样式标准。
CSS在各个方面不仅原本继承了HTML各种标记的属性设定(即样式) ,同时还扩充了HTML中没有实现的功能区,比如它能够通过VBScript程序等设计语言来控制网页,这样便能实现有效地对网页的外观和布局进行更精确的控制,继而使网页的展示、网页的布局更加灵活。
网页设计视觉表现形式论文

网页设计视觉表现形式论文一部分网页设计只注重功能层面重视服务而轻视视觉传播在设计版式上大多是“左中右”三大板块的死板规矩模式千篇一律,变化性较差一个成功的网页设计单靠图形图像是无法负担的非借助文字不可文字表达最大的特征是表意的准确性而现在的很多网页设计中对文字的使用修饰、创新成分很少只是为了达到宣传目的而堆砌宣传文字以上两条是由于“早期承传”而留下来的问题目前还有待于进行规范和修正我们所见到的很多网页有相当一部分存在着这种毛病设计制作者将各种文字、图片、动画等内容不加考虑地简单拼凑在页面上既不够条理也很不规范更谈不上艺术技巧了由于没有做好归类和整理导致内容五花八门、不分主次;由于做不到用艺术手法突出内容层次整个页面就像一个大杂烩网页设计不是唯美作品它是一种实用设计必须找准艺术与内容的结合点关键是要把握住“度”也就是“火候”例如有的网页页面做得虽花哨但很不实用它或是用“深色调”、带有花哨图案的图片作背景;或是随意使用颜色各异、风格不同的图片、文字、动画、页面冲淡了整体感又如有的网页追求片面的唯美主义将按钮溶入到页面的图片中去虽然整体漂亮了但是用户有时却找不到按钮造成了网页使用方面的障碍一些“网站”在标题的放置、按钮的编排到动画的采用上几乎都有相似之感就像流水线上下来的产品失去了自己的特点造成这种现象的原因是设计标准不高只要能区分开文本和背景就达到目的其采用的手法是“走捷径”虽然用大众化的方法追求容易但这样就失去了网页设计的目的笔者认为为了克服以上不足网页设计除了要具有自己独特的个性化设计外还要顺应“网民”的要求顺应市场的发展,不断推出新的栏目来满足市场的需求更好地服务“网民”作为一个真正的设计师不能只作画匠和工匠而是要有综合的驾驭能力包括综合的设计能力和顺应“民”心的能力我们在网页设计中既要注意强调个性化的创作和创意自由流畅地表现自我意识完成网页设计中的“这一个”的典型特色又要善于开拓创造性思维力避简单的图片拼凑网页设计的创新性视觉艺术表现:1.加强网页整体布局提高综合驾驭能力网页设计不只是一页的设计而是诸多页面的组合每一页与每一页的设计虽不同但风格是统一的所以我们在实际设计中应首先做好网页的整体布局与版面的合理分配最好按以下步骤进行:一是将所有应表现的内容按逻辑思维进行筛选排队合理分配版面好比是城市建设前的总体规划一样做到统筹兼顾二是根据网站的总体经营思路和整体风格针对内容而决定应使用的表现方法三是网页总体布局要把总体经营思路的创新策略放在突出的位置上加以着重表现因为创新策略往往是一个网站独有的它与网页设计的整体创意和个性的表现有着直接关系例如263网站从邮箱过渡到收费邮箱的运作就是一个适应国内消费心理的创新经营策略263主页在最醒目的位置着重突出了这一内容并在设计中较好地与平易简捷的操作方法结合起来初学者非常轻易就能获得邮箱并伴随着惊喜得到的实惠使其形成依赖嗜好和使用习惯由此过渡到收费对263巩固垄断地位起了很大作用四是要靠恰如其分的艺术设计方法来实现与深受“网民”欢迎情绪的对接这是对网页设计制作者综合素质的考验2.传统与创新相结合合理使用网页色彩提升视觉冲击力打开一个网站给人留下的第一印象就是网站的色彩色彩应让网络用户从计算机屏幕上得到赏心悦目的视觉呈现引起他们的良好沟通情绪例如在广告中照片能客观、地表现产品的质量如果根据需要合理地利用颜色就可以达到更加直观的效果如清凉型饮料可以使用鲜亮的绿色来暗示饮料的清凉可口体育用品可采用大胆的红色来表现出运动给人们带来的健康与活力等因此色彩的作用显得极为重要它可以比任何绘声绘色的宣传文字更为有效地表现产品的直观感受颜色的使用在网页制作中起着非常关键的作用总的讲要尊重“网民”对网页颜色象征的基本共识例如:红色象征喜悦黄色象征高贵蓝色象征天空、科技黑色象征夜晚白色象征纯洁绿色象征生机灰色象征庄重紫色象征富贵等要将网页色彩设计的令人过目不忘最常见的网页设计用色有这样几种:一是公司标准色与辅助色系的使用公司标准色与辅助色系的使用就是在网页设计用色上把握公司CI标准颜色形象的使用二是风格色的使用网页设计应遵循和依从整体风格这种依从来自于公司产品、名称的遐想、性别特征等诸多方面比如“蒙牛”使用充满朝气和体现创新精神的中性绿色“微软”使用象征科技含量与公司实力的蓝色和灰色搭配网站较多使用漂亮的粉红色等这都体现了自己的风格三是习惯色的使用这种方法一般个人网站使用较多设计者在网页设计中完全凭自己的个人爱好使用颜色自己喜欢什么颜色在网页设计中就倾向和着重使用什么颜色因此称为习惯色但其中也不乏优秀之作在网页设计的颜色使用方面除了学习各种色彩理论和方法之外还要多学习先进的用色方法,利用电脑显示器的色彩加色原理发挥计算机的优势使网页设计的色彩与普通的平面设计色彩有截然不同的风格3.灵活运用现代技术手段发挥好电脑软件的优势当前的网页设计使用最多的电脑软件有:“Photoshop”“DreamWeaver”“Flash”“FireWorks”“FrontPage”等我们要熟练掌握这些设计工具软件做到灵活运用将多种方法巧妙地结合起来例如利用多级空间、动画技术等追求智能化的设计在静态中寻求动势在平面中力求立体又如我们可以利用平面设计软件Photoshop与动画软件Flash的穿插配合使用把动画设计能将物体以运动着的方式在时间、空间中进行表现的优势引用于网页设计制作中达到画面生动、引人瞩目之目的再如我们可以吸收塞尚和毕加索追求空间的多维跳跃性和多角度错位感的画风采用电脑的技术手段把多个画面重叠、融合产生多层次、连续跳跃的视觉效果等4.严格遵守绘画原则充分发挥专业技巧E时代的到来使得网页设计这样一个新的艺术形式得到普遍推广和飞跃性发展但是设计者在应用新的制造工具——计算机的同时,仍然需要以严谨的态度遵循绘画基本原则例如网页设计中最突出的特点就是颜色夺目对比强烈如果在一个画面中要重叠表现多个图片在考虑颜色鲜艳夺目的同时画面构图仍然要遵循平面构成的原则即使打破了规律也是在“否定之否定”的基础上的打破与毫无美术知识的拼凑有着截然不同;进行写实表现时吸收平面设计中图形表述的手法有助于细致刻画图形美感;为了增加设计的趣味性适当使用幽默夸张的绘画手法也可以让画面变得生动产生较强烈的视觉冲击力这些都需要我们有过硬的绘画能力和技巧5.突出技巧设计体现网页个性在这一点上笔者有几点不成熟的做法仅供参考:①网页不只是单纯的欣赏光顾者还要进行大量的互动式交互活动要亲自动手去“点击”按钮要做到让其亲手去做网页本身就必须具备强烈的吸引力和引导性这是竞争的一种必不可少的重要手段所以必须做到②处理好网页设计中尺寸与版面容量的关系是网页设计中一项“钢性”任务在设计的图片太大、缩小又影响效果的情况下可以采用切割法将其设计在800×600像素内即把大的图片切割成若干小块在制作中再把这若干小块拼贴起来就能收到工整精细的版面预期效果③为了更好地表达设计者的意图可以利用具有图像和音乐合成功能的软件在网页设计中加入音效或动画的合成使网页更加生动随着现代生活节奏的加快人们在程序应用上的需求变为如何操作更便捷、更省力、更轻松Flash软件在网页设计中的合理利用使得网页设计在视觉与听觉方面达到了极大程度的共融④网页设计在注重大的视觉效果基础上,还要注意做好一些小的细节例如导航要设计得有特点摆放位置要醒目;按钮设计要一目了然操作简单;图标设计要让人过目不忘有自己的个性等这些都在一定程度上对网页的整体设计起到了画龙点睛的作用综上所述网页设计是现代高新技术带来的一个新的艺术设计门类它是通过艺术设计的特殊手段将各学科知识及创新成果浓缩的集结点它传递速度之快、范围之广、突破时空限制之威力不可比拟一切好的思路、创作及“潜智”都可以通过网页设计得以升华、实现因此网页设计是高智能的艺术设计产品它的创造力一定会伴随高科技的腾飞持续永久、无限扩张地发展其前景是无限的(本文作者:薛聪锐、侯志刚单位:河北大学)。
网页设计制作论文范文精选

网页设计制作论文范文精选随着互联网的发展,网页设计也不断的发展起来。
下面是店铺为大家整理的网页设计论文,供大家参考。
网页设计论文篇一:《简约主义视角下的网页设计》在当前这个时代中,各种视觉信息不断泛滥,让我们眼花缭乱、应不暇接。
人们越来越希望网页设计能够变得简洁、明快、一目了然。
将简约主义思想应用于网页设计中,有着明显的现实意义。
本文先分析简约设计理念的起源,接着研究简约主义视角下网页设计的特点,最后提出一套有针对性的应用简约主义理念的对策,希望能起到一定的启发意义。
关键词:简约主义;网页设计;对策一、前言迈入新世纪之后,信息技术蓬勃发展,我们已经身处于信息时代的怀抱中,在这个时代中,各种视觉信息不断泛滥,让我们眼花缭乱、应不暇接。
人们越来越希望网页设计能够变得简洁、明快、一目了然。
将简约主义思想应用于网页设计中,有着明显的现实意义。
本文先分析简约设计理念的起源,接着研究简约主义视角下网页设计的特点,最后提出一套有针对性的应用简约主义理念的对策,希望能起到一定的启发意义。
二、简约主义溯源早在春秋战国时期,我国哲学家、思想家老子就提出过“少则多、多则惑”的思想。
在古希腊时期,柏拉图曾经用“简单及少”的理念来论述立方体。
这足以说明简约主义思想源远流长,很早就初见雏形。
事实上,正是世界文明史上的现代主义运动直接带动了简约主义的发展与成熟。
从理论角度而言,现代主义是功能主义与简约原则的有机融合。
上个世纪初,英国兴起的“工艺美术运动”正式将简约主义理念登上了历史的舞台,使其出现在人们的视野中。
“工艺美术运动”旨在否定机械化与装饰过度的设计风格,主张真实、热情,兼具功能与价值的设计。
这次运动为现代主义风格奠定了良好的基础。
其提出设计应该以功能作为核心,强调非装饰化的简单几何造型。
之后,著名建筑大师米斯•凡德罗提出了经典的“Lessismore”的设计原则,直接为简约主义理念奠定了理论基础。
如今,不光是建筑领域,产品设计领域、平面设计领域、室内设计领域、家居设计领域都开始追求简约主义设计理念。
大学网页设计毕业设计论文

石家庄邮电职业技术学院石家庄邮电职业技术学院毕业设计学生姓名:李影系部:电信工程系专业:指导教师:赵月恩年月日2石家庄邮电职业技术学院3 摘要本论文将对网页的设计和制作进行研究和探讨。
作品的主要技术指标包括:1、制作出一个具有静态和动态技术的“关于公司的宣传网页”;2、在制作的过程中,加强和深化以前所学的关于网页设计的方法,同时更好的理解参考资料上的方法和理论;3、最后是追求后台操作的稳定性。
本设计的主要内容包括:1、公司宣传网页的设计思想,整体规划及相关基础知识;2、公司宣传网页的前台设计,包括汇编HTML语言程序及效果图;3、公司宣传网页后台设计(通过后台操作实现对网页内容的修改);4、公司宣传网页的调试。
网页规划包含的内容很多,如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等,也只有如此制作出来的网页才能有个性、有特色,具有吸引力。
网页主题就是所要包含的主要内容,一个网页必须要有一个明确的主题。
特别是对于个人网页,不可能像综合网站那样做得内容大而全,包罗万象。
所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给人留下深刻的印象。
关键词:宣传网页基本原则制作步骤网页主题AbstractThis will be web page design and production of research and discussion. Works of the main technical indicators include: To produce a static and dynamic technology " company pages"; In the process of strengthening and deepening of previously learned about web design methods, while a better understanding of Reference Information on the methods and theories; Finally, the pursuit of stability of the background operation.The design of the main contents include:company web page design ideas, the overall planning and relevant basic knowledge; company web pages front design, including the compilation of HTML language program and effect diagram; Personal web pages background design (back-office operations through the implementation of the web content changes); Personal web pages debugging.Page plan includes a great many things, such as the page structure, and column settings, web style, color combinations, layout, text, images and other use of, and only this website in order to have produced personality characteristics, attractive.Web theme is to be included in the main contents of a web page must have a clear theme. Especially for personal web pages, it is impossible to do, as an integrated Web site content as large and comprehensive, all-inclusive. Must be4石家庄邮电职业技术学院necessary to identify one most interested in their own content, so deep, be thorough, to do its own characteristics, so as to give the left a deep impression.Key words:Company Homepage Ground Rules Process Web Theme目录摘要 (1)前言 (2)第一章、系统分析 (6)1.1关于公司宣传网页的网站建设发展历程 (6)1.2关于公司宣传网页的网站建设的必要性分析 (7)1.3本选题的现实意义.................................................................................................. 9)第二章、上海绪盛纺织品有限公司宣传网站的设计 (11)2.1关于公司宣传网站的特点 (12)2.2上海绪盛纺织品有限公司宣传网站的基本组成结构 (12)第三章、具体网站的分析 (13)3.1需求分析 (14)3.2系统运行环境分析 (15)3.3系统设计流程图 (15)第四章、开发工具的选用及介绍 (17)54.1 Asp 脚本语言介绍.......................................................................................... (18 4.2 Dreamweaver简介. (18)4.3 SQL Server 数据库简介 (19)4.4 网站图片制作工具Photoshop简介 (19)第五章、网站前台界面的设计与实现 (20)5.1 网站前台首页 (20)5.2 站内展示功能的实现 (21)5.3 网站前台界面的设计与实现分析 (21)附录 (22)参考文献 (23)致谢 (24)6石家庄邮电职业技术学院7 前言随着网络技术的不断发展,如今的公司越来越倾向于在网络上进行宣传产品,网页设计成了企业展示自身形象、发布产品信息、联系网上客户的新平台、新天地,进而可以通过电子商务开拓新的市场,以极少的投入获得极大的收益和利润。
网页设计毕业论文

网页设计毕业论文网页设计是指通过网页设计技术,创造出具有一定主题和功能的网页。
它不仅仅是一种技术手段,更是一种艺术形式和传达信息的媒介。
本文将探讨网页设计的意义、方法和应用,并分析网页设计在实际应用中的挑战和发展趋势。
首先,网页设计的意义在于提升用户体验和传达信息。
一个好的网页设计可以使用户在使用过程中获得更好的体验,提高用户的满意度和粘性。
同时,网页设计需要忠实地传达信息和品牌形象,使用户能够准确地理解所传达的信息。
其次,网页设计的方法包括页面结构、色彩搭配、内容布局等。
在页面结构上,需要合理划分页面的各个功能区块,使用户能够快速找到所需信息。
在色彩搭配上,需要根据网页的主题和内容选择适合的色彩,达到视觉上的和谐。
在内容布局上,需要合理分配各个元素的位置和大小,使页面整体美观、有层次感。
再次,网页设计的应用领域广泛,包括电子商务、社交媒体、新闻媒体等。
在电子商务中,网页设计可以吸引用户注意,提高购买意愿和转化率。
在社交媒体中,网页设计可以增强用户的互动和参与度,促进信息的传播。
在新闻媒体中,网页设计可以提供清晰的排版和导航,使用户能够快速了解新闻内容。
最后,网页设计在实际应用中面临一些挑战和发展趋势。
一方面,随着移动互联网的普及,网页设计需要适应不同终端的屏幕尺寸和交互方式。
另一方面,随着人工智能和虚拟现实等技术的发展,网页设计将面临更多创新和个性化的需求。
综上所述,网页设计在现代社会中具有重要的意义和作用。
通过合理的设计方法和应用,可以提升用户体验和传达信息。
在实际应用中,网页设计需要不断应对挑战,适应发展趋势。
相信在不久的将来,网页设计将继续发展壮大,为人们的生活和工作带来更多便利和乐趣。
HTML网页设计毕业论文-html网页设计论文

毕业论文网站设计与制作所属系:计算机专业:应用技术学生姓名: ***学号: ************指导老师: ****二〇一一年五月第 1 章网站总体分析及概要设计1.1 模块功能分析1.1.1 引导首页模块引导首页使用整体颜色背景,配合图片或Flash 构成,顶部为导航首页链接。
1.1.2 班级形象模块该模块功能主要是展示班级的形象,同时作为网站的导航首页,在用户登录后就可以看到班级的更整体形象,班级的展示及班级动态,用户还可以通过顶部和左侧的导航栏进入网站,深入的了解该班级。
1.1.3 用户模块用户注册与登录:网络上的用户通过填写ID、密码等信息可以注册成为会员,并获得相应的用户权限。
系统自动把用户的注册信息存储到服务器端的数据库中。
如果用户ID 重复或者填写错误,系统会给出提示信息,而通过用户注册与登录、可以自由发布与查看各种信息。
用户信息维护:系统的注册用户可以随时修改自己的注册信息,这些修改后的信息将自动更新到服务器端的数据库中。
用户登录 / 退出:系统的注册用户可以登录系统并且获得相应的权限,登录了的用户也可以选择退出登录。
1.1.4 留言板模块该模块功能主要是提供用户与网站主之间的交流平台及站长收集用户反馈信息以改善站点。
1.2 网站导航功能结构网站主要实现的功能有:网站首页导航,各页面导航以及其他模块。
1.3 论文可行性分析1.3.1 社会可行性分析可行性分析主要分析现有技术条件能否顺利完成开发工作,软硬件配置能否满足开发者的需要等。
随着计算机硬件和软件技术的飞速发展,为网站的建设提供了有利的技术条件,由此看来技术基础也已非常成熟,因而技术上是可行的。
1.3.2 软件可行性分析1.3.2.1 ASP技术介绍ASP( Active Server pages)即“动态服务器网页”,ASP之所以能受到大家的重视与使用的原因,只要在于脚本在服务器上而不是在客户端运行,传送到浏览器上的Web 页是在 Web 服务器上生成的。
网页设计毕业论文范文

网页设计毕业论文范文在当今信息化时代,网页设计作为一门新兴的学科,受到了越来越多人的关注和重视。
随着互联网的不断发展和普及,网页设计的重要性也日益凸显。
作为一名网页设计专业的学生,我对网页设计这一领域有着浓厚的兴趣和热情。
在进行毕业论文的撰写过程中,我深入研究了网页设计的相关理论和实践,结合自己的学习和实践经验,撰写了本文,旨在探讨网页设计的相关内容,希望能够为同行提供一些借鉴和参考。
首先,我从网页设计的基本概念和原理入手,系统地介绍了网页设计的相关知识。
我认为,了解网页设计的基本概念和原理对于从事网页设计工作的人来说是非常重要的,只有深入理解了这些基本知识,才能够在实践中得心应手。
因此,我在论文中对网页设计的基本概念和原理进行了详细的阐述,希望能够帮助读者更好地理解和掌握网页设计的基本要点。
其次,我重点讨论了网页设计中的一些重要技术和工具。
随着科技的不断进步,网页设计所使用的技术和工具也在不断更新和发展。
在论文中,我对网页设计中常用的技术和工具进行了介绍和分析,希望读者能够了解到这些技术和工具的特点和用途,从而更好地应用到实际工作中去。
最后,我结合了一些实际案例,分析了网页设计在实际应用中的一些问题和挑战。
在实际工作中,网页设计师经常会面临各种各样的挑战和困难,例如兼容性、响应式设计、用户体验等方面的问题。
在论文中,我结合一些实际案例,对这些问题进行了深入的分析和探讨,希望能够为读者提供一些解决问题的思路和方法。
总的来说,本文围绕网页设计这一主题展开了深入的研究和探讨,内容涵盖了网页设计的基本概念和原理、重要技术和工具以及实际应用中的问题和挑战。
希望本文能够对网页设计领域的学习和研究提供一些借鉴和参考,也希望能够为网页设计师的实际工作提供一些帮助和指导。
最后,希望读者能够从本文中获得一些启发和收获,进一步深入研究和探讨网页设计这一领域,为网页设计的发展和进步贡献自己的力量。
网页设计与应用毕业论文

网页设计与应用毕业论文一、综述随着互联网的普及和发展,网页设计已经渗透到我们生活的方方面面。
从社交娱乐到工作学习,从购物消费到信息查询,我们无时无刻不在与网页打交道。
那么什么样的网页能够吸引我们的眼球,让我们愿意停留、探索、互动呢?这就是我们今天要探讨的话题——网页设计与应用。
首先让我们来谈谈网页设计的魅力所在,一个好的网页设计,首先得有个让人眼前一亮的外观。
就像我们逛街时,漂亮的店面总是能吸引我们的注意力。
网页设计也一样,美观大方的页面总能让人心情愉快,愿意进一步了解。
接下来就是用户体验,一个易于使用的网页,能让我们轻松找到想要的信息,完成想要的操作。
就像我们用某个APP,操作流畅功能齐全,我们就会觉得这个APP很好用,愿意长期使用。
1. 论文背景及研究意义当我们打开计算机,随时随地都能接触到各式各样的网页。
网页已经成为现代社会生活中不可或缺的一部分,承载着我们的信息需求、交流情感和日常生活功能。
今天我们所见的网页设计,早已超越了简单的文字与图片展示,它融入了更多的设计理念和技术应用,成为了连接人与数字世界的桥梁。
那么为什么我们需要关注网页设计与应用呢?这就涉及到了我们这篇论文的主题。
回想一下互联网刚刚兴起的时候,那时的网页多是静态的,功能相对单一。
但随着科技的进步,尤其是移动互联网的飞速发展,网页设计和应用也迎来了巨大的变革。
从简单的信息展示到复杂的交互应用,从桌面端浏览到移动设备的便捷访问,网页设计在不断地挑战与创新。
我们每天浏览的新闻网站、社交媒体、购物平台等,背后都有着精良的网页设计和应用技术的支撑。
可以说网页设计已经渗透到我们生活的方方面面。
那么为什么我们要研究网页设计与应用呢?这不仅是因为它关乎我们的日常体验,好的网页设计不仅能提供美观的界面,更能提升用户体验,增强网站的吸引力和黏性。
同时随着网络技术的不断进步,网页应用也在不断地拓展新的领域和新的功能。
比如现在的网页应用已经不仅仅是简单的信息浏览,还涉及到了在线支付、在线教育、在线办公等各个方面。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
0 毕业论文 题 目: 网页设计 专 业: 计算机多媒体技术 班 级: 30921 姓 名: 甘静 指导教师: 宋多琳 1
摘 要 在Internet飞速发展的今天,互联网已成为人们快速获取、发布和传递信息的重要渠道,正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显的格外重要,它已成为政府、企事业单位信息化建设中的重要组成部分。 现今的社会,人们已经离不开了网络,网络已经成为人与人之间交流的一种形式,它能够把事情的复杂化转为简单化,摆脱了时间和空间的限制。网站为消费者提供了一个网络生活空间,通过其网页展示了企业介绍、企业荣誉、产品介绍、招商信息、加盟程序、留言等一系列内容的介绍。浏览者不仅可以利用留言板经济而又快捷地与外界进行各种信息的沟通,也可以直接在网上申请加盟。 本论文还介绍了网页的结构分析和具体功能实现,网页的界面和运作方式,尽力模拟近代网页普遍性形式,成为一个完整的动态网站
关键字 Dreamweaver;Php;PhpMyAdmin;动态网页1
目 录 1 引言 ................................................... 1 2 网页制作概述 ........................................... 1 2.1 网页的类型 ......................................................................................... 1 2.1.1 静态页面 .................................................................................. 1 2.1.2 动态页面 .................................................................................. 2 2.2 网页开发技术 ..................................................................................... 2 2.3 网页布局 ............................................................................................. 3 2.3.1 网页布局的基本概念 .............................................................. 3 2.3.2网页布局方法 ........................................................................... 5 2.3.2 网页布局技术 .......................................................................... 7 2.4网页配色 .............................................................................................. 8 2.5 网页设计流程 ..................................................................................... 9 3 动态网页开发环境和技术................................. 9 3.1 了解Dreamweaver开发工具 .............................................................. 9 3.2 Php语言基础知识 ............................................................................. 11 3.3 开发环境介绍 ................................................................................... 12 4 设计及具体代码实现 .................................... 12 4.1网页结构设计 .................................................................................... 12 4.2创建数据库 ........................................................................................ 13 4.3主要模块的代码实现 ......................................................................... 14 4.3.1 注册代码的实现 .................................................................... 14 4.3.2 登陆及退出登录代码的实现 ................................................. 16 4.3.3留言代码的实现 ..................................................................... 18 4.4运行测试 ............................................................................................ 19 4.4.1 注册 ....................................................................................... 19 4.4.2 登陆 ....................................................................................... 21 4.4.3留言 ........................................................................................ 22 4.5遇到的问题及解决方法 ..................................................................... 23 结 束 语 ................................................ 24
致 谢 ............................................... - 25 - 参考文献 ............................................ - 26 -1
1 引言 网页是网站信息发布与表现的一种主要形式。因此要实现一个网站,必须了解网页制作的相关知识。较流行的开发工具有:Dreamweaver,Php,PhpMyAdmin。 Dreamweaver是建立Web站点和应用程序的专业工具,它将可视布局工具、应用程序开发功能和代码编辑支持组合成一个功能强大的工具,可利用它快速创建界面及站点的应用程序[1]。Php因为语法简单、开源、跨平台,而且功能强大,同时能与Windows的操作系统无缝结合,得到广大用户欢迎并迅速成为各类网站制作的主流开发环境。使用PhpMyAdmin无须编写任何代码,只需通过直观的可视化操作就可以完成大部分数据库管理任务,是一个面向对象的、采用事件驱动机制的关系型数据库管理系统[2]。
2 网页制作概述
2.1 网页的类型 2.1.1 静态页面 静态页面是网页的代码都在页面中,不需要执行asp,php,jsp,.net等程序生成客户端网页代码的网页。静态页面不能自主管理发布更新的页面,如果想更新网页内容,要通过FTP软件把文件DOWN下来用网页制作软件修改(通过fso等技术例外)。但是静态页面最大的好处是下载速度快,因为不需要程序运算和数据库连接。常见的静态页面以.html、.htm为扩展名的。并非网站上没有动画的就是静态页面[3]。 2
2.1.2 动态页面 动态页面是通过执行asp、php、jsp、.net等程序生成客户端网页代码的网页。动态页面通常可以通过网站后台管理系统对网站的内容进行更新管理。发布新闻,发布公司产品,交流互动,博客,网上调查等,这都是动态网站的一些功能,也是我们常见的。动态网页是需要语言环境支持的,动态页面常见的扩展名有:.asp、 .php、 .jsp 、.cgi 等。动态页面的“动态”是网站与客户端用户互动的意思,而非网页上有动画的就是动态页面[4]。 动态网页是最常用的网站建设的一种表达形式,其优点在于可以根据先前所制定好的程序界面,根据用户的不同请求返回相应的数据。可以说是一对多的关系。从而达到资源的最大利用和节省服务器上的物理资源。如果今后需要改变站点风格,只需要重新制作前台所访问的数据即可。只要数据库结构不变,可以很快的进行改版的。
2.2 网页开发技术 动态网页开发技术介绍——HTML、ASP、JSP、CGI、PHP。 HTML(HyperTextMark-upLanguage)即超文本标记语言,是WWW的描述语言。严格的来讲,HTML不能算做一门编程语言,因为它没有自己的数据类型,也没有分支、循环等控制结构。它的设计简单,结构灵活,允许在Web浏览器及其它兼容的应用程序中显示文本和图像,并且文档的某些部分可以成为超链接。完成后把这些文档保存为*.html文件,然后用浏览器打开。 HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器[5]。 在早期,动态网页技术主要采用CGI技术,即Common Gateway Interface(公用网关接口)。在早期,你可以使用不同的程序编写合适的CGI程序,如Visual Basic,Delphi或C/C++等。虽然CGI技术成熟而且功能强大,但由于编程困难,效率低下,修改复杂等缺陷,所以有逐渐被新技术取代的趋势。