《第12课建立自己的网站课件》初中信息技术川教版8年级下_2

建立自己的网站 本课任务 1 学习网站规划的简单方法2 掌握网站首页的制作方法 网站的规划 1 确定网站的主题 网站主题就是建立的网站所要包含的主要内容 一个网站必须要有一个明确的主题 要找一个自己最感兴趣的内容 做得深入 透彻 办出自己的特色 这样才能给浏览者留下深刻的印象 网站的主题无定则 只要是感兴趣的任何内容都可以 但主题鲜明 在确定的主题范围内 内容力求做到大而全 精而深 2 搜集材料 明确网站的主题以后 就要围绕主题开始搜集材料了 要想让自己的网站能够吸引住浏览者 就要尽量搜集材料 搜集材料越多 以后制作网站就越容易 材料可以从图书 报纸 光盘 多媒体上得来 也可以从互联网上搜集 然后把搜集的材料去粗取精 去伪存真 作为自己制作网页的素材 3 规划网站 一个网站设计的成功与否 很大程度上决定与设计者的规划水平 规划网站就像设计师设计大楼一样 图纸设计好了 才能建成一座漂亮的楼房 网站规划包含的内容很多 如网站的结构 栏目的设置 网站的风格 颜色搭配 版面布局 文字图片的运用等 只有在制作网页之前把这些方面都考虑到了 才能在制作时驾轻就熟 胸有成竹 实例 规划 海海的网上家园 个人网站 确定个人网站的题目是 海海的网上家园 主题是主人公 海海 的自我展示 规划个人网站的栏目有 自我介绍 我的好友 我的作品 兴趣爱好 心情日记 联系方式 根据规划的栏目 构建网站的首页结构图 学生活动1 1 确定网站的主题 在E盘上创建一个个人网站的题目的文件夹 如 奥运 并在这个文件夹中创建一个名为 images 的子文件夹 2 搜集素材 让学生通过搜索引擎根据主题在网上快速准确搜索文字及图片 为提高效率 可由老师提前准备好素材库 学生进入ftp站点直接选择 将选择的图片复制到E盘上自己刚创建的 images 文件夹中 3 规划个人网站 构思 规划网站的栏目 至少应有三个栏目 根据规划的栏目 构思网站的首页结构图 网站的制作 选择网页制作工具 DreamweaverDreamweaver是Macromedia公司出品的一款网页编辑工具 Dreamweaver对于动态网页的支持特别好 它的直观性与高效性是FrontPage无法比拟的 Dreamweaver与Flash Firework并称为Macromedia的网页制作三剑客 Dreamweaver是高级网页制作的首选 2 网站首页的制作 网站首页的制作是一个复杂而细致的过程 一般要按照先大后小 先简单后复杂的原则进行制作 所谓先大后小 就是说在制作网页时 先把大的结构设计好 然后在逐步完善小的结构设计 所谓先简单后复杂 就是先设计出简单的内容 然后再设计复杂的内容 以便出现问题时好修改 在制作网页时要多灵活运用模板 这样可以大大提高制作效率 1 启动 按照 开始 程序 Macromedia MacromediaDreamweaver 就启动了 编辑区 被编辑页面的标题 第一次启动缺省名字为Untitled 1 显示代码视图 显示代码和设计视图 显示设计视图 网页的标题 菜单栏 按钮栏 开始制作的时候 首先要定义一个本地站点 网站里面有许多网页文件 图片 Flash 音乐等 如果不进行管理归档 分散在硬盘的各个地方 就无法方便的尽心网页发布 2 定义站点 步骤 单击 站点 菜单中的 管理站点 命令 在弹出对话框中单击选择 新建 按钮中的 站点 输入站点的主题 单击此图标 弹出选择本地文件夹对话框 找到在E盘创建的姓名文件夹并选择它 弹出如图 定义站点 对话框 1 在 站点名称 框中输入站点主题 2 在 本地根文件夹 框中指定根文件夹所在位置 单击 确定 按钮 则 定义站点 成功 弹回 管理站点 窗口 单击 完成 在页面右侧弹出 文件 窗口 2 插入表格 打开 插入 菜单中的 表格 命令 在弹出的 插入表格 对话框中设置好表格的参数 行数 列数 表格宽度 然后点击 确定 按钮 即可在网页中插入一个指定的表格 选中刚才插入的表格 在页面下方 属性面板 中的对齐方式中选择 居中对齐 则表格会在水平方向上居中对齐 水平居中对齐 打开 文件 菜单中的 保存 命令 弹出如图所示的 另存为 对话框 在保存地址中找到在E盘创建的姓名文件夹 将文件名改为 index index在英文中是 索引 的意思 一般作为首页文件的文件名 保存的文件类型默认是 htm htm 是网页文件的类型 单击 保存 按钮即可保存文件 文件保存的地址应指定为在E盘创建的姓名文件夹 保存的文件名将文件名改为 index 在表格栏中点击一下 然后打开 插入 菜单中的 图像 命令 弹出如图所示的 选择图象源 对话框 找到需要插入的图象文件 点击 选择 按钮即可 5 插入图片 要插入的图像文件即Et盘站点中的 images 文件夹 图像预览 6 输入文字 输入后可以在属性面板上设置格式 如 字体 字号 颜色等 网页制作好了以后 就可以进行预览了 具体有几种方法 1 点击进行查看 2 点击 文件 菜单中的 在浏览器中预览 的命令 3 直接按功能键F12 4 找到 海