项目二 制作简单网页.pptVIP

1.项目描述及分析 2.项目资讯 1、背景 认识Photoshop Photoshop基本操作 选取工具集 移动工具 套索工具集 快速选择工具 裁剪工具 切片工具集 文字工具 Photoshop基本操作 3.项目制作 任务1.网站功能设计 3.项目制作 任务2.设计网站首页草图 制作首页的Banner 3.项目制作 任务2.设计网站首页草图 制作首页的Banner 3.项目制作 任务2.设计网站首页草图 制作导航栏 制作其他部分 3.项目制作 任务2.设计网站首页草图 首页草图的切片与导出 3.项目制作 任务3.网页的制作与上传 Dreamweaver CS4 3.项目制作 任务3.网页的制作与上传 站点的建立与管理 域名和空间的申请 网站文件的上传 5.项目拓展 网页中的色彩 网页基本元素的标准和使用技巧 实 训 利用Photoshop制作河南方通化工有限公司的子页草,并完成以下工作。 （1）切片，将草图保存为网页文件。 （2）认识Dreamweaver CS4 软件。 （3）申请空间、域名。 （4）上传网页及相关文档。 （5）测试网站运行情况。 * 项目二 制作简单网页 制作简单网页 一、项目描述及分析 二、项目资讯 三、项目制作 四、项目检查与评估 五、项目拓展 目 录 主要任务：制作一个简单的企业网站页面，熟悉Photoshop和Dreamweaver软件以及网站的基本建设流程。 河南方通化工有限公司是一家中小型化工企业，其主要业务是生产化工原料、进行化工产品代加工和提供食品添加剂等。其网站主要用于展示公司产品和宣传公司形象，因此在结构上比较简单，只需包含公司介绍、产品展示、新闻动态、招聘信息等栏目即可。 2.项目资讯 Photoshop CS3运行界面 工具栏 2.项目资讯 2.项目资讯 （1）启动Photoshop CS3，选择“文件”→“新建”命令， 新建40*25大小、背景透明的文档； （2）用矩形选框工具绘制一个长条矩形，并将其填充为蓝色。 （3）新建图层，利用多边形套索工具，绘制高光区域 （4）新建图层，选择“自定义形状工具”。在形状下拉框中选择“电话机”图标并将前景色设置为白色 （5）选择“文件”→“另存为”命令，将文件另存为PNG格式，以便在网页中使用时保留透明区域。 首 页 公司介绍 产品展示 新闻动态 留言反馈 招聘信息 联系我们 提示：渐变工具制作背景 右侧图片的选择及叠加可使用图层蒙版 文字工具的使用 基本形状工具 图层样式的添加 提示：渐变工具制作背景 右侧图片的选择及叠加可使用图层蒙版 文字工具的使用 基本形状工具 图层样式的添加 提示： 颜色不要过多，主题色一种即可 安全色（黑、白、灰）可多用 提示： 切片工具在做网站过程中，尤其是与美工合作的过程中，使用较多，可多做练习。 在切图的过程中要注意：大面积的色块单独切成一块；尽可能在水平方向上保持整齐；内容独立的部分要单独切开；作为背景的图像只需要切其中一部分即可。