第8章-网页制作

1、课堂讲解 上机实战,第2课 站点的基本操作,课堂讲解,站点的规划 创建本地站点 创建远程站点 管理本地站点 管理站点地图 页面设置,站点的规划,Dreamweaver 8的站点类型规划站点结构 绘制网站结构草图,Dreamweaver 8的站点类型,本地站点远程站点测试站点,规划站点结构,规划站点结构是设计站点的必要前提，其操作是将不同的文件分类存放在文件夹中以便于设计者管理。合理地组织站点结构，可提高工作效率，加快对站点的设计。,绘制网站结构草图,站点规划好之后，就可以根据规划绘制出一个网站结构草图，以便于有一个清晰的思路。,创建本地站点,。

2、第7章 表 格,7.1 创建表格 7.2 编辑表格 7.3 表格的格式化 7.4 利用表格布局版面 思考与练习,7.1 创建表格,7.1.1 表格的基本概念 在网页中，表格的结构如图7.1所示。 表格由一些线条分开的小格组成。线条即是表格的边框，被边框分割开来的区域称之为单元格，数据、文字、图形、图片等对象均可根据需要放在相应的单元格中。位于水平方向上的一系列单元格称作一行，位于垂直方向上的一系列单元格称作一列。 在单元格中，可以输入文字和其他对象，这些文字或对象同单元格边缘之间的距离称作单元格内部边距（cell padding）。单元格之间的距离。

3、助理电子商务师教程,国家职业资格三级,第一章：网页制作 第一节：HTML语言 第二节 动态网页制作 第二章：网络商务信息收集与交换 第一节 网络商务信息采集 第二节 网络商务信息处理 第三章：网络营销 第一节 网上市场调研 第二节 网络广告与促销 第四章：电子交易 第二节 电子合同签订 第五章：物流信息管理 第一节 物流信息收集与分析 第二节 物流信息的应用 第六章：网络采购 第一节 采购业务流程编制 第二节 供应商管理 第七章：电子商务安全管理 第一节 文件加密 第二节 交易安全管理 第三节 安全工具使用,第一章网页制作,第一节 HTML。

4、网页设计,第3章 表格、表单及框架,3.1 表格 3.2 表单 3.3 框架,3.1 表格,3.1.1 表格的基本结构,用表格显示信息条理清楚，使浏览者一目了然。表格在网页中还有协助布局的作用，可以把文字、图像、声音甚至视频，或者另一个表格，组织到表格的不同行列中，以制作整齐、清晰的页面。HTML具有强大的建立、显示表格的功能。 HTML的表格由行和列组成， 每一行的一个列就是一个单元 格，如右图所示：,创建HTML表格需要使用下列标签：(1) 、 表格标签对，用于定义一个表格；(2) 、 行标签对，用于定义一个行，只能嵌套在表格标签对中(3) 、 单元格。

5、网页设计与 制作教程（第三版）,普通高等教育“十一五”国家级规划教材 赵祖荫 主编,第1章 网页设计与制作基础,1.1 Internet基础 1.2 网页图像基础 1.3 网页制作软件的主要功能和特点 1.4 本章小结,本章重点：Internet基础知识网页图像基础网页制作套件的主要功能和特点,1.1.1 Internet与WWW服务计算机网络，简单的说，就是用通信线路把若干计算机连起来，再配以适当的软件和硬件，以达到计算机之间的资源共享和信息交换。Internet的中文名称是因特网或国际互联网，是一个几乎覆盖了全世界的计算机网络。,1.1 Internet基础,Internet提供的。

6、1,2019/5/4,第12章 网页制作,2,2019/5/4,12.1 网页制作概述 12.2 HTML语言 12.3 Dreamweaver,本 章 内 容,3,2019/5/4,12.1 网页制作概述,网页是能够被浏览器软件识别的文件，网页制作就是编写网页文件。 制作网页的基本技术标准是超文本标记语言（HTML，HyperText Marked-up Language），它规定了文档的逻辑组织格式，能制作出网页的各种效果。然而只有用浏览器打开含有HTML的网页文件时，才能看到设计的结果。,4,2019/5/4,12.1.1 网页的基本要素,1.文字文字是网页发布信息所使用的主要形式。文字性网页一定要注意编排，包括标题的字形和。

7、课堂讲解 上机实战,第1课 初识Dreamweaver 8,课堂讲解,什么是网页和网站 网页的分类 网页中的常用术语 网页设计的相关知识 认识Dreamweaver 8 Dreamweaver 8的基本操作 Dreamweaver 8工作界面介绍,什么是网页和网站,什么是网页 什么是网站,什么是网页,网页是由HTML（超级文本标识语言）或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。,什么是网站,网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器。

