网页设计与制作 工业和信息化普通高等教育十二五 规划教材立项项目 教学课件 作者 雷伟军 第12章 企业网站.ppt

《网页设计与制作 工业和信息化普通高等教育十二五 规划教材立项项目 教学课件 作者 雷伟军 第12章 企业网站.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第12章企业网站制作网站前，一般先要进行前期调研，确定网站的主题、栏目、整体风格等。企业网站的具体页面以内容来划分，一般包括网站logo、导航条、Banner、内容栏和版尾5个组成部分。同时，企业网页中各栏目（公司动态、公司简介等）的内容应该保持一致的风格，在设计企业网页的界面时，可先设计网页的logo、导航条等板块，然后通过复制结构和内容实现栏目风格的统一。为了简洁的描述制作过程，下面主要以代码的形式给出企业网站首页和内部页面的制作过程。12.1制作软件公司网站首页在编写软件公司网页页面时，通常以div标签为网页最基础的结构，在div标签内部，则使用列表等存储各种内容数

2、据。操作步骤如下：1.新建站点对应“12”文件夹，在站点根文件夹（即文件夹“12”）下创建“pages”、“style”文件夹。用Dreamweaver创建网页文档，并将网页文档以“index.html”保存在“pages”文件夹下，然后再创建“main.css”层叠样式表文件，将其保存在“styles”子文件夹下。2.从“文件”面板打开“index.html”，切换到“拆分”视图。将工具栏“标题”文本框内容修改为“SD软件公司”。3.在“main.css”文档中，定义网页的body标签以及表格的样式属性。代码如下所示:body,td,th{font-size:12px;

3、}body{margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;width:1003px;background-image:url(../images/hbg.jpg);background-repeat:no-repeat;background-color:#2e597b;}4.在“index.html”文档的“设计”视图中，在“body”标签中插入div标签创建网页的基本结构，并为每个版块添加id属性，其代码如下所示。