网络专题的策划与制作 - Chinacn.pptVIP

网络专题的策划与制作 分别绘制这两块版块,并用渐变叠加图层样式,给它们添加渐变色 网络专题的策划与制作 然后再加上描边图层样式 网络专题的策划与制作 效果图 网络专题的策划与制作 11.右边版块的格子填充：首先自定义图案,新建一文件 30×30 像素,用白色 1 像素大小的线条填充最上面和最左边部分, 网络专题的策划与制作 12.按住 Ctrl 键同时单击右边版块的图层,得到此版块的选区,新建一图层,选择菜 单“编辑-填充”,选择自己定义的图案进行填充,并降低此图层的透明度. 网络专题的策划与制作 13.格子上的图案,方法与第 3,4,5 步一样,用钢笔工具绘制几何形状,并把路径转 为选区,再用硬度为 0%的画笔进行喷绘. 14.最后用前面的方法,把其它形状绘制完 网络专题的策划与制作 图片效果 网络专题的策划与制作 Photoshop 切片：在 PS 中通过切片操作,可以在图像保存为网页时,将每一个切片作为一个独立的文件进行存储.当保存的网页格式在 Dreamweaver 中打开时,Photoshop 中生成的图像切片就变成 Dreamweaver 中表格中的各个单元格. 在 Photoshop 中可以采用多种方法对图像进行切片,包括使用切片工具创建切片,基于参考线创建切片和基于图层创建切片等等.下图就是切片工具和切片选择工具. 网络专题的策划与制作 切片的形状都是矩形的, 只要动手一切就有主切片和辅助切片的生成, 切片生成后可以使用切片选择工具进行选择,并设置切片属性,如名称,URL,大小等,也可移动切片的位置和重新定义切片.切片选择工具和切片选项面板如下图所示 网络专题的策划与制作 切片是按网页的结构和图片的特点进行切片 切片的大小和位置可以通过切片选项来进行调整 网络专题的策划与制作 Photoshop 切片与 Dreamweaver 的结合：这里我们把前面那个简单的版面设计实例进行切片操作,然后导入到 Dreamweaver中进行相关的操作制作一个静态网页. 制作步骤: 1.将页面中涉及到要链接的文字,标题和要插入 flash 及其它部分进行切割.选择切片工具,按各个区域进行裁切,效果如图 网络专题的策划与制作 2.选择PS菜单“文件-存储为 web 所用格式”命令,弹出的对话框。在默认情况下,所有切片生成的文件都是 Gif 格式,但是如果某个切片中的图像是照片或要求颜色数量非常高的时候,可在对话框中使用切片选择工具,选择这个切片,并设置此切片的格式为 JPG 或 PNG.设置完成后,单击存储按钮,将网页存储在自己所需要的地方即可. 网络专题的策划与制作 3.输出来之后,生成了 Image 文件夹及一个 html 格式网页文件.如下图所示. 其中 Image 文件夹中都是生成的一个个的切片文件 网络专题的策划与制作 4.将导出的 html 格式文件导入到 Dreamweaver 中进行设置：选择其中的导航标题,然后选择链接即可. 网络专题的策划与制作 5.如要在中间的右边版块上插入 Flash,而且原来的图像不能去掉,方法是将图像设置为背景图片:先将原切片图像的大小记住,并删除它,然后选择此单元格,按照刚才记住的 原切片图像的大小设置此单元格的大小, 然后选择属性栏中的设置背景图片, 把刚刚删除的 图像重新设置为背景图片. 网络专题的策划与制作 6、选中此单元格, 选择菜单中的 插入-媒体-Flash 如图所示. , 即可插入 Flash 在此背景图片上. 网络专题的策划与制作 7、设置 Flash 的背景透明.选中插入的 Flash,并选择属性中的参数面板,设置参数如下图所示 . 网络专题的策划与制作 8、最后的效果如图 网络专题的策划与制作 填充材料 1 专题的测试 2 专题的发布 3 第三、网络专题的发布 网络专题的策划与制作 上传稿件 更新栏目树 创建专题模版 建立专题节点 填充材料 1 网络专题的策划与制作 在“民革专题”节点下，点击右键选择“新建子栏目”，填写专题名称； 网络专题的策划与制作 再在该专题节点下，点击右键选择“新建子栏目”填写专题各栏目名称 网络专题的策划与制作 创建完目录后，选择“扩展信息”，选择“页面模版”和“文章模板”（就是我们在页面设计中完成的），点击“更新”即可 网络