8、通过本章学习，应该掌握以下内容：Web基础知识 构成网页的基本要素 制作网页的基本工具 美化网页的基本工具 网页制作的基本步骤,第1章 网页制作初识,1.1 Web概述,1.1.1 Web的起源和发展,Web是WWW（World Wide Web）的简称，中文译名为“万维网”。它是建立在客户机/服务器模式之上，以HTML语言和HTTP协议为基础，能够提供面向各种Internet服务的用户界面的信息浏览系统。,1.1.2 Web的特点,Web是建立在Internet上的交互的、动态的、多平台的信息服务系统。它具有以下几个主要特点： 1Web是一种超文本信息系统2Web能提供图形界面，且易于操。

9、本章将介绍网络、网站和网页的一些基本知识，为后续内容的学习奠定一个初步基础。,第1章 网页制作基础,学习目标,了解网络的一些常用术语。 了解网页的基本元素。 了解常用的网页制作工具。 掌握网页布局的基本类型。 了解常用的网页布局技术。 了解网站建设的基本流程。,1.1 常用术语,Internet Intranet ISP IP 域名 网站 URL,FTP WWW 超级文本 HTML ASP VBScript和JavaScript,1.1.1 Internet,Internet也称因特网或国际互联网，是20世纪70年代由美国军方的ARPAnet（阿帕网，由美国高等研究计划署（Advanced Research Project Agency）创立。

10、第6章 Fireworks 8概述,第6章 Fireworks 8概述,6.1 Fireworks 8的工作界面 6.2 绘图工具的使用 6.3 文档的建立 6.4 文档的打开和导入 6.5 文档的保存 6.6 文件属性的修改 6.7 本章小结,Fireworks 8是制作、处理和发布Web图形图像的重要工具软件。它简化了制作网络图形图像的流程，将Web图形图像处理方面的工作集成到一个统一的环境中，并提供独特的位图和矢量相结合的解决方案，可以随时进行编辑，自动化的处理过程，提高了工作效率。,首次在 Fireworks 8 中打开一个文档时，会激活工作环境，包括“工具”面板、“属性”检查器、菜单和其。

11、第4章 表格的应用,第4章 表格的应用,4.1 表格的创建 4.2 表格的格式化 4.3 导入和导出表格式数据 4.4 对表格进行排序 4.5 实例制作,4.1表格的创建,4.1.1插入表格 4.1.2.创建嵌套表格,4.1.1插入表格,1.在文档窗口中，将光标放在需要创建表格的位置，在“插入”栏的“常用”类别中，单击“表格”按钮，或选择“插入”菜单下的“表格”选项，弹出 “表格”对话框。 2.对“表格”对话框中的各个参数进行设置 行数：确定表格具有的行的数目。 列数：确定表格具有的列的数目。 表格宽度：以像素为单位或按占浏览器窗口宽度的百分比指定表格的宽。

12、第 八 章 网 页 制 作,2018/12/14,1,计算机文化基础,第八章 网页制作,8.1 概述 8.2 HTML简介 8.3 网页制作 8.4 网页布局 8.5 创建表单页面 8.6 网页的发布,2018/12/14,2,计算机文化基础,8.1 概 述,8.1.1 网站 8.1.2 服务器与浏览器 8.1.3 网页 8.1.4 网页制作工具 8.1.5 网页设计的相关计算机语言,2018/12/14,3,计算机文化基础,8.1.1 网站,网站是一组相关网页和有关文件的集合，一般有一个特殊的网页作为浏览的起始点，称为主页（Homepage），用来引导用户访问其他网页。网站中的内容通常包括网页和相关的文件，一般被存储在同一个目录中。

13、第2章 设置文字,第2章 设置文字,2.1 文字的应用 2.2 制作一个简单的网页 2.3 CSS样式 2.4 应用CSS样式实例 2.5插入滚动字幕,2.1 文字的应用,2.1.1 文字的输入 2.1.2 插入水平线 2.1.3 插入日期 2.1.4 文字的编辑,2.1.1 文字的输入,1.普通字符 普通字符可以直接在页面上输入：用鼠标单击网页编辑窗口中的空白区域，窗口中随即出现闪动的光标，标识输入文字的超始位置。选择适当的输入法即可输入文字。也可以在其他文本编辑软件（例如，在记事本、写字板、Word）中输入后，将其复制，然后在Dreamweaver 8.0中选择“编辑”菜单中的“粘贴”命。

14、网页设计第8讲,制作网站主要页面案例三,1、操作条件,（1）素材 a）网站首页效果图样张“1.7.4.1.bmp” b）网站首页切片素材“1.7.4.2.bmp” c）网站首页切片要求“1.7.4.3.bmp” d）素材“1.7.4.4.swf” e）图片素材位于素材文件夹“1.7.4.4” （2）以上素材均在考试机指定的“素材1.7.4”文件夹内。,2、操作内容,参照样张1.7.4.1.bmp，并根据要求制作“莘莘学子”网站主要页面，具体内容如下： （1）使用Dreamweaver网页制作工具建立“莘莘学子”站点； （2）根据操作要求使用Photoshop图像设计工具对网站首页切片素材1.7.4.2.bmp进行切。

