网店美工实操第6章Dreamweaver图片切割与优化.pptVIP

* * * * * * * * 6.8 旺铺自定义内容区 操作步骤如下。 步骤 1 切换到“代码”视图，如图所示。按快捷键Ctrl+A，全选代码，按快捷键Ctrl+C，复制代码。 6.8 旺铺自定义内容区 操作步骤如下。 步骤 2 在“卖家中心” ，单击 “店铺装修”按钮，进入店铺的装修页面。 步骤 3 单击页面中的“在此处添加新模块”按钮，。在弹出对话框中，单击“自定义内容区”后面的“添加”按钮，就成功添加了一个自定义内容区，如图所示。 6.8 旺铺自定义内容区 操作步骤如下。 步骤 4 单击的“编辑”按钮，就可以进入“自定义内容区”的编辑模式。切换到代码状态，将步骤1复制的代码粘贴进来，如图所示。 6.8 旺铺自定义内容区 操作步骤如下。 步骤 6 单击的“保存”按钮，就可以在首页看到排版的效果了。如果要让所有进入店铺的人都能看到，单击右上角的“发布”按钮即可，如图所示。 * * * * * * * * * * * * * * * * * * * * * * * * * * * 目录 6.1 认识Dreamweaver 6.2 本地站点管理 6.3 规则表格排版 6.4 不规则表格排版 6.5 Dreamweaver链接的设置 6.6 热点链接 6.7 淘宝图片空间 6.8 旺铺自定义内容区 6.1 认识Dreamweaver 6.1 认识Dreamweaver 具体操作步骤如下。 步骤 1 单击“拆分”视图按钮，将界面切换为“拆分”视图状态，如图所示。 步骤 2 在下面的“设计”视图，输入“淘宝大学”，将文字选取。 步骤 3 单击属性面板的“B”按钮，将文字设置为加粗效果。 步骤 4 我们在上面的“代码”视图中可以看到在“淘宝大学”的前面，被加上了“strong”，后面被加上了“/strong”。这些代码是自动被加上的。 6.2 Dreamweaver本地站点管理 操作步骤如下。 步骤 1 选择“站点”菜单，选择“新建站点”，在弹出的对话框，选择“高级”选项卡，如图所示。 6.2 Dreamweaver本地站点管理 操作步骤如下。 步骤 2 在图所示的对话框中，一定要设置的是“本地根文件夹”，设置方法是单击右侧的图标，在出现的对话框中，指定好第4章优化保存图片所在的文件夹，如图所示。 6.2 Dreamweaver本地站点管理 操作步骤如下。 步骤 3 建议将“站点名称”，取一个有意义的名称 6.3 Dreamweaver规则表格排版 操作步骤如下。 步骤 1 在“站点管理器”中单击鼠标右键，在弹出的菜单中选择“新建文件”命令。 6.3 Dreamweaver规则表格排版 操作步骤如下。 步骤 2 为新建的文件取名为“说明.html”，如图所示。 6.3 Dreamweaver规则表格排版 操作步骤如下。 步骤 3 打开“说明.html”文件。进入代码编辑状态，删除全部代码，如图所示。 6.3 Dreamweaver规则表格排版 操作步骤如下。 步骤 4 单击“设计”按钮，进入“设计”视图状态，如图所示。 6.3 Dreamweaver规则表格排版 操作步骤如下。 步骤 5 选择“插入”→“表格”命令，在弹出的对话框中，设置表格参数，如图所示。 6.3 Dreamweaver规则表格排版 操作步骤如下。 步骤 6 刚插入的表格，如果参数设置不正确，单元格边距等参数进行调整，如图所示。 6.3 Dreamweaver规则表格排版 操作步骤如下。 步骤 7 将光标定位于第1格，选择“插入”→“图像”命令，选择我们要放在第1格中的图片，如图所示。 6.3 Dreamweaver规则表格排版 操作步骤如下。 步骤 8 在插入图片的过程中，会弹出如图所示的对话框，在“替换文本”后面的文本框中可以输入有利有哪些信誉好的足球投注网站的关键字。单击“确定”按钮，完成图片的插入。 6.3 Dreamweaver规则表格排版 操作步骤如下。 步骤 9 单击表格第1行的第2格，输入文字，如图所示。 6.3 Dreamweaver规则表格排版 操作步骤如下。 步骤 10 用相同的方法，将另外几个单元格的内容，也都排版好，如图所示。 6.3 Dreamweaver规则表格排版 操作步骤如下。 步骤 11 按快捷键F12，就可以自动调用浏览器，查看最终的效果，如图所示。 6.3 Dreamweaver规则表格排版 操作步骤如下。 步骤 12得到极细线表格的正确的方法如下。 ① 单击表格任意一格，再单击状态栏标签区的table选中表格。 ② 在“属性面板”上，设置“背景颜色”为黑色，间距为1。 ③ 选中所有的单元格，在“属性面板”设置“背景颜色”为白色。 6.3 Dreamweaver规则表格排版 操作步骤