Dreamweaver网页设计项目教程王雪松项目二任务3搭建网站框架1课件教学.pptVIP

* * Dreamweaver网页设计项目教程 机械工业出版社 任务3搭建网站框架1（建议2学时） 01 任务分析 02 任务实施 03 任务提示 任务分析 网站主体框架布局划分示意图 任务实施 1．选择站点 2．设置页面标题 3．链接CSS文件 打开Adobe Dreamweaver，选择“shanzai”站点，并打开index.html文件 在工作区单击“拆分”视图模式，这样可以同时看到代码窗口和设计视图窗口，有利于熟悉代码。设置页面的标题为“ShanZai手机 引领时尚” 。 打开CSS面板，选择面板下方的“附加样式表”图标并在弹出的“链接外部样式表”对话框中进行设置 。 任务实施 4．搭建首页布局框架 打开插入面板，调出布局选项卡 ， （1）插入第一个DIV 1）首先将光标定位在“设计”窗口，选择“插入Div标签”选项 2）在弹出的“插入Div标签”中修改“ID”为“container”。“ID”作为一个“Div”的唯一识别，用以识别其身份，在一个网页内，同一“ID”的对象只能引用一次。 （2）网页头部DIV框架创建 1）插入DIV id=“header” 2）插入网页标识DIV标签，id=“logo”，位置在“header”内部。 3）插入网页快速搜索DIV，id=“s