15、第八章 网站建设,8.1网站设计的原则与页面风格 很多初学者把掌握网页制作软件的使用看作是网站制作的最基本的技能，但事实上并非完全如此，软件的掌握是短期就能够速成的，而且新的软件层出不穷，功能越来越强大，要全部掌握这些软件和功能是不可能的。然而，使用软件的是人必须有良好的网站设计概念才能创造出优秀的网站，这才是网站制作的核心。虽然软件是制作网站必不可少的工具，但是有一点不容忽视：网站设计者使用的制作工具大同小异，无论是初学者还是专家，大多数网站的建设人员都会选用诸如Dreamweaver，FrontPage，Fireworks，P。

16、网站规划与网页设计,电子工业出版社同名教材 配套电子教案2006.4,8.1 Dreamweaver简介 8.2 站点管理 8.3 制作第一个网页 8.4 超链接 8.5 使用图像 8.6 使用多媒体对象 8.7 使用表格,第8章 网页制作工具Dreamweaver 8,8.1 Dreamweaver简介,图8-1 “工作区设置”对话框,图8-2 起始页,2Dreamweaver 8的主工作区Dreamweaver 8的主工作区由插入工具栏、文档工具栏、文档窗口、属性面板等部分组成，如图8-3所示。,8.1 Dreamweaver简介,图8-3 Dreamweaver 8的主工作区,（1）插入工具栏Dreamweaver 8的插入工具栏如图8-4（a）所示，插入工具栏中默。

17、第8章 网页制作基础知识,8.1 网站设计与工作流程 8.2 HTML的概念与基本结构 8.3 Dreamweaver的使用 8.4 Fireworks的使用 8.5 Flash动画制作,教学目标,通过本章的学习，能够让学生了解网站的设计与工作流程，掌握HTML的基本概念和结构，能利用HTML制作网页,了解和DHTML/XML的区别，能熟练掌握利用Dreamweaver制作网页，利用Fireworks制作图片、利用Flash制作动画；并能有机地结合，制作出精美的网页。,8.1网站设计与工作流程,8.1.1 网站的主题定位 8.1.2 网站的结构设计 8.1.3 网站的形象设计 8.1.4 网站的主页设计,制作网站首先要考虑网站。

18、通过本章学习，应该掌握以下内容：有关动画的基本概念Flash MX基本操作利用Flash MX处理各种网页动画在网页中加入动画的方法,第8章 利用Flash MX制作网页动画,8.1 Flash MX简介,8.1.1有关动画的一些基本概念,Flash是美国Macromedia公司出品的矢量图形编辑和动画创作专业软件，被广泛应用于网页设计和多媒体创作等领域。利用该软件制作的图形和动画具有文件品质高、体积小、交互性强、可带音效和兼容性好等特点，因而用它可创作出美观生动而极为复杂的网页作品。,1. 帧（Frame）Flash在制作动画时，是由若干个帧来组成一个动画效果的。帧是。

19、1,第8章网页制作,2,第8章网页制作,在现在的信息时代，网页已经成为获取信息的重要形式，人们已经离不开网页。借助HTML，人们已经将文字、图像、声音、动画、视频等各种媒体信息集合于网页中。如何制作网页呢？,一 HTML简介二 FrontPage8.2 FrontPage概述 8.3 网页制作 8.4 网页布局8.5 创建表单网页8.6 网页的发布,3,除了上面2种网页制作工具以外，还有很多网页制作工具。例如：网页制作工具三剑客：Dreamweaver可视化网页制作工具；Fireworks处理网页图片；Flash制作动画。ASP技术建立动态网页 PhotoShop 技术图像处理,其他网页制作工具,。

20、第8章 网页制作（目录）,8.1 网页与网站概述 8.2 制作基本网页 8.3 表单的使用 8.4 网页的特效制作 8.5 网站发布介绍,8.1 网页与网站概述（主要内容）,8.1.1 认识网页和网站 8.1.2 网页编程语言介绍 8.1.3 FrontPage 2003介绍,8.1.1 认识网页和网站,什么是网页 学名称作HTML文件，是一种可以在WWW（World Wide Web）网上传输，并被浏览器认识和翻译成页面显示出来的文件 什么是HTML HTML（Hypertext Markup Language）中文翻译为“超文本标记语言”，其中“超文本”就是指页面内可以包含图片、链接、甚至音乐，程序等非文字信息 网页就是。