（流程管理）空谷校园网专题制作技术流程及注意事项.pdf

（流程管理）空谷校园网专 题制作技术流程及注意事 项 空谷校园网专题制作技术流程及注意事项（程序部分） 一、专题文件解读 当你收到壹个专题的时候，会是壹个压缩包文件。 例如 2011 年 11 月专题当你壹个人面对这世界（以下举例均用此专题，且不再声明）。 1 、解压缩 a) 压缩后的文件夹里的文件应该包括： i. “当你壹个人面对这世界（效果图）.jpg”文件是网页完成后于网站 上显 示的最终 效果图，可是且不是网络中心程序员完成制作专题的最终效果。所以这个文件的 意义只于于给你见个大概的效果，不能用这张图切片。 ii. “当你壹个人面对这时间.jpg”文件是网络中心程序员完成制作专题的最终效 果 （除了部分动态代码）。 iii. “当你壹个人面对这时间.psd”文件是网络中心程序员于切片时使用的文件。 注意：前面俩个jpg 文件均不能用来切片，壹定要用这个psd 文件进行切片！ iv. “说明.doc”文件是设计中心设计员于设计专题页面效果后，给制作专题的程序员见的注意事项，里 面内容包括：页面字体大小，颜色等等。网络中心程序员应按照相应说明制作网页。 v. “专题申请表.doc”是新闻中心或文娱中心提交的专题策划，里面的信息包括：专题 责任编辑联系方式，编辑对专题的要求，专题文章标签（后台传文章要用），完成 时间。 二、切片 a）用PS 打开 psd 文件 b）添加辅助线 辅助线的添加应该根据“当你壹个人面对这世界（效果图）.jpg”这个效果及专题申请表及说明文档， 添加辅助线的目的是方便切片。 1 、当psd 文件打开显示的和“当你壹个人面对这世界（效果图）.jpg”不同时，打开或关闭部分图层， 使 psd 文件里显示的图片和该效果图完全壹样。（方法见下“c）”）。 c）当psd 文件打开显示的和“当你壹个人面对这世界.jpg”不同时，我们需要把这个 psd 文件里和“当 壹个人面对这世界.jpg”不同的地方全部去掉，才能进行切片。 注意：切片只是切下我们于网页上不能用纯代码实现的图片背景，和壹些特殊字体效果，所以专题里的 文章列表，和滚动图片，百叶窗等均不能切。 特别注意：专题底部版权部分也该去掉文字后再切片。 d）去掉psd 文件里多余的部分方法： 于右下 角的图层框中，打开每壹个文件包，找到多余部分的图层。 例如 去掉“属于青春的呐喊”下的三个坑爹的文章标题：于图层里找到这三个标题 的图 层名，点击壹下图层前面的眼睛，隐藏这个图层。 隐藏 多余图层后的最终效果：能够见到辅助线仍于~刚刚的辅助线是按照里面内容来 切的~ 例如 这里是放文章标题的，等下切片的时 候就 直接切这壹块就好了。 e）添加切片（切片思路及布局思想不于这里说明） 切片完成最终效果图： f）保存切片，文件--》储存为 web 和设备所用格式 改变上图红框里的图片格式，每种图片格式有哪些去吧请自行百度。 点击储存 注意：1 、文件名请用英文命名 2 、格式宣传仅限图像 3 、切片选择所有用户切片 4 、格式和切片选项能够更 改（具体作用自行百度）， 可是文件名壹定要用英 文。 点击保存 这样就生成了壹个 images 的文件