HTML课程设计_简单静态网站制作.doc

艺术欣赏与网页设计 PAGE PAGE 4 综合实验 简单静态网站制作 姓名： 鑫鑫 学号： 班级：计算机科学与技术*班 日期： 【实验目的】 综合掌握HTML5+CSS设计静态网站的方法。 【实验环境与设备】 计算机实验室 要求：机器上安装有浏览器和记事本等。 【实验要求】 1、完成学期初每个人自己设计的网站，网站至少由5个页面构成，除主页外，至少要包含四个主栏目，每个页面必须图文并茂，能较好地表达主题，切忌采用过多的文字、过多的图像或者过多flash，不允许添加视频和音频。作品应体现Web的特点，网站结构完整，链接正确、导航有效。 2、网站主题可从如下几个选择：中国传统文化、互联网时代、畅想未来。 3、对于HTML，文档的语义应正确、清晰可读，符合行文规范。 4、对于页面上各个元素，使用CSS进行外观设计，根据主题选取适当的字体大小、颜色和元素背景等。 5、要求使用外部CSS文件。 6、布局方面，使用DIV+CSS布局。 7、对于设计完成的网页样式，要求具有较高的灵活性、可维护性和可重用性，既要确保整个网站外观风格上的统一，每个页面之间也要存在一定的差异。 注意： 内容和网页形式自定，不允许抄袭，一经发现0分处理。 不允许提交未在网页中使用的图像、flash、声音和图像文件。 每个学生以学号加姓名命名站点名称。 完成并提交该实验报告 【报告内容】 网站设计结构 网页代码 ① 第1个页面 !doctype html html head meta http-equiv=Content-Typecharset=utf-8/ title中国传统文化/title link href=style.cssrel=stylesheettype=text/css/ /head body div id=container div id=top img src=images/banner.png/ /div div id=navi spana href=index.html首页/a/span spana href=朝代.html朝代/a/span spana href=民族.html民族/a/span spana href=地域.html地域/a/span spana href=文化.html文化/a/span spana href=杂家.html杂家/a/span span input type=text name=title value= /有哪些信誉好的足球投注网站 /span /div div id=main div id=left ul lih3朝代 /h3/li li 三皇五帝 夏朝 商朝 西周 东周 /li lih3民族 /h3/li li汉族 壮族 满族 回族 苗族 /li lih3地域 /h3/li li东北地区 华北地区 华东地区 /li lih3文化 /h3/li li儒家 道家 释家 诸子百家 /li /ul /div div id=centerimg src=images/1400401422.jpg//div div id=right ul li中国第46个遗产项目.../li li浅析粽子飘香的端午节.../li li世界第三大无人区/li li“鸟的王国”—青海湖鸟岛.../li li“陇上林泉之冠”—麦积山.../li li嘉峪关文物景区：传承.../li li中国第八处世界自然遗产/li li景德镇古窑民俗博览区.../li li江南三大名湖之西湖/li li世界上岛屿最多的湖/li /ul /div /div div id=main1 img style=float:left;src=images/ctbackg.gif/ img style=float:left;width:516px;src=images/index.jpg/ div id=box1 img style=float:left;width:250px;height:180px;margin-left: 8px;src=images/1408004447_thumb.jpg/ p若要说中国历史，夏朝是不能不说、也是无论如何不可逾越的峦峰。但是，夏朝却是一个没有多少考古实物出土的王朝，它仅仅存留于人们的记忆中和传说中。因此，历代关于夏王朝的真实存在性成为公案，众多.../p div id=box2 ul li二里头遗址：已被初步确夏.../li li《礼记》——一部仁义道德的教.../li li 人民艺术家老舍和他的《骆驼祥.../li li二里头文化/li