第12课《建立自己的网站》课件.ppt

资阳市雁江区中和中学杨林林 建立自己的网站 网站的规划 1 确定主题 建立网站前先得确定一个主题 主题是信息作品的灵魂 是网页各组成元素的统帅 也是要建立的网站所要表达的核心意图和中心思想 因而确定网站主题应注意 主题要明确 观点要鲜明 且要符合网络生产道德规范 要找一个自己最感兴趣的内容 做得深入 透彻 办出自己的特色 这样才能给浏览者留下深刻的印象 网站的主题无定则 只要是感兴趣的任何内容都可以 在确定的主题范围内 内容力求做到大而全 精而深 网站的规划 2 拟定网站标题 网站的主题并不是网站的标题 因而确定网站的主题后还需要为网站拟一个标题 标题是对该网站内容的概括和提炼 标题要具有吸引力 标题要简短鲜明 贴切易记 标题要能为浏览者获取网站主要信息提供方便 网站的规划 3 规划网站 网站的排版布局是影响网站的美观与否的重要因素 因而网页的排版布局要讲就合理 有创意 网页的布局其实就是确定网站标志 栏目设置等的位置 考虑版面色彩 内容的搭配 文字图片的运用等 目前网络中常见的网页结构有 厂 字结构 同 字结构 上下型结构 时尚型 Flash型 在网页版面布局设计中我们一般要考虑网页内容 平衡性 对称性 对比性 疏密度 反复性 韵律感 实例 规划 海海的网上家园 个人网站 确定个人网站的题目是 海海的网上家园 主题是主人公 海海 的自我展示 规划个人网站的栏目有 自我介绍 我的好友 我的作品 兴趣爱好 心情日记 联系方式 根据规划的栏目 构建网站的首页结构图 网站的规划 4 素材收集 一个优秀的网站不但要主题突出 还需要丰富的内容支持 网页素材搜集要注意 收集的素材一定要是与主题有关的信息 素材收集要尽量多 尽量广 把收集到的素材 包括logo banner等文件 保存到D 盘 网站名称文件夹下images文件夹中 网站的制作 1 选择网页制作工作 FrontPageFrontPage是微软出品的网页编辑软件 也是Office系列软件的组成部分 如果对Office有一定的基础 会使用Word 那么很快就可以学会使用FrontPage 它的最大优点之一就是易学易用 Dreamweaver由Macromedia公司出品 对于动态网页的支持特别好 被称为更专业的网页制作工具 其特点 不生成冗余代码 强大的动态页面支持 优秀的网站管理功能 便于扩展 网站的制作 2 网站首页的制作 网站首页的制作是一个复杂而细致的过程 一般要按照先大后小 先简单后复杂的原则进行制作 所谓先大后小 就是说在制作网页时 先把大的结构设计好 然后在逐步完善小的结构设计 所谓先简单后复杂 就是先设计出简单的内容 然后再设计复杂的内容 以便出现问题时好修改 在制作网页时要多灵活运用模板 这样可以大大提高制作效率 网站的制作 按照 开始 程序 MacromediaDreamweaver Dreamweaver8 0 步骤 启动Dreamweaver程序 网站的制作 单击 站点 新建站点 弹出 定义站点 对话框 在站点名称框中输入站点的名字 海海的网上家园 选择输入Http地址 选择 否 我不想使用服务器技术 选项 在 您将把文件存储在计算机上的位置 输入框中 选择 D 海海的网上家园 文件夹 新建站点如同Windows资源管理器 以 D 海海的网上家园 为根目录 站内所有文件显示在右侧 在 定义站点 对话框中单击 完成 按钮 成功 定义站点 网站的制作 选择菜单 窗口 属性 命令 打开 属于 面板 在对齐方式中选择 居中对齐 选择菜单 插入 表格 命令 在 插入表格 对话框中 设置 1行2列 指定宽度200像素 网站的制作 在表格左栏 打开菜单 插入 图像 命令 在 选择图像源文件 对话框中找到需要插入的图像 选择菜单 文件 保存 命令 弹出 另存为 对话框 设置文件保存路径 文件名 文件名类型 网站的制作 用同样的方法在表格下方 根据网站规划的结构添加其余栏目 在表格右栏插入图片 网站的制作 选择菜单 文件 在浏览器中预览 命令 或使用功能键 F12 选择