1、南京邮电大学课内实验报告课 程 名:网站设计与架构任课教师: 沈洪洲 专业:信息管理与信息系统学 号: 姓 名: 二一五至二一六年度第 二 学期南京邮电大学 管理学院网站设计与架构课程实验报告一实验内容及基本要求:实验项目名称:(1)网站规划与平台搭建;(2)使用 Dreamweaver 设计静态网页实验类型:操作每组人数:1实验内容及要求:内容(1):掌握 Dreamweaver 开发平台搭建的方法。要求:熟悉 Dreamweaver 软件工具,并学会配置和管理网站站点。内容(2):掌握利用 Dreamweaver 设计和开发静态网页的方法要求:了解静态网页中各种元素的特征及使用方法,利用
2、Dreamweaver 自行动手开发一个个人网站,至少包括 4 个页面,尝试使用布局、超链接、颜色、表格、图片、表单等 HTML 技术,学习并掌握 CSS 的设置和使用。希望能够做出具有自己独特风格的个人网站。一, 创建站点(1)选择“菜单”下的“管理站点”对话框。单击“新建”按钮,选择弹出菜单中的“站点”选项。如图 1 所示:图 1(2)在打开的对话框上方有“基本”和“高级”两个选项卡,可以在站点向导和高级设置之间切换。选择“基本”选项卡。如图 2 所示:图 2(3)在“您打算为您的站点起什么名字?”文本框中输入一个“On the Road”。单击“下一步”按钮。在弹出的界面中询问是否要使用
3、服务器技术。选择“否,我不想使用服务器技术” 。如图 3 所示:图 3(4)单击“下一步”按钮,在弹出的界面中设置本地站点文件夹的地址,如图 4 所示:图 4(5)单击“下一步”按钮,进入站点自定义界面,选择“无” ,如图 5 所示:图 5(6)单击“完成”按钮,结束“站点定义”对话框的设置,如图 6 所示:二, 建立静态网页(1)搭建站点目录结构与文件管理(1)创建子页面1历史2情侣3独行4踏青(2)制作主页面。1在主页面中给部分文本插入超级链接,2在主页面中给部分图片插入运用图片热点工具将图片中的部分内容链接到子页面链接方法如图所示:3在含有文本的子页面中运用 css 样式设置文本格式如图
4、所示:附:各页面的代码1主页面金陵游 On the Road金陵游 On the Road 全部中山陵纪念馆夫子庙总统府玄武湖栖霞山梅花山雨花台莫愁湖秦淮河牛首山羊山公园滨江公园白鹭洲紫霞湖南京简介南京是一个美丽的城市,历史底蕴深厚,自然景观和人文景观都很不赖,有很多很好看的地方能够领略到浓郁的文化气息。总统府印象深刻,夜游秦淮河也很不错。但是人太多,空气质量也不好。南京旅游资源丰富,名胜古迹众多。南京旅游景点包括了中山陵、南京大屠杀遇难同胞纪念馆、夫子庙、南京长江大桥、明孝陵等。南京旅游局为方便游客旅游南京,与媒体合作整出十条南京的精品旅游线路。分别是:六朝怀古游、大明胜迹游、郑和遗踪游、民
5、国文化游、宗教文化游、秦淮风情游、科教修学游、滨江风貌游、温泉度假游、乡村美景游。 南京又是十朝都会, “衣冠文物盛于东南和都市大气之特色,有深厚的文化内涵,透露出几分儒雅之气,豪杰之风,斯文秀美,亢朗冲融。 ”同时南京作为天下文枢所在,文化底蕴深厚,所谓“菜佣酒保也有六朝烟水气” 。除了著名的南京旅游景点可供游客游玩之外,南京的美食也不容错过。南京的饮食以京苏菜(金陵菜)和清真菜著名。金陵菜的四大名菜包括松鼠鱼、蛋烧卖、美人肝、凤尾虾。制作金陵大菜的知名菜馆有绿柳居菜馆、马祥兴菜馆等。最佳季节:3 月-5 月和 9 月-10 月最佳。春天的南京,梅花山梅花盛开,景致着迷。秋天,栖霞山上红叶如
6、火,层林尽染。南京,简称宁,是江苏省,地处中国东部地区,长江下游,濒江近海。全市下辖 11 个区,总面积 6597 平方公里,2013 年建成区面积 752.83 平方公里,常住人口 818.78 万,其中城镇人口 659.1 万人。“江南佳地,金陵帝王州” ,南京拥有着 6000 多年文明史、近 2600 年建城史和近 500 年的建都史,是中国四大古都之一,有“六朝古都” 、“十朝都会”之称,是中华文明的重要发祥地,历史上曾数次庇佑华夏之正朔,长期是中国南方的政治、经济、文化中心,拥有厚重的文化底蕴和丰富的历史2历史3情侣情侣雨花台风景区又名雨花台风景名胜区,亦简称雨花台。位于南京市中华门
7、外 1 公里处,面积为 153.7 公顷,绿地覆盖率达 90%以上。以自然山林为依托,以红色旅游为主体,融和自然风光和人文景观为一体的全国独具特色的纪念性风景名胜区。 玄武湖,位于南京城中,东枕紫金山,西靠明城墙,是中国最大的皇家园林湖泊,也是中国仅存的江南皇家园林和江南地区最大的城内公园,被誉为“金陵明珠” ,现为国家重点公园、国家 A 级旅游景区 栖霞山位于南京市栖霞区,又名摄山,被誉为“第一金陵明秀山, ”南朝时山中建有“栖霞精舍” ,因此得名,是中国四大赏枫胜地之一。栖霞山古迹名胜众多,最为出名的深秋红叶、“东飞天”石窟是招徕海内外游客的名片,深秋的栖霞山,满山红叶,好像一幅美丽的图画
8、作品,所以南京民间有“春牛首,秋栖霞”的说法。 高淳区位于南京市南端,被誉为南京的后花园和南大门,是世界慢城联盟授予的中国首个“国际慢城” 、国际慢城联盟中国总部所在地,华东地区特色现代都市农业基地,长三角地区重要休闲旅游目的地,亦是长三角地区制造业服务枢纽和高端作业配套基地 莫愁湖在六朝时称横塘,在宋、元时即有盛名,明朝定都南京后更盛极一时。清乾隆年间,在园内建郁金堂,筑湖心亭,遂成金陵第一名湖。有“江南第一名湖” 、 “金陵第一名胜” 、 “金陵四十八之首”等美誉。 4独行独行紫金山位于南京市玄武区,又称中山,江南四大名山之一,有“金陵毓秀”的美誉,是南京名胜古迹荟萃之地,全国生态文化示范
9、地、世界文化遗产所在地、首批国家 5A 级景区钟山风景名胜区位于紫金山南麓 秦淮河,中国长江下游右岸支流。古称龙藏浦,汉代起称淮水,唐以后改称秦淮。1 秦淮河有南北两源,北源句容河发源于句容市宝华山南麓,南源溧水河发源于南京市溧水区东庐山,两河在南京市江宁区方山埭西北村汇合成秦淮河干流,绕过方山向西北至外城城门上坊门从东水关流入南京城,由东向西横贯市区,南部从西水关流出,注入长江。 牛首山位于南京市江宁区,由牛首山,祖堂山,将军山,东、西天幕岭,隐龙山等诸多大小山组成。牛首山属于宁镇丘陵西段南支,山高 248 米,因山顶南北双峰似牛角而得名, 金陵揽古曰:“遥望两峰争高,如牛角然。 ”栖霞山位
10、于南京市栖霞区,又名摄山,被誉为“第一金陵明秀山, ”南朝时山中建有“栖霞精舍” ,因此得名,是中国四大赏枫胜地之一。栖霞山古迹名胜众多,最为出名的深秋红叶、 “东飞天”石窟是招徕海内外游客的名片,深秋的栖霞山,满山红叶,好像一幅美丽的图画作品,所以南京民间有“春牛首,秋栖霞”的说法。 莫愁湖在六朝时称横塘,在宋、元时即有盛名,明朝定都南京后更盛极一时。清乾隆年间,在园内建郁金堂,筑湖心亭,遂成金陵第一名湖。有“江南第一名湖” 、 “金陵第一名胜” 、 “金陵四十八之首”等美誉。5踏青踏青羊山公园(羊山生态森林公园)位于南京市栖霞区仙林大学城东部,处于仙林副城的中心区,占地约134 公顷。以羊
11、山和人工湖为主体建设,是仙林副城内最重要的原生态森林公园,目前已经完成了基建工程,初具规模。滨江公园是南京奥体中心的后花园,重要的人群疏散出口。秉承全民健身的宗旨,提出休闲体育概念,将世纪轴线现代体育的大气、流畅同滨江轴线水文化的自然、优雅有机结合,力图营造“人、时代、自然和谐共生”的环境灯光。 白鹭洲公园,主要以音乐喷泉广场为主题,以白鹭女神像和鸽子广场为中心,包括娱乐、餐饮、休闲等项目,让你在小小的公园里就能玩个够。其实晚上时间才好玩,因为一到什么节日的话,这里晚上就会喷音乐喷泉,很不错,如果是元宵节到的话,还会展览那年的元宵展,非常漂亮,那天的话,就会有很多人的人去观赏,外面的交通都是大
12、堵塞。白鹭洲公园算是一个环境优雅,配套设施不错的一个地方,因为住在附近的居民一般晚上都会选择去那边运动,或是观赏美景,而且是处在厦门的中间地段,交通很方便,值得一去。内有筼筜书院。靠近厦门市博物馆。 紫霞湖位于南京市玄武区钟山风景名胜区明孝陵东北部,是个深藏于山间林海中的人工蓄水湖泊,因与紫霞洞相连而得名。有“林海中的明珠” 、 “南京第一无污染湖”之誉。现在成为人们避暑纳凉的旅游佳地。紫霞湖修建于 30 年代中期,由爱国华侨胡文虎捐资建造,用来汇聚钟山泉水。面积约 50000 平方米,湖水清澈,周围林木蓊郁,山青水碧,风景佳丽。玄武湖,位于南京城中,东枕紫金山,西靠明城墙,是中国最大的皇家园
13、林湖泊,也是中国仅存的江南皇家园林和江南地区最大的城内公园,被誉为“金陵明珠” ,现为国家重点公园、国家 A 级旅游景区。三学习心得通过这次实验,掌握了 Dreamweaver 开发平台搭建的方法。熟悉了 Dreamweaver 软件的一些基本工具,并学会了配置和管理网站站点。除此之外,还掌握了利用 Dreamweaver 设计和开发静态网页的方法了解了静态网页中各种元素的特征及使用方法。实验过程中遇到了一些困难,比如插入图片之后不能在图片后方的空格内加入文本,为解决这个问题,我通过添加嵌套表格的方法成功设置了页面布局。成绩评定:该生对待本次实验的态度认真良好一般比较差。本次实验的过程情况很好较好一般比较差对实验结果的分析很好良好一般比较差文档书写符合规范程度很好良好一般比较差综合意见:成绩 指导教师签名 沈洪洲 日期 2016-4-5