南京邮电大学课内实验报告课 程 名:网站设计与架构任课教师: 沈洪洲 专业:信息管理与信息系统学 号: 姓 名: 二○一五至二○一六年度第 二 学期 南京邮电大学 管理学院《网站设计与架构》课程实验报告一实验内容及基本要求:实验项目名称:(1)网站规划与平台搭建;(2)使用Dreamweaver设计静态网页实验类型:操作每组人数:1实验内容及要求:内容(1):掌握Dreamweaver开发平台搭建的方法要求:熟悉Dreamweaver软件工具,并学会配置和管理网站站点内容(2):掌握利用Dreamweaver设计和开发静态网页的方法要求:了解静态网页中各种元素的特征及使用方法,利用Dreamweaver自行动手开发一个个人网站,至少包括4个页面,尝试使用布局、超链接、颜色、表格、图片、表单等HTML技术,学习并掌握CSS的设置和使用希望能够做出具有自己独特风格的个人网站一, 创建站点(1)选择“菜单"下的“管理站点”对话框单击“新建”按钮,选择弹出菜单中的“站点”选项如图1所示:图1(2)在打开的对话框上方有“基本”和“高级"两个选项卡,可以在站点向导和高级设置之间切换。
选择“基本”选项卡如图2所示:图2(3)在“您打算为您的站点起什么名字?”文本框中输入一个“On the Road”.单击“下一步”按钮.在弹出的界面中询问是否要使用服务器技术选择“否,我不想使用服务器技术”如图3所示:图3(4)单击“下一步”按钮,在弹出的界面中设置本地站点文件夹的地址,如图4所示:图4(5)单击“下一步”按钮,进入站点自定义界面,选择“无",如图5所示:图5(6)单击“完成”按钮,结束“站点定义”对话框的设置,如图6所示:二, 建立静态网页(1)搭建站点目录结构与文件管理(1) 创建子页面1>历史2>情侣3>独行4〉踏青(2) 制作主页面1>在主页面中给部分文本插入超级链接,2>在主页面中给部分图片插入运用图片热点工具将图片中的部分内容链接到子页面链接方法如图所示:3〉在含有文本的子页面中运用css样式设置文本格式如图所示:附:各页面的代码1〉主页面<!DOCTYPE html PUBLIC "—//W3C//DTD XHTML 1.0 Transitional//EN” "http://wwworg/TR/xhtml1/DTD/xhtml1-transitional。
dtd”〉〈head〉〈meta http—equiv=”Content—Type” content="text/html; charset=gb2312” /〉〈title〉金陵游On the Road〈/title>〈style type=”text/css”>〈!-—body { background-image: url(img/e5035efb2272f935be987be492baa07bjpg);}STYLE2 {font-size: 18px}.STYLE3 {color: #FFFFFF}.STYLE4 {font-size: 24px; }STYLE5 {font-size: 16px}.STYLE13 {color: #3AC5A9}STYLE14 {color: #3AC5A9; font—size: 16px; }.STYLE15 { font—family: Verdana, Arial, Helvetica, sans—serif; font—size: 36px;}—->〈/style〉〈table width=”100%” border="0" align="center”〉 〈tr> 〈td height=”463" valign=”top” background="img/1b2bc0312e2fd04d277c6904e0a75796.jpg”〉
jpg”>〈span class="STYLE15">金陵游On the Road 〈/span>〈/td〉
〈span class="STYLE2”〉全部〈/span〉〈/div> | 〈tr〉 〈a href=”untitled1.html">中山陵〈/a>〈/span> | 〈/td> 〈/tr> 〈tr> | 〈div align=”center” class=”STYLE3”>〈span class=”STYLE2">夫子庙 |
〈span class="STYLE2”〉〈a href=”untitled1。
html">总统府〈/td〉 〈tr〉 〈td〉〈div align=”center" class="STYLE3"〉〈span class="STYLE2">〈a href="untitled3.html”〉玄武湖
〈a href="untitled4。
html”>〈/div〉 〈a href=”untitled4html”〉〈span class=”STYLE2">白鹭洲〈/td〉
〈table width=”100%" border="0"〉 〈tr> 〈/tr> | 〈td height="450" valign="top”〉〈span class="STYLE13”〉南京是一个美丽的城市,历史底蕴深厚,自然景观和人文景观都很不赖,有很多很好看的地方能够领略到浓郁的文化气息。
总统府印象深刻,夜游秦淮河也很不错.但是人太多,空气质量也不好南京旅游资源丰富,名胜古迹众多南京旅游景点包括了中山陵、南京大屠杀遇难同胞纪念馆、夫子庙、南京长江大桥、明孝陵等.南京旅游局为方便游客旅游南京,与媒体合作整出十条南京的精品旅游线路分别是:六朝怀古游、大明胜迹游、郑和遗踪游、民国文化游、宗教文化游、秦淮风情游、科教修学游、滨江风貌游、温泉度假游、乡村美景游 南京又是十朝都会,“衣冠文物盛于东南和都市大气之特色,有深厚的文化内涵,透露出几分儒雅之气,豪杰之风,斯文秀美,亢朗冲融同时南京作为天下文枢所在,文化底蕴深厚,所谓“菜佣酒保也有六朝烟水气”除了著名的南京旅游景点可供游客游玩之外,南京的美食也不容错过南京的饮食以京苏菜(金陵菜)和清真菜著名金陵菜的四大名菜包括松鼠鱼、蛋烧卖、美人肝、凤尾虾制作金陵大菜的知名菜馆有绿柳居菜馆、马祥兴菜馆等最佳季节:南京,简称宁,是江苏省,地处中国东部地区,长江下游,濒江近海。
全市下辖11个区,总面积6597平方公里,2013年建成区面积752.83平方公里,常住人口818.78万,其中城镇人口659〈a name="ref_[1—4]_6958452" id="ref_[1—4]_6958452">〈span class=”STYLE14”>“江南佳地,金陵帝王州”,南京拥有着6000多年文明史、近2600年建城史和近500年的建都史,是中国四大古都之一,有“六朝古都”、“十朝都会”之称,是中华文明的重要发祥地,历史上曾数次庇佑华夏之正朔,长期是中国南方的政治、经济、文化中心,拥有厚重的文化底蕴和丰富的历史〈/span>〈/p〉 〈p class=”STYLE5"> 〈/p〉 〈map name="Map" id=”Map”>〈area shape=”rect" coords="79,3,130,35" href=”#" />〈/body>〈/html>2〉历史3>情侣
0 Transitional//EN” "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitionaldtd">〈html xmlns="http://www.w3.org/1999/xhtml”〉 |