资源描述
娄底职业技术学院
LOUDI VOCATIONAL AND TECHNICAL COLLEGE
《网页编程技术》实训汇报
课 题 ： 个人网站制作库
系 部 ： 电子信息工程系
班 级 ： 16级软件1班
学 号 ： XXXXXXXXXXXX
姓 名 ： 隐非问
组 员 ： 王子涵、张杰明、林丽雪、吴涛、隐非问
指导老师： 王锡文
完成时间： .12.5—.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='图片素材/fcf7.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_25.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='图片素材/_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_27.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个人组成一个团体，大家一起开动脑筋，想专题，聊布局，想着怎样把网站设计更美观。从实训队友身上我看到了互帮互助，细心努力态度，在以后生活中我会愈加留心身边同学优点，从她们身上找寻我所缺乏品质，不停学习，不停完善自己。
鲁迅先生曾说过：世上本没有路，走人多了，便成路。其实，生活之路也是自己走出来，每个人一生总要去很多陌生地方，然后熟悉，然后再走向另一个陌生地方。在很快未来，我也将要踏上人生另一段旅程，我一定会用自己努力发明出一片属于我自己天空。
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
