《网页设计实训报告》剖析

实训报告第1页娄底职业技术学院LOUDIVOCATIONALANDTECHNICALCOLLEGE《网页编程技术》实训报告课题：个人网站制作库系部：电子信息工程系班级：16级软件1班学号：XXXXXXXXXXXX姓名：隐非问组员：王子涵、张杰明、林丽雪、吴涛、隐非问指导老师：王锡文完成时间：2016.12.5—2016.12.25实训报告第2页目录一：实训目的…………………………………..........…………3二：实训原理…………………………………..........…………3三：设计过程...…………………………………………………3四：设计框图……………………………………………...……4五：程序代码…………………………………………………4六：实训总结…………………………………..……………9实训报告第3页一.实训目的(1)掌握网页制作软件DreamweaverCS3基本操作和使用技能。(2)掌握规划网站的内容结构,目录结构,链接结构的方法。(3)掌握页面的整体控制和头部内容设置的方法。(4)掌握网页页面布局的各种方法。(5)掌握在网页中输入,设置标题和正文文字的方法。(6)掌握在网页中插入图像和背景音乐的方法。(7)熟练建立各种形式的超级链接的方法。二.实训原理HTML（(HypertextMarkupLanguage）超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以使用浏览器被网上浏览。三．设计过程（1）网站主题我做的网站主要是从各个方面介绍我的家乡，包括历史由来，名胜古迹，旅游圣地等。同时，网站里的每一个网页都设置了不一样的风格，用以展示图文最好的效果。（2）网站材料我主要在网站上搜集图片、文字、相关的新闻。同时，请教老师flash动画和网页特效等。（3）网站规划我的网站共有7个页面：主页——乡愁；历史由来；蔡伦故馆；八角古亭；人文风景；耒阳竹海；幸福耒阳。每一个页面应用了不同的背景图片，以保证不同内容的不同页面风格。（4）网站的制作工具做网页时主要使用的是DeamweaverCS3。另外，为了处理网页中的其他元素，还使用了Photoshop软件。（5）制作网站的网页素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做的就是站点的规划，建立一个本地站点“乡愁”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行了统一的管理，统一的文件夹放同一类型的文件，我在制作时建立了“图片素材”文件夹来存放图片，做到有条不紊，主页中还插入了背景音乐，音乐名为“高山流水”。实训报告第4页四．设计框图五．程序代码《一》主页代码htmlheadmetacharset=utf-8title乡愁/title/headbodyalink=#C70003bgcolor=#FF9999background=图片素材/薰衣草.jpgembedsrc=纯音乐-高山流水-古筝版纯音乐6.mp3loop=truehidden=true/embedtablewidth=887height=175align=centerbgcolor=#1868D4trtdstyle=color:#FF0000h3我的家乡/h3/tdtdwidth=315height=169h2湖南最美的城市排名/h2/tdtdwidth=560imgsrc=图片素材/1(2)(2).jpgwidth=563height=91imgsrc=图片素材/top.jpgwidth=564height=76/td/trtablewidth=887align=centerbgcolor=#63DC0Eheight=100trheight=60tdahref=lishiyoulai.htmltarget=_blankpalign=center历史由来主网页——乡愁历史由来蔡伦故馆幸福耒阳耒阳竹海人文风景八角古亭实训报告第5页/p/a/tdtdahref=cailun.htmltarget=_blankpalign=center蔡伦故馆/p/a/tdtdahref=bajiaolou.htmltarget=_blankpalign=center八角古亭/p/a/tdtdahref=shuaige.htmltarget=_blankpalign=center人文历史/p/a/tdtdahref=leiyangcailun.htmltarget=_blankpalign=center耒阳竹海/p/a/tdtdahref=xinfuleiyang.htmltarget=_blankpalign=center幸福耒阳/p/a/td/tr/tabletablewidth=887align=centerbgcolor=#C50DE5trtdalign=centerimgsrc=图片素材/shiju.jpgimgsrc=图片素材/psu.jpgwidth=240height=250/tdtdp/p/td/trtrtdalign=centerhrh2版权所有：娄底职业技术学院软件一班资广飞/h2/hr/td/tr/table/table/body/html《二》历史由来htmlheadmetacharset=utf-8title耒阳历史介绍/title/headbodybackground=图片素材/小草.jpgpimgsrc=图片素材/心.jpgalign=rightwidth=330height=346/pbrbrbrbrbrpimgsrc=图片素材/电厂.jpgalign=rightwidth=330height=346tableborder=2width=850vspace=trtdh3pstyle=text-indent:2em耒阳建置很早，在夏商属荆州，战国时属楚。秦始皇二十六年（前221）置耒县，因耒水而命名，隶长沙郡。西汉高祖五年（前202），以其治位耒水之北，更名耒阳县，隶属桂阳郡。王莽新朝开凤元年（14），改耒阳县为南平亭，隶南平郡（桂阳郡改）。br实训报告第6页pstyle=text-indent:2em东汉建武年间（25～26），废南平亭，复耒阳为县，隶桂阳郡，属荆州刺史部。东汉献帝建安十三年（208），“刘豫洲”据荆州，取桂阳，耒隶之。蜀汉隶桂阳郡，属荆州刺史。章武二年荆襄属吴，耒阳仍隶桂阳郡。吴孙亮（252～258）析县地为新宁、新平、梨阳、耒阳四县，耒阳属桂阳郡。brpstyle=text-indent:2em西晋耒阳仍隶桂阳郡，初属湘州，复属荆州。改梨阳县为利阳县，仍属湘东郡。东晋孝武帝太元二十年，撤利阳并入耒阳，隶桂阳郡，属江洲。brpstyle=text-indent:2em南北朝时，南朝宋、齐至梁天正元年，耒阳县隶桂阳郡，属湘州。梁元帝时，迁耒阳县治于列敖山口，改隶湘东郡，上属湘洲。陈朝未变。brpstyle=text-indent:2em隋文帝开皇九年（589）平陈，耒阳县更为涞阴县，以其治位于耒阳水之阴也（水之东为阴），置衡洲，县属之。唐武德四年（621），复名耒阳县，治所迁回汉晋故治，隶衡州。/p/h3/td/tr/table/body/html《三》蔡伦故馆htmlheadmetacharset=utf-8title蔡伦博物馆/title/headbodytext=#FF0000background='图片素材/579192396fcf7.jpg'palign=rightimgsrc=图片素材/cailun.jpgwidth=550height=350/ptableborder=2width=950align=lefttrtdfontsize=+2strongpstyle=text-indent:2em蔡伦发明造纸术以后，福泽世界各地。蔡伦故里的耒阳纸博物馆和蔡伦纪念园，全面展示了蔡伦造纸工艺及其对人类文化发展和传播的贡献。brpstyle=text-indent:2em为了追踪蔡伦足迹，“丝路纸道”考察团专家将沿着博物馆收藏与陈列的线索，回顾造纸历史，系统梳理纸史文化的内涵。brpstyle=text-indent:2em同时，展示方法科技化、多样化。文物、场景、背景画、声光电技术相结合，增加互动环节，使展览融知识性、科学性、趣味性于一体，雅俗共赏。实为一个是弘扬科学、传承文明和开展爱国主义教育的重要基地。/strong/font/td/tr/table/body/html《四》八角古亭htmlhead实训报告第7页metacharset=utf-8title八角古亭/title/headbodybgcolor=#987D3Abackground=图片素材/15087943_1351846183725.jpgimgsrc=图片素材/bbajaio.jpgwidth=500height=435align='right'tableborder=0width=950align=lefttrtdpfontsize=+2strongh3align=centerpre《游耒阳有感》brfontcolor=#EB0A0A【现】隐非问/fontbr村居烟雨暗蒙蒙，耒河渔翁乐融融。紫气腾腾竹如海，白云飘飘鹿歧峰。东庄蔡伦至今闻，西湖莲花别样红。更有顺河红磷鱼，夕阳斜照凌云塔。fontcolor=#EB0A0A八角楼/font位于城区五一广场东南侧，紧临耒水，又名望江楼、奎星楼、八角亭，建于明洪武九年（1376）。历清、民国，多次修葺，1995年市政府按原样进行了修葺。今楼高四层30米，底八卦形，顶盔式，八角雕兽飞檐悬铃。/pre/h3/td/tr/table/body/html《五》人文风景htmlheadmetacharset=utf-8title人文风景/title/headbodybgcolor=#987D3Abackground='图片素材/20150809135129_Z8HtM.jpeg'palign=imgsrc=图片素材/shuaige.jpegheight=462width=500/ptableborder=2width=850align=centertrtdfontsize=+2strongpstyle=text-indent:2em耒阳人不仅长相帅，而且一举手一投足都充满了迷人的魅力，就连声音都是那么迷人。看那光洁白皙的脸庞，透着棱角分明的冷俊；乌黑深邃的眼眸，泛着迷人的色泽；那浓密的眉，高挺的鼻，绝美的唇形，五官清秀中带着一抹俊俏，帅气中又带着一抹温柔！brpstyle=text-indent:2em整个人发出一种威震天下的王者之气，邪恶而俊美的脸上此时噙着一抹放荡不拘的微笑。无一不在张扬着高贵与优雅，这就是古代的天子啊！实训报告第8页/strong/font/td/tr/table/body/html《六》耒阳竹海htmlheadmetacharse