项目十四 项目实践：正邦网页制作（一）
实践目标
1、 了解网页设计的流程。
2、 了解网页设计中的注意事项。
3、 熟悉网页设计和制作。
实训项目简介：
正邦网站是一个企业网站制作的综合实例，通过本项目的学习和锻炼可以帮助学员了解到公司企业站的特点，也是对前面章节学习到知识点不断进行巩固，同时为后续课程打下基础，帮助学生贯穿大学所有的课程内容。在本项目中，我们不仅要运用到前面所学习的网页布局理念，同时也是需要建立在已经掌握了HTML基本标记和CSS基础以及DIV基础之上。通过本项目的锻炼和学习，学生能够制作大部分企业网站。
实训流程：
任务一：分析正邦网站首页架构
任务描述：
在进行正式的网页制作之前我们应该先明确网站的整体色调、风格、布局结构以及页面内容，了解网站的整体框架，才能为接下来的页面设计做好充分准备工作。
1号框：网页的头部，此处在一对DIV标记里面插入网站的logo即可。
2号框：网页的导航部分，用到了ul标记以及li标记，并且要设置li标记左浮动，这样便于搜索引擎抓取。
3号框：网页Banner部分。
4号框：产品二级导航，两面包括五个文本链接。
5号框：网页的主体部分，分左中右三个小块，左侧的DIV块里包括一个标题一张图片以及一条新闻标题及新闻概要，下面是一段新闻列表；中间的DIV块包括一个标题，，右侧的DIV块包括一个标题，以及几行文字和两张图片。
6号框：产品列表，里面是用列表标记制作的三张产品图片及标题。
7号框：底部版权。
任务二：制作正邦首页头部以及导航条
在index.html页面的
中输入以下代码，新建CSS文件名为mystyle.css，用于编写公众样式的CSS代码，保存到根目录的images文件夹。中输入以下代码，新建CSS文件名为mystyle.css，用于编写公众样式的CSS代码，保存到根目录的images文件夹。
HTML 源代码：
(index.html)
代码解析：
1） 第9-11行:定义一对DIV标记，id名为"logo"，在该块中插入logo.jgp，并设置图片款342像素，高70像素。Logo盒子内嵌套一个id名为"telno"的盒子，里面是一行联系电话的文本信息。
2） 第13-25行：定义导航条部分的DIV盒子，id名为"menu"；
CSS源代码：
(mystyle.css)
代码解析：
1） 第1-3行:定义所有HTML标记默认外边距为0；
2） 第4-11行：定义logo盒子高70像素，宽960像素，上边距为零，右边距自适应，下边距零，左边距自适应；
3） 第12-14行：定义logo盒子内的img标记中的元素左浮动；
4） 第15-26行：定义telno盒子右浮动，高20像素，宽200像素，上填充距为30像素，右填充距为40像素，下填充距为20像素，字体黑体14像素，粗体，颜色为#BF0000(红色)；
5） 第27-34行：定义menu盒子高50像素，宽960像素，上下边距为零，左右自适应；
6） 第35-45行：定义menuys盒子字号14像素，颜色为#fff(白色)，背景颜色为#D92621(红色)，左浮动，高20像素，宽120像素，文本居中，上填充距为15像素，下填充距为15像素。
任务三：制作正邦首页的Banner&产品分类导航
HTML 源代码：
(index.html)
代码解析：
1） 第26行:定义一对DIV标记，id名为"jsnews"，里面插入一张图片，并设置图片宽100%，高350像素；
2） 第27行：定义一对DIV标记，id名为"redbg"，内含一段文本内容；
3） 第28行：定义一对段落标记，里面包含一个空格符；
CSS源代码：（
index.css）
代码解析：
1） 第46-53行:定义jsnews盒子高350像素，宽960像素，上下边距为零，左右自适应；
2） 第54-67行：定义redbg盒子高15像素，宽910像素，上下边距为0，左右自适应，上填充距为7像素，下填充距为8像素，背景颜色为#D92621(红色)，字号12像素大小，左填充距为50像素；
