信息技术第2章 网页制作基础.pptVIP

表格的应用 创建表格 表格属性设置 表格的基本操作 选取表格、选取行或列、插入行或列、删除行或列、调整表格大小、嵌套表格 单元格的基本操作 选取单元格、拆分单元格、合并单元格 * 网页的布局 在动手制作网页之前，首先要勾画出网页的轮廓，将复杂的网页分成几个区域来设计，如果被划分出来的区域还是比较复杂，可以继续分割，直到变得简单明了为止。 一般来讲，网页总体上是从上到下、从左到右进行布局的。 先设计，再布局，最后编辑网页！！ * * 横幅区 导航区 正文区 页面布局 Dreamweaver 提供了多种版面布局的方法： 表格式页面布局 使用布局表格和布局单元格将网页划分成多个区域进行设计 框架式页面布局 可将多个网页显示在同一网页面面中 层 一种新的网页元素定位技术，利用层可以将网页元素放置在页面的任何地方。 * 表格式页面布局 利用布局表格和布局单元格将网页页面划分成多个区域进行设计。 布局模式是一种特殊的表格模式，与标准表格的区别：可以在页面上绘制任意数目和大小的布局表格，在布局表格的任意位置可以绘制任意数量和大小的布局单元格。 * * 框架式布面布局 框架与框架集 创建框架 保存框架式网页 设置框架属性 框架中的链接 * * 利用框架可将浏览器窗口分成几个部分，在每一部分中可以独立显示一个网页。这些网页作为浏览器窗口的部分内容，共同组成一个完整的页面，由框架集进行定义。 框架集：一个HTML文件，定义一级框架的布局和属性，包括框架的数目、框架的大小和位置，每个框架中初始显示的网页等。 常用于具有导航作用的布局设计。 * 1.框架与框架集 单个框架 框架集 单个框架 单个框架 * 2.创建框架 创建框架是从一个正常网页开始的。首先打开这个网页，然后： 选择对象面板上的“框架”图标，再选择一种框架集类型。 或者按住Alt键，拖拽任一条框架边框，可垂直或水平分割文档（或已有的框架）。 * 3.选择、改变、删除框架 选择 “窗口框架”命令，打开框架面板。 单击某个框架，即选择该框架。 单击框架集可选中整个框架。 拖拽框架边框可改变框架大小。 * * 4.保存框架文件 保存框架所有文件：选择文件保存所有框架。先保存框架集（框架）文件，接着依次保存框架页。 保存框架集文件：先选择框架集，再选择文件框架命令。 保存框架文件：先选择框架，然后选择文件框架页。 * * 5.设置框架属性 选中框架，在属性面板上设置框架属性： 框架名称 源文件 空白边距 滚动条 是否有边框... * 6.在框架中使用链接 在框架中建立超级链接时，一定要设置链接的Target属性，为链接的目标文档指定显示窗口。 链接目标较远（其他网站）时，一般放在新窗口。 应时）或全屏幕显示（页面较大时）。用导航条链接时，一般将目标网页放在另一个框架中显示（页面较小） * * 7.为链接目标指定显示窗口 Target选项： _blank 放在新窗口中。 _parent 放到父框架集或包含该链接的框架窗口。 _self 放在相同窗口中（默认窗口无须指定）。 _top 放到整个浏览器窗口并删除所有框架。 _mainFrame 放到名为mainFrame的框架中。 _leftFrame 放到名为leftFrame的框架中。 * 第2章 网页制作 * Web — 万维网 Web(World Wide Web) 就是万维网，也被称为WWW。是因特网上运行的分布式信息系统。 * * 网站 在服务器上有多个主题相关的网页，这些网页按一定的组织结构、以超链接方式连接在一起，形成一个整体，这就是网站。 主页 主页是获取该网站的信息的起点。主页中含有一些超链接，指向相关信息的网页或其它网站的主页。主页通常以index.html或default.html为名 * 本地站点和远端站点 存储在本地计算机上的站点是本地站点。 存储在服务器上的站点称为远端站点。 * * 设计网站的步骤： 确定网站主题（对站点进行规划) 创建站点的基本结构 创建和编辑网页 将本站点的所有文档发布到服务器上 * * 规划站点 (1) 确定站点的主题和风格，明确建立站点的目的。 (2) 根据确立的主题，收集素材 。 (3) 明确各部分的内容，规划出合理的站点结构。 (4) 根据主题，设计出与主题相匹配的网页外观。 规划站点结构 * * 规划个人站点 主页 Index.htm 我的文章 我的绘画 我的爱好 * 2、创建站点的基本结构 网页 主页 图像 子文件夹 网站位置 文件夹名称 * 3、创建和编辑网页 使用网页制作工具创建和编辑规划的各个网页 4、将本站点的所有文档发布到服务器上 使用文件传输工具将创建的站点