Dreamweaver网页设计项目教程 作者 王雪松 项目二 任务5完成首页内容区制作3.pptVIP

Dreamweaver网页设计项目教程 机械工业出版社 任务5完成首页内容区制作3（建议2学时） 01 任务实施 02 任务评价 03 触类旁通 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 任务实施 #index_box制作 #index_box内的内容分为左右两个部分，左侧为.box（“焦点中心”区），右侧为.box_ box1（“最新评测”区）。其结构如图所示： 任务实施 #index_box制作 （1）创建#index_box的布局结构 1）返回index.html的代码窗口，光标定位在#index_box中，如图所示: 2）输入代码如图所示: 任务实施 #index_box制作 （2）创建#index_box的内部CSS样式 打开layout.css，输入代码如图所示: 任务实施 #index_box制作 （3）添加内容 1）返回index.html的代码窗口，光标定位在第一个“.box”中输入文字并为标题文字插入“标题2”、“链接”及“行内样式”，如图所示: 2）光标定位在“.box_con”中，输入代码如图所示: 任务实施 #index_box制作 3）复制并修改代码。 两个“box”除文本内容有改