《网页设计实训报告》.doc

上传人：Fis****915

文档编号：553358

上传时间：2023-12-07

格式：DOC

页数：9

大小：46.90KB

《《网页设计实训报告》.doc》由会员分享，可在线阅读，更多相关《《网页设计实训报告》.doc（9页珍藏版）》请在咨信网上搜索。

实训报告娄底职业技术学院 LOUDI VOCATIONAL AND TECHNICAL COLLEGE 《网页编程技术》实训报告课题：个人网站制作库系部：电子信息工程系班级： 16级软件1班学号： XXXXXXXXXXXX 姓名：隐非问组员：王子涵、张杰明、林丽雪、吴涛、隐非问指导老师：王锡文完成时间： 2016.12.5—2016.12.25 目录一：实训目的…………………………………..........…………3 二：实训原理…………………………………..........…………3 三：设计过程...…………………………………………………3 四：设计框图……………………………………………...……4 五：程序代码………………………………………………… 4 六：实训总结………………………………….. ……………9 一.实训目的 (1) 掌握网页制作软件DreamweaverCS3基本操作和使用技能。 (2) 掌握规划网站的内容结构,目录结构,链接结构的方法。 (3) 掌握页面的整体控制和头部内容设置的方法。 (4) 掌握网页页面布局的各种方法。 (5) 掌握在网页中输入,设置标题和正文文字的方法。 (6) 掌握在网页中插入图像和背景音乐的方法。 (7) 熟练建立各种形式的超级链接的方法。二.实训原理 HTML（(Hypertext Markup Language）超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以使用浏览器被网上浏览。三．设计过程（1）网站主题我做的网站主要是从各个方面介绍我的家乡，包括历史由来，名胜古迹，旅游圣地等。同时，网站里的每一个网页都设置了不一样的风格，用以展示图文最好的效果。（2）网站材料我主要在网站上搜集图片、文字、相关的新闻。同时，请教老师flash动画和网页特效等。（3）网站规划我的网站共有7个页面：主页——乡愁；历史由来；蔡伦故馆；八角古亭；人文风景；耒阳竹海；幸福耒阳。每一个页面应用了不同的背景图片，以保证不同内容的不同页面风格。（4）网站的制作工具做网页时主要使用的是DeamweaverCS3。另外，为了处理网页中的其他元素，还使用了Photoshop软件。（5）制作网站的网页素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做的就是站点的规划，建立一个本地站点“乡愁”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行了统一的管理，统一的文件夹放同一类型的文件，我在制作时建立了“图片素材”文件夹来存放图片，做到有条不紊，主页中还插入了背景音乐，音乐名为“高山流水”。四．设计框图主网页——乡愁幸福耒阳历史由来耒阳竹海蔡伦故馆人文风景八角古亭五．程序代码《一》主页代码 <html> <head> <meta charset="utf-8"> <title>乡愁</title> </head> <body alink="#C70003" bgcolor="#FF9999" background="图片素材/薰衣草.jpg""> <embed src="纯音乐 - 高山流水 - 古筝版纯音乐6.mp3" loop="true" hidden="true"></embed> <table width="887" height="175" align="center" bgcolor="#1868D4"> <tr> <td style="color:#FF0000"><h3>我的家乡</h3></td> <td width="315" height="169"><h2 >湖南最美的城市排名</h2></td> <td width="560"><img src="图片素材/1 (2) (2).jpg" width="563" height="91"><img src="图片素材/top.jpg" width="564" height="76"></td> </tr> <table width="887" align="center" bgcolor="#63DC0E" height="100"> <tr height="60"> <td><a href="lishiyoulai.html" target="_blank" ><p align="center">>历史由来</p></a></td> <td><a href="cailun.html" target="_blank" ><p align="center">>蔡伦故馆</p></a></td> <td><a href="bajiaolou.html" target="_blank" ><p align="center">>八角古亭</p></a></td> <td><a href="shuaige.html"target="_blank" ><p align="center">>人文历史</p></a></td> <td><a href="leiyangcailun.html" target="_blank" ><p align="center">>耒阳竹海</p></a></td> <td><a href="xinfuleiyang.html" target="_blank" ><p align="center">>幸福耒阳</p></a></td> </tr> </table> <table width="887" align="center" bgcolor="#C50DE5"> <tr> <td align="center"><img src="图片素材/shiju.jpg"><img src="图片素材/psu.jpg" width="240" height="250"></td> <td><p></p></td> </tr> <tr> <td align="center"><hr><h2>版权所有：娄底职业技术学院软件一班资广飞</h2></hr></td> </tr> </table> </table> </body> </html> 《二》历史由来 <html> <head> <meta charset="utf-8"> <title>耒阳历史介绍</title> </head> <body background="图片素材/小草.jpg" > <p><img src="图片素材/心.jpg" align="right" width="330" height="346"></p><br ><br ><br><br ><br > <p><img src="图片素材/电厂.jpg" align="right" width="330" height="346"> <table border="2" width="850" vspace=""> <tr> <td ><h3><p style="text-indent:2em">耒阳建置很早，在夏商属荆州，战国时属楚。秦始皇二十六年（前221）置耒县，因耒水而命名，隶长沙郡。西汉高祖五年（前202），以其治位耒水之北，更名耒阳县，隶属桂阳郡。王莽新朝开凤元年（14），改耒阳县为南平亭，隶南平郡（桂阳郡改）。<br> <p style="text-indent:2em">东汉建武年间（25～26），废南平亭，复耒阳为县，隶桂阳郡，属荆州刺史部。东汉献帝建安十三年（208），“刘豫洲”据荆州，取桂阳，耒隶之。蜀汉隶桂阳郡，属荆州刺史。章武二年荆襄属吴，耒阳仍隶桂阳郡。吴孙亮（252～258）析县地为新宁、新平、梨阳、耒阳四县，耒阳属桂阳郡。<br> <p style="text-indent:2em">西晋耒阳仍隶桂阳郡，初属湘州，复属荆州。改梨阳县为利阳县，仍属湘东郡。东晋孝武帝太元二十年，撤利阳并入耒阳，隶桂阳郡，属江洲。<br> <p style="text-indent:2em">南北朝时，南朝宋、齐至梁天正元年，耒阳县隶桂阳郡，属湘州。梁元帝时，迁耒阳县治于列敖山口，改隶湘东郡，上属湘洲。陈朝未变。<br> <p style="text-indent:2em">隋文帝开皇九年（589）平陈，耒阳县更为涞阴县，以其治位于耒阳水之阴也（水之东为阴），置衡洲，县属之。唐武德四年（621），复名耒阳县，治所迁回汉晋故治，隶衡州。</p> </h3></td></tr> </table> </body> </html> 《三》蔡伦故馆 <html> <head> <meta charset="utf-8"> <title>蔡伦博物馆</title> </head> <body text="#FF0000" background='图片素材/579192396fcf7.jpg'> <p align="right" ><img src="图片素材/cailun.jpg" width="550" height="350"></p> <table border="2" width="950" align="left"> <tr> <td > <font size="+2"><strong> <p style="text-indent:2em">蔡伦发明造纸术以后，福泽世界各地。蔡伦故里的耒阳纸博物馆和蔡伦纪念园，全面展示了蔡伦造纸工艺及其对人类文化发展和传播的贡献。<br> <p style="text-indent:2em">为了追踪蔡伦足迹，“丝路纸道”考察团专家将沿着博物馆收藏与陈列的线索，回顾造纸历史，系统梳理纸史文化的内涵。 <br> <p style="text-indent:2em">同时，展示方法科技化、多样化。文物、场景、背景画、声光电技术相结合，增加互动环节，使展览融知识性、科学性、趣味性于一体，雅俗共赏。实为一个是弘扬科学、传承文明和开展爱国主义教育的重要基地。 </strong></font></td></tr> </table> </body> </html> 《四》八角古亭 <html> <head> <meta charset="utf-8"> <title>八角古亭</title> </head> <body bgcolor="#987D3A" background="图片素材/15087943_1351846183725.jpg"> <img src="图片素材/bbajaio.jpg"width="500" height="435" align='right'> <table border="0" width="950" align="left"> <tr> <td > <p > <font size="+2"><strong> <h3 align="center" ><pre> 《游耒阳有感》<br > <font color="#EB0A0A"> 【现】隐非问</font><br > 村居烟雨暗蒙蒙，耒河渔翁乐融融。紫气腾腾竹如海，白云飘飘鹿歧峰。东庄蔡伦至今闻，西湖莲花别样红。更有顺河红磷鱼，夕阳斜照凌云塔。 <font color="#EB0A0A">八角楼</font>位于城区五一广场东南侧，紧临耒水，又名望江楼、奎星楼、八角亭，建于明洪武九年（1376）。历清、民国，多次修葺，1995年市政府按原样进行了修葺。今楼高四层30米，底八卦形，顶盔式，八角雕兽飞檐悬铃。 </pre></h3> </td></tr> </table> </body> </html> 《五》人文风景 <html> <head> <meta charset="utf-8"> <title>人文风景</title> </head> <body bgcolor="#987D3A" background='图片素材/20150809135129_Z8HtM.jpeg'> <p align=""><img src="图片素材/shuaige.jpeg" height="462" width="500"></p> <table border="2" width="850" align="center"> <tr> <td > <font size="+2" <strong> <p style="text-indent:2em"> 耒阳人不仅长相帅，而且一举手一投足都充满了迷人的魅力，就连声音都是那么迷人。看那光洁白皙的脸庞，透着棱角分明的冷俊；乌黑深邃的眼眸，泛着迷人的色泽；那浓密的眉，高挺的鼻，绝美的唇形，五官清秀中带着一抹俊俏，帅气中又带着一抹温柔！<br> <p style="text-indent:2em">整个人发出一种威震天下的王者之气，邪恶而俊美的脸上此时噙着一抹放荡不拘的微笑。无一不在张扬着高贵与优雅，这就是古代的天子啊！</strong> </font></td></tr> </table> </body> </html> 《六》>耒阳竹海 <html> <head> <meta charset="utf-8"> <title>耒阳竹海</title> </head> <body bgcolor="#987D3A" background="图片素材/1920Bamboo_1005.jpg"> <table border="0" width="950" align="center"> <tr> <td > <p > <font size="+3"><strong> <p style="text-indent:2em">耒阳竹海位于中南重镇、历史文化名城——耒阳市黄市镇和大义乡境内，面积100平方公里，中心景区达66平方公里，集观光、休闲、探险、寻宝于一体的复合型旅游风景区，现为国家AAAA级旅游景区、中国最具魅力生态旅游景点景区、国家级水利风景区、省级风景名胜区、省级森林公园和省级山地车训练基地。<br> <p style="text-indent:2em">蔡伦竹海面积广阔，连片竹林面积达16万亩是我国5A级旅游风景区、国家级风景名胜区、国家森林公园、国家矿山公园，也是我国连片面积最大的竹海，有着“亚洲大竹海”、“天然大氧吧”的美誉。京珠高速公路、京广高铁等并辔而过，107国道、320省道和京广铁路交织成网。<br> </p> </body> </html> 《七》幸福耒阳 <html> <head> <meta charset="utf-8"> <title>幸福耒阳</title> </head> <body text='#FF0000' background="图片素材/11870086_1338790795327.jpg"> <p align="center"><img src="图片素材/xingfu.jpg" "width="400" height="304"></p> <table border="2" width="950" align="left"> <tr> <td > <font size="+2" <strong> <p style="text-indent:2em">落花寂寂，嫣红遍地，一个回眸，风景中的笑颜便沦陷成如今烟雨中的惦念。一些人，一些情，依然索绕着明媚的暖香。婉转流年，无法洗白它的灿烂。 <p style="text-indent:3em">看一段红尘描摹，临画一骑妃子笑，以昨日的把酒欢歌，埋葬那红了樱桃，绿了芭蕉的春花秋月惨淡，任岁月在我的指尖留下几许沧桑，落字成韵，在年华中低吟浅唱。<br><br> 　　脉脉秋风，落叶清凄，繁华褪去，散不去的是人生中的浮华悲欢。时光淡出是年华中的那一份爱，哪怕隔了千山万水，哪怕最被的一映桃红已辗落成尘，牵念依然在。因为爱，所以不曾绝望，因为懂得，所以不忧伤。</p> </strong> </font></td></tr> </body> </html> 六．实训总结经过两周的实训我做了一个属于自己的网页，这也是我自己独立完成的第一个网页。在做网页设计的过程中我对HTML（超文本标记语言）也有了更多的了解，在设计中我用的工具主要是Dreamweaver，这款软件虽然有提示作用，很大程度上给我提供了帮助，但还是有很多东西对我而言是陌生的。我知道，这次实训是老师对我们一个学期学习的一个检验，虽然在网页设计中很多知识我们在课堂上都认真听老师讲过，但是真正让我们自己动手做的时候还是感到力不从心，这说明我们自主动手能力不够，同时也提醒了我们：要想成为一个合格的程序员就要具备一种自学能力，更要勤于自己动手去做，去尝试。这次实训让我深刻的了解到为人处事和团队的重要性。做事首先要先做人，如何更好的与人相处，如何与人顺畅的交流，这些都是现代社会最基本的问题，对于我们刚步入大学不久的人来说，需要学习的东西还很多。实训中我们5个人组成一个团队，大家一起开动脑筋，想主题，聊布局，想着如何把网站设计的更美观。从实训队友的身上我看到了互帮互助，细心努力的态度，在以后的生活中我会更加留意身边同学的优点，从他们身上找寻我所缺少的品质，不断学习，不断完善自己。鲁迅先生曾说过：世上本没有路，走的人多了，便成路。其实，生活之路也是自己走出来的，每个人一生总要去很多陌生的地方，然后熟悉，然后再走向另一个陌生的地方。在不久的将来，我也将要踏上人生的另一段旅程，我一定会用自己的努力创造出一片属于我自己的天空。第9页

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档保存到电脑，查找使用更方便

6 金币

申诉本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请申请举报、认领或删除 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: 网页设计实训报告网页设计报告

咨信网温馨提示：
1、咨信平台为文档C2C交易模式，即用户上传的文档直接被用户下载，收益归上传人（含作者）所有；本站仅是提供信息存储空间和展示预览，仅对用户上传内容的表现方式做保护处理，对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿，我们不确定上传用户享有完全著作权，根据《信息网络传播权保护条例》，如果侵犯了您的版权、权益或隐私，请联系我们，核实后会尽快下架及时删除，并可随时和客服了解处理情况，尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确)，网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据，个别因单元格分列造成显示页码不一将协商解决，平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺，下载前须认真查看，确认无误后再购买，务必慎重购买；若有违法违纪将进行移交司法处理，若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传，付费前请自行鉴别，如您付费，意味着您已接受本站规则且自行承担风险，本站不进行额外附加服务，虚拟产品一经售出概不退款（未进行购买下载可退充值款），文档一经付费（服务费）、不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印，是因预览和防盗链等技术需要对页面进行转换压缩成图而已，我们并不对上传的文档进行任何编辑或修改，文档下载后都不会有水印标识（原文档上传前个别存留的除外），下载后原文更清晰；试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓；PPT和DOC文档可被视为“模板”，允许上传人保留章节、目录结构的情况下删减部份的内容；PDF文档不管是原文档转换或图片扫描而得，本站不作要求视为允许，下载前自行私信或留言给上传者【Fis****915】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用；网站提供的党政主题相关内容(国旗、国徽、党徽－－等)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
6、文档遇到问题，请及时私信或留言给本站上传会员【Fis****915】，需本站解决可联系【微信客服】、【 QQ客服】，若有其他问题请点击或扫码反馈【服务填表】；文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“【版权申诉】”（推荐），意见反馈和侵权处理邮箱：1219186828@qq.com；也可以拔打客服电话：4008-655-100；投诉/维权电话：4009-655-100。

关于本文

本文标题：《网页设计实训报告》.doc
链接地址：https://www.zixin.com.cn/doc/553358.html

Fis****915

内容提供者

实名认证

查看上传人更多文档

部分上传会员的收益排行 01、路***（￥15400+），
02、曲****（￥15300+），
03、wei****016（￥13200+）,
04、大***流（￥12600+），
05、Fis****915（￥4200+），
06、h****i（￥4100+），
07、Q**（￥3400+），
08、自******点（￥2400+），
09、h*****x（￥1400+），
10、c****e（￥1100+）,
11、be*****ha（￥800+），
12、13********8（￥800+）。

相似文档

自信AI助手