计算机应用基础教程 第6章 网页设计基础

第6章网页设计基础王德俊高工上海交通大学继续教育学院计算机文化基础第4章多媒体技术基础学习目标了解网站和网页的关系了解站点的创建、发布和管理了解网页基本元素文字、图像的添加和处理了解多媒体对象的添加和处理了解各种超级链接的设置了解利用框架对网页进行布局，了解利用表格进行网页布局了解表单的使用了解CSS样式格式化文本和段落计算机文化基础第4章多媒体技术基础第6章网页设计基础6.1网页设计的基本概念6.2DreamWeaver工具的使用6.3站点的发布与管理计算机文化基础第4章多媒体技术基础6.1网页设计的基本概念网站是多个网页的集合，是一个整体，其中包括一个首页和若干个网页，建立网站后，需要将网页按照一定的组织结构链接6.1.1网页与HTML6.1.2网页设计的流程计算机文化基础第4章多媒体技术基础6.1.1网页与HTMLHTML是一种超文本标记语言，用来描述万维网上的超文本文件，从文件的角度来说，一个网页就是一个HTML文件网页的基本元素主要包括标题、网站logo、导航、超链接、广告栏、文本、图片、动画、视频与音频等。网页设计就是将这些元素有机整合，表达出美感与和谐计算机文化基础第4章多媒体技术基础HTML的普遍应用就是使用超文本的技术，通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，实现与世界各地主机文件的链接例1、创建一个网页，网页内容为显示“祝大家新年快乐！”htmlheadtitle新年快乐/title/headbody祝大家新年快乐/body/html计算机文化基础第4章多媒体技术基础网页制作工具：常用的网页制作工具有以下几种：DreamWeaver、FrontPage、AdobePagemile、ClarisHomePage、HomtSite、HotMetalPro等计算机文化基础第4章多媒体技术基础6.1.2网页设计的流程网页设计的基本步骤包括前期策划、创建站点、创建主页和其他网页、进行网页布局、添加网页基本元素、创建网页的超级链接、制作网页表单等计算机文化基础第4章多媒体技术基础6.2DreamWeaver工具的使用6.2.1DreamWeaver的界面6.2.2站点的新建与管理6.2.3网页元素的添加与处理6.2.4网页中的超链接6.2.5网页的布局6.2.6表单的使用计算机文化基础第4章多媒体技术基础6.2.1DreamWeaver的界面计算机文化基础第4章多媒体技术基础1、菜单栏2、工具栏3、文档编辑区4、属性面板5、面板组计算机文化基础第4章多媒体技术基础6.2.2站点的新建与管理1、站点的结构DreamWeaver站点一般由三部分组成：本地文件夹：通常位于本地计算机，用于存储当前处理的文件远程文件夹：通常位于远程服务器上，主要用于存储某些文件，这些文件用于测试、生产、协作和发布等用途测试服务器文件夹：是指DreamWeaver用于处理动态网页的文件夹，又被称为“动态页文件夹”计算机文化基础第4章多媒体技术基础2、站点的建立本地站点是存放网站内容的集合体，网站的内容都分门别类地保存在各类文件夹中例、使用DreamweaverCS4建立一个本地站点“站点1”，站点文件夹为D盘的“计算机应用”计算机文化基础第4章多媒体技术基础3、站点的管理站点建立后，Dreamweaver可以对站点及站点中的文件进行管理，可以对所建立的站点进行移动、复制、删除、导入、导出等操作计算机文化基础第4章多媒体技术基础6.2.3网页元素的添加与处理1、网页页面属性设置2、文本操作（1）输入文本和空格（2）文本换行（3）文本属性设置（4）添加特殊字符（5）添加日期和水平线（6）设置列表计算机文化基础第4章多媒体技术基础3、图像操作（1）插入图像（2）图像的属性设置（3）插入鼠标经过图像计算机文化基础第4章多媒体技术基础4、CSS样式（1）CSS规则：主要由选择器和声明两个部分组成，选择器是表示格式元素的术语，声明用于定义元素样式例、建立如图6-2-43所示的CSS规则，并应用到wy1.html的第二段文本上5、多媒体操作（1）插入Flash动画（2）添加音频（3）添加视频计算机文化基础第4章多媒体技术基础6.2.4网页中的超链接1、文本链接2、图像和图像热区链接3、锚记链接4、Email链接计算机文化基础第4章多媒体技术基础6.2.5网页的布局1、利用表格布局网页2、表格的基本操作（1）表格的创建（2）表格的属性设置（3）表格的编辑（4）单元格的属性设置计算机文化基础第4章多媒体技术基础3、框架的创建及使用（1）创建和保存框架（2）设置超级链接（3）框架面板（4）框架与框架属性设置计算机文化基础第4章多媒体技术基础6.2.6表单的使用1、表单及表单属性2、表单对象（1）文本框（2）文本区域（3）单选按钮和复选框（4）列表/菜单（5）文件域（6）按钮（7）图像域（8）跳转菜单计算机文化基础第4章多媒体技术基础本章小结6.1网页设计的基本概念6.2DreamWeaver工具的使用6.3站点的发布与管理