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

尚辅网 / Dreamweaver网页设计项目教程 机械工业出版社 任务5完成首页内容区制作3（建议2学时） 01 任务实施 02 任务评价 03 触类旁通 任务实施 #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”除文本内容有改变外，其样式相同，可以将步骤2）中的代码复制并修改文本内容，代码窗口显示如图所示: