web程序设计论文.doc

文档介绍：该【web程序设计论文 】是由【儒林】上传分享，文档一共【51】页，该文档可以免费在线阅读，需要了解更多关于【web程序设计论文 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。web程序设计论文大连理工大学毕业设计(论文)格式规范Web程序设计2–47–辽东学院结课论文Web程序设计报告学生姓名:学院:信息工程学院专业:信息管理与信息系统班级:学号:指导教师:贾英群完成日期:2016年12月13日辽东学院EasternLiaoningUniversity大连理工大学毕业设计(论文)格式规范Web程序设计2–2–大连理工大学毕业设计(论文)格式规范Web程序设计2–47–实现和页面文本编辑器的分析与设计,最后学****了页面固定广告,漂浮广告和移动广告的插入等知识,我们学****web程序设计这门课程所使用的软件主要是Microsoftfrontpage。这是微软公司推出的一款网页设计、制作、发布、管理的软件。FrontPage由于良好的易用性,被认为是优秀的网页初学者的工具,它的优点是集成了编辑、代码、预览三种模式于一身,与MicrosoftOffice各软件无缝连接并且具有良好的表格控制能力并且它继承了MicrosoftOffice产品系列的良好的易用性。:因为本人对军事比较感兴趣,所以这次我做了一个军事类的新闻网站,网站名字叫做《辽东军事》,首先最上方分为四个板块:军事快报、中国军情。环球视野和军迷论坛。下方左边是滚动式地展示重大军事新闻图片。右方是几个醒目的标题,是关于最近的军事热点问题及评论员文章。下方是一些图片文章,以图片的形式来给读者他们感兴趣的信息。再下面是军迷大本营板块,展示了一些从网上收集来的军迷商品信息,可以点击图片直接跳转到购买页面。:网站有多方面的内容,有国内和国外最新的军事动态,有军迷论坛给读者发表自己的感想,你也可以创建一个话题大家一起讨论。军迷大本营板块给广大军迷提供一些高品质的军事商品供他们选购。此外可以点击登录和注册按钮来注册登录网站会员。,我的网站大体使用米黄色过渡色来作为背景色,简约而不单调,有一种泛黄的书页的质感。四大板块采用红色背景,比较醒目,而且红色是代表革命,是代表中国的颜色,使大家一眼便明白这是一个军事相关的网站。注册页面采用的是棕色的背景,类似于桦木树皮的质感花纹,带给浏览者视觉的享受,注册页面字体是墨绿色二号楷体,可以很好地与背景颜色区分开来,一目了然。(二)需求分析、原型设计本次我参考的网站是我最喜欢的铁血军事网,它的整个页面比较简洁,大体上以红色和白色为主色调,通过对铁血军事网的认真解读帮助我完成了我的网站的需求分析及原型设计。首先,军事类网站展示的内容必须多样化,所以我在网站中加入了国内及国外最新新闻版块,此外我在我的网站中展示了一些精心挑选的军事商品方便军事迷们挑选。它的原型设计如下:大连理工大学毕业设计(论文)格式规范Web程序设计2–47–(三)表现标准:页面样式的可视化设计(Css3)网页的可视化效果设计,主要是借助CSS3样式的强大功能,可以用来制作多彩的文字链接,利用相关的样式来丰富网页的视觉效果因为CSS能够灵活定制网页元素的风格,还能够迅速更新网站的风格,组合不同风格的网页,除了有很好的表现形式外,CSS还有很多的表现作用,比如:一、使页面载入得更快由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。大连理工大学毕业设计(论文)格式规范Web程序设计2–2–二、降低流量费用页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了。三、修改设计时更有效率由于使用了CSS制作方法,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式。四、保持视觉的一致性CSS最重要的优势之一:保持视觉的一致性;以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。五、更好地被搜索引擎收录由于将大部分的CSS和内容样式写入了CSS文件中,这就使得网页中正文部分更为突出明显,便于被搜索引擎采集收录。六、对浏览者和浏览器更具亲和力我们都知道网站做出来是给浏览者使用的,对浏览者和浏览器更具亲和力,CSS在这方面更具优势。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。强大的功能还能够实现对网站的各方面控制。大连理工大学毕业设计(论文)格式规范Web程序设计2–3–(四),下方有登录和重置按钮,当用户输入正确的用户名和密码后,点击登录按钮,页面会弹出一个提醒的对话框,提示您的用户名和密码,点击确定后完成登录,如果漏填用户名和密码则会提示你用户名和密码不能为空。用以实现上述功能的代码如下:<scriptlanguage="javascript">functionjimmy(){varj=("a");//用户名vark=("b");//密码if(>5||>5){alert("用户名或密码太长,请重新输入!");="";="";();大连理工大学毕业设计(论文)格式规范Web程序设计2–4–returnfalse;}elseif(==""||==""){alert("用户名或密码不能为空!");="";="";();returnfalse;}else{alert("您的用户名是:"++"密码是:"++"进入主页面请按确定按钮");}}functionruby(){varj=("a");varl=("c");if(>5){="用户名太长,请输入五位以内的用户名";="red";}else{="OK";}}functionpeter(){alert([].text);}functionhaha(){vark=("b");varn=("d");if(>5){="密码太长";="blue";}else{="OK";}大连理工大学毕业设计(论文)格式规范Web程序设计2–5–}</script></head><bodybackground=""style="background-attachment:fixed"><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><formname="form1"method="post"action=""><p> </p><p> </p><p> </p><p> </p><p><fontsize="6">        <spanstyle="letter-spacing:-1pt">   </span></font><spanstyle="letter-spacing:-1pt"><fontsize="4"color="#FFFFFF">用户名:</font><fontsize="6"><inputtype="text"name="textfield"id="a"></font></span></p><p><spanstyle="letter-spacing:-1pt"><fontsize="6">            </font><fontsize="4"color="#FFFFFF">密码:</font><fontsize="6"><inputtype="password"name="textfield2"id="b"onClick="ruby();"> </font></span></p><p><fontsize="6">        <inputtype="submit"name="Submit"value="登录"onClick="returnjimmy();"> <inputtype="reset"name="Submit2"value="重置"></font></p>大连理工大学毕业设计(论文)格式规范Web程序设计2–6–