搜索
基于网络的实用控制技术课程设计1第1章网站分析1.11、网站主题我的网站的主旨在于从各个方面全面的介绍各种各样的花同时，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是浅红色，用以展示自己性格的效果。最重要的是做出自己的风格，给浏览者好的欣赏感受。2、网站材料主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。同时，查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。1.21、网站的制作工具做网页时主要使用的是FrontPage2003，但我还使用了Deamweaver。另外，为了处理网页中的其他元素，还使用了Photoshop、GifAnimator等软件。2、制作网站的网页素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，基于网络的实用控制技术课程设计2首先要做的就是站点的规划，建立一个本地站点“web”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行了统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了“images”文件夹来存放图片。同时，由于“相册”页面中的信息太多，于是建立了一个专门的文件夹存放相册信息，网页中的css样式文件也应统一管理，做到有条不紊。基于网络的实用控制技术课程设计3第2章详细设计1.1主页我选择了用浮动框架来进行分割布局，有top.html，left.html，main.html等子页组成，其他子页都采用统一的风格，来突出网站的特点，利用css，javascript，photoshop等做一些技巧性的编写，来达到整体的效果。1.2惧意的主页代码如下HTMLHEADTITLE框架/TITLEScriptLanguage=javascriptalert(准备好了吗);alert(这是一个神秘而快乐的海洋!);alert(欢迎您的到来!);/Script/HEAD基于网络的实用控制技术课程设计4framesetrows=120,*border=framesrc=1.htmlname=1frameborder=1bordercolor=#0099ffframesetcols=22%,*framesrc=2.htmlname=2frameborder=0.5bordercolor=#ccffffscrolling=noframesrc=3.htmlname=3frame/frameset/frameset/HTML下面的是子页部分代码和一些特殊效果图：HTMLHEADTITLE2/TITLE基于网络的实用控制技术课程设计5/HEADBODYbackground=../images/041bo.jpgformaction=succeed.htmltarget=3framescrolling=notabletrtdfontsize=3账号：inputname=mingtype=textmaxlength=8/font/td/trtrtdfontsize=3密码：inputname=mimatype=password/font/td/trtrtdinputtype=submitvalue=登录 inputtype=resetvalue=取消/td/tr/table基于网络的实用控制技术课程设计6/formtabletrtdformaction=biaodan.htmltarget=3frame inputtype=submitvalue=注册账号/formhrbrbr/td/tr/tabletrbrbr/trtrtdahref=4.htmltarget=3frameh3花语解析/h3/a/td/trtrtdahref=5.htmltarget=3frameh3花开的声音/h3/a/td/trtrtdahref=6.htmltarget=3frameh3花的魔术师/h3/a/td/tr/table/BODY基于网络的实用控制技术课程设计7/HTML下面的为表单的设计：我采用了表格来进行布局。是整体看上去更加的规范。HTMLHEADTITLE注册表单/TITLEscriptlanguage=javascriptfunctionsubmittest(){try{if(document.forms[0].name.value.length==0){alert(姓名不能为空);returnfalse;}if(document.forms[0].tel.value.length==0){alert(密码不能为空);returnfalse;}}catch(exception){alert(exception.message);}returntrue;}functionresettest(){基于网络的实用控制技术课程设计8alert(您确定要重置这个按钮);returntrue;}/script/HEADBODYbackground=../images/0062.jpgBRBRBRfontcolor=#9900ccsize=6center成 员 注 册/center/fontBRBRtablewidth=100%border=0cellspacing=0cellpadding=0onsubmit=returnsubmittest();onreset=returnresettest();trtdwidth=25%align=right用户名:/td基于网络的实用控制技术课程设计9tdinputname=text1type=text/td/trtrtdwidth=25%align=right真实姓名:/tdtdinputname=text2type=text/td/trtrtdalign=right性别:/tdtdalign=left 男inputname=radiotype=radiovalue=boy 女inputname=radiotype=radiovalue=girl/td/trtrtdwidth=25%align=right出生日期:/tdtdalign=centertablewidth=90%border=0cellspacing=0cellpadding=0tr基于网络的实用控制技术课程设计10tdwidth=29%selectname=yearoptionvalue=19801980年optionvalue=19811981年optionvalue=19821982年optionvalue=19831983年optionvalue=19841984年optionvalue=19851985年optionvalue=19861986年optionvalue=19871987年optionvalue=19881988年optionvalue=19891989年optionvalue=19001900年optionvalue=19911991年optionvalue=19921992年optionvalue=19931993年optionvalue=19941994年optionvalue=19951995年基于网络的实用控制技术课程设计11optionvalue=19961996年optionvalue=19971997年optionvalue=19981998年optionvalue=19991999年optionvalue=20002000年/select/tdtdwidth=24%selectname=monthoptionvalue=1yue一月optionvalue=2yue二月optionvalue=3yue三月optionvalue=4yue四月optionvalue=5yue五月optionvalue=6yue六月optionvalue=7yue七月optionvalue=8yue八月optionvalue=9yue九月基于网络的实用控制技术课程设计12optionvalue=10yue十月optionvalue=11yue十一月optionvalue=12yue十二月/select/tdtdwidth=23%selectname=dayoptionvalue=1day1日optionvalue=2day2日optionvalue=3day3日optionvalue=4day4日optionvalue=5day5日optionvalue=6day6日optionvalue=7day7日optionvalue=8day8日optionvalue=9day9日optionvalue=10day10日optionvalue=11day11日optionvalue=12day12日optionvalue=13day13日基于网络的实用控制技术课程设计13optionvalue=14day14日optionvalue=15day15日optionvalue=16day16日optionvalue=17day17日optionvalue=18day18日optionvalue=19day19日optionvalue=20day20日optionvalue=21day21日optionvalue=22day22日optionvalue=23day23日optionvalue=24day24日optionvalue=25day25日optionvalue=26day26日optionvalue=27day27日optionvalue=28day28日optionvalue=29day29日optionvalue=30day30日optionvalue=31day31日基于网络的实用控制技术课程设计14/select/td/tr/table/td/trtrtdalign=right登录密码:/tdtdinputname=password1type=password/td/trtrtdalign=right确认密码:/tdtdinputname=password2type=password/td/trtrtdalign=right电子邮箱:/tdtdinputname=mailtype=text/td/tr基于网络的实用控制技术课程设计15trtdalign=right联系方式:/tdtdinputname=