网设计专用模版资料.pptVIP

1 XXXXX 管理学院 网页设计初级班 ( 一 ) 主讲人 : soppt XX, XXX 欢迎各位参与本次活动 2 课程大纲 1. 网页设计概论 2. 网页设计工具介绍一 ( 使用 FrontPage, 以下简称 FP ) ? FP 之开启与关闭 ? FP 之功能简介 ? 建立你的第一个个人网页 ? 网页背景设定 ? 字型之设定与使用 ? 文字段落之编排 ? 清单编号与列表编号 ? 图片之使用 ? 超链接之使用 3. 网页发表介绍 3 网页设计概论 为什么要会做网页 ? 当前最红的展现方式之一 表现出自己的信息能力 增进对于网络世界的认识 … 4 网页与网站的关系 ? 网站是由很多网页所组成的 ? 各个网页之间是以超链接的方式组织起来的 – 一般我们讲的“ 个人首页 ” 指的应该是“ 个人网站 ” 5 从哪里开始呢 ? 1. 搜集资料 2. 整理资料 3. 把资料转成网页 4. 把各个网页整合 5. 上传网页 6 网页设计工具介绍 ? FP 之开启与关闭 ? FP 之功能简介 ? 建立你的第一个个人网页 ? 网页背景设定 ? 字型之设定与使用 ? 文字段落之编排 ? 清单编号与列表编号 ? 图片之使用 ? 超链接之使用 7 FP 之开启 8 FP 之关闭 9 FP 之功能简介 主选单 快速按钮区 网页编辑区 编辑模式点选区 网页模式切换按钮 10 建立你的第一个个人网页 ? 开启 FP ? 编辑网页内容 ? 储存 ? 完成 11 建立你的第一个个人网页 12 建立你的第一个个人网页 13 建立你的第一个个人网页 14 网页背景设定 1. 网页空白处右键单击 2. 点选 [ 网页内容 ] 3. 点选 [ 背景 ] 4. 选择背景图片或是设定颜色 15 网页背景设定 ? 请见范例操作 16 字型之设定与使用 ? 字型的大小 – 分为 1 到 7 级的字 – 数字越大字就越大 ? 字型的风格 – 加粗 [B] – 斜体 [I] – 加底线 [U] ? 字型的颜色 17 字型之设定与使用 ? 请见范例操作 18 文字段落之编排 ? 对齐方式 – 内定 – 齐左 – 置中 – 齐右 19 文字段落之编排 ? 请见范例操作 20 清单编号与列表编号 ? 清单编号 1. 1 2. 2 3. 3 4. … ? 列表编号 21 清单编号与列表编号 ? 请见范例操作 22 图片之使用 ? [ 插入 ]-[ 图片 ] 选择档案 ? 选择对齐方式 ? 重设大小 23 图片之使用 ? 请见范例操作 24 超链接之使用 1. 标记超链接的文字或图形 2. 按右键或是按超链接小按钮 3. 键入所要连结的网址 4. 选择联结网页的呈现方式 – 网页预设 – 开新网页 25 超链接之使用 ? 请见范例操作 26 综合练习 ? 请大家设计一个自我介绍的网页 ? 内容可以有 – 姓名 – 照片 [ 可用美工图案代替 ] – 个人学经历 – 常使用的网页列表 – … 27 综合练习 ? 请见范例 28 网页发表介绍 ? 什么是网页发表 ? – 就是把网页 ( 网站 ) 上传到一台主机 – 提供别人可以浏览我们的数据 上 传 网 页 浏 览 服务器主机 29 网页发表介绍 ? 网页发表的步骤 – 找一台主机 , 在该主机上申请网页空间 – 将自己的网页用 FTP 传送到主机上 – Transfer Protocol) ? 一种用来传送档案的通讯协议 ? IE 有支持此种传送方式