湖南微信网站公司简介,wordpress恋月,安徽蚌埠网,有关网站设计与制作的论文本项目旨在能够灵活运用整章知识点设计页面。本项目创建了“唐朝诗人群像”网站的第三个页面——即李白个人生平页面，主要完成其 HTML部分。
【项目目的】 灵活运用HTML 基本标记。掌握在 HTML页面中嵌入多媒体对象的方法。【项目内容】 利用HTML标记对网页进行结… 本项目旨在能够灵活运用整章知识点设计页面。本项目创建了“唐朝诗人群像”网站的第三个页面——即李白个人生平页面，主要完成其 HTML部分。
【项目目的】
灵活运用HTML 基本标记。掌握在 HTML页面中嵌入多媒体对象的方法。【项目内容】
利用HTML标记对网页进行结构化。能够合理的划分网页结构。【项目步骤】
本项目素材包括音频、图片和文本，新建 HTML 文件，命名为 libai-experiencel.html。
将“李白生平经历素材.txt” 文件的所有内容粘贴到body标记间。
1.网页总体结构化
素材“李白生平经历素材.tx”文件分为13个部分，见注释。分别是 ！--header--、＜！-背景音乐 -、＜！--标题李白--、 ！--页面尾部--、！--1导读--.••！--10story故事3--。在本部分做页面结构化是为了在后续项目中进行页面布局，参照项目图5-1所
（1） ＜header及nav标签：页面头部将作为页面的主导航，因此将注释中页面头部的
"首页.•调查问卷”内容添加到指定标签内。
（2） aside 标签：将注释背景音乐部分，即文字〝背景音乐”，将添加到aside标签
内。此部分将作为背景音乐。
（3） main标签：此部分包括了从“1导读—10 故事3”的十个主题，将其加入到
＜main标签中。主体 main 将划分为两个部分，分别是 content 和 aside。
div id="content”：根据注释，将“标题李白—7 当涂”划分到此部分。aside id="story”：根据注释，“a 故事1—10 故事3” 划分到此部分。div id="daodu”：根据注释，“1导读”划分到此部分。项目图5-1网页总体结构划分
2.网页细分 （1）划分header细分：此部分用来做主导航，所以需要用＜nav、ul、li标签将 header部分划分为导航和列表，请参照项目图5-2所示进行结构化。
