第1课：网页设计基础.docVIP

第一课：网页设计基础 一 、网站的概述（7分钟） 网页与网站 浏览网页时在浏览器中看到的一个个页面就是网页，而多个相关的网页的集合就构成了一个网站。 举例： (搜狐网) (百度网) (优酷网)等等。 浏览网页的工具-浏览器 浏览器：用于打开显示网页的软件。最常见的是Windows系统自带的IE浏览器。还有火狐Firefox、360安全浏览器、遨游、腾讯TT等等。 网址：用于定位某个网站某个页面的一串字符，通常是这种格式/nba.shtml 主页：访问网站时，默认打开的第一个页面就是主页也叫首页。 认识网页的组成元素 二、初识Dreamweaver（7分钟） 1、制作网站的流程 规划网站类型及主题à搜集资料素材à使用软件进行网页制作à测试及发布 2、认识Dreamweaver 是当前最流行、最方便的网页设计和网站开发工具软件。 Dreamweaver：梦想编辑者。通过这个工具，实现编辑网页的梦。 Dream：梦想 weaver：织布者，织工 早期是Macromedia公司推出的“网页三剑客”之一。“网页三剑客”指的是Dreamweaver、Flash、Fireworks这三个软件，它们这三个集合起来，就像江湖中最厉害的剑客一样，成为了网站开发中的专用利器。它集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的可视化网页开发工具，前两年Macromedia公司被Adobe公司收购，DM CS5是最新推出的版本。 【操作演示】启动Dreamweaver 实例：制作一个简单页面(两种方法对照) 三、Dreamweaver的用户界面（10分钟） 提高：工作窗口的设置、保存、恢复 【操作演示】关闭Dreamweaver 四、网页文件的基本操作9分钟 基本网页的文件类型为HTML文档，保存的文件扩展名为 “.html” 创建网页文档（HTML文档） 文件→新建→新建文档→常规→类别→基本页 保存指定文件（编辑中的文件如果文件名后面带有“*”号，表示未保存） 文件→保存（或Ctrl+S) 文件→另存为 文件→保存全部 注意：1、网页文件要用英文或数字进行命名，莫用中文。 2、基本网页的扩展名为.html 打开已建的HTML文档 文件→打开 右击文件，选择Dreamweaver打开。 拖动到Dreamweaver 关闭文件 文件→关闭 还未保存的网页（*），关闭时会提示你是否保存。 其他操作： 1）多个编辑文件的切换选择 2）预览编辑中的网页 (快捷键F12) 五、设置网页外观属性9分钟 网页标题、页面默认字体、默认字体大小、背景颜色、背景图片、边距。 六、创建站点8分钟 1、什么是站点 Dreamweaver的站点是一种管理网站中所有相关联文件的工具。通过站点可以对网站的相关页面及各类素材进行统一管理，还可以以使用站点管理实现将文件上传到网页服务器，测试网站。 站点简单的说就是一个文件夹。在这个文件夹里包含了网站中所有用到的文件。我们通过这个文件夹（站点），对我们的网站进行管理，有次序，一目了然。 2、创建站点 《我的足球网》 站点根目录为 D：//jcwww 七、设置默认图像文件夹7分钟 八、管理站点6分钟 1、在“文件”面板中实现以下操作 选择编辑网页文件 创建文件或文件夹 剪切、粘贴、复制、删除、重命名文件或文件夹 2、站点管理 编辑站点 复制站点 删除站点 文本 视频 网页标题 LOGO 导航栏 超级链接 表单 图片 状态栏 浮动面板 文档工具栏 文档编辑窗口 属性面板 插入面板 菜单栏