第1章初识Dreamweaver.ppt

《第1章初识Dreamweaver.ppt》由会员分享，可在线阅读，更多相关《第1章初识Dreamweaver.ppt（44页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

2、面。门户网站职能网站专业网站个人网站 门户网站 这类网站是一种综合性网站，涉及领域非常广泛，包含文学、音乐、影视、体育、新闻和娱乐等方方面面的内容，具有论坛、搜索和短信等功能。现在国内较著名的门户网站有搜狐（）、网易（）等。个人网站个人网站具有较强个性化，是以个人名义开发创建的网站，其内容、样式、风格等都是非常有个性的。专业网站这类网站具有很强的专业性，通常只涉及某一个领域，内容专业。如榕树下网站（）即是一个专业文学网站。职能网站职能网站具有专门的功能，如政府职能网站等。目前逐渐兴起的电子商务网站也属于这类网站，较有名的电子商务网站有阿里巴巴（）、卓越网（）和当当网上书店（）等。网页的分类 按

3、所处位置分类 按表现形式分类 按所处位置分类 按网页在网站中所处的位置可将网页分为主页和子页两类。按表现形式分类 按网页的表现形式可将网页分为静态网页和动态网页。网页中的常用术语 万维网（www）浏览器 统一资源定位符（URL）文件传输协议（FTP）IP地址 域名 超级链接 超级文本标记语言（HTML）万维网（www）万维网（www）是World Wide Web的中文简称，也称为3W网，它的本质是一种基于超级文本技术的交互式信息浏览检索工具，是Internet提供的应用最普及、功能最丰富、使用方法最简便的信息服务，用户可通过它在Internet上浏览、编辑、传递超文本格式的文件（即.html

4、格式文件）。浏览器 浏览器是用于阅读网页中信息的一种软件工具，就像使用电脑必须有操作系统一样。Internet Explorer（IE）Netscape Navigator（NE）腾讯TT浏览器 统一资源定位符（URL）URL（Uniform Resource Locator）主要是用来指定协议（如HTTP或FTP）以及对象、文档、万维网网页或其他目标在Internet的位置和存取方式。通信协议 主机名所要访问的网页路径及名称 http:/ Transfer Protocol）是一种广泛使用的文件传输协议，是快速、高效和可靠的信息传输方法。FTP是基于客户/服务器模型的TCP/IP的应用，所以

5、只要在客户端和服务器之间建立了TCP/IP连接，无论两台电脑的位置远近、连接方式的异同以及使用的操作系统的异同，都能通过FTP协议进行文件的传输。IP地址 IP地址用来标识连接到Internet上电脑的指定编号，每一个IP地址对应一台电脑，这与用电话号码标识电话网络中的电话相同。电脑识别的IP地址由32位二进制数值组成，电脑上以十进制数值来显示，一组数值分为4部分，每一部分均不能大于255，中间用“.”分隔，如61.139.2.69。域名 域名就是常说的网址，它也具有惟一性，如百度的网址、网易的网址等就是一个域名，域名由汉语拼音或英文字符加上数字表示，在访问网络时，域名将通过域名服务器转换成I

6、P地址，这种转换是在后台完成的。超级链接 超级链接是网页中最常用的元素之一，网页就是通过无数的超级链接才能组成一个网站。超级链接可以链接到网站内部页面、对象，也可以链接到其他网站，大大方便了用户在各个页面对象之间实现跳转。超级文本标记语言（HTML）HTML（Hyper Text Markup Language）是一种用户与电脑之间进行交流的文本技术，各种网页均是用HTML语言来描述的，用HTML语言编写的网页文件的扩展名一般为“*.htm”或“*.html”。在结构上分为HEAD和BODY两个部分 信息学院 标签 用来分割和标记网页中的元素例 新浪财经页面（1）单标签 单独使用 表示换行（2

7、）双标签 必须成对出现 （3）标签属性 网页设计的相关知识 设计网页的原则 网页设计的一般步骤 网页制作的常用工具 设计网页的原则整体规划 鲜明的主题善用图像醒目的导航及时更新易记的网站名称通用网页动画适量 1.整体规划为能合理安排站点中的各项内容，制作网页之前需对整个站点进行有条理的规划。2.站名要有创意名称对于网站来说非常重要，有创意的站名能给浏览者留下较深的印象，也有利于网站的宣传和推广。给站点取名时应基于简洁、好记以及与站点内容相适应，此外最好还能让人有耳目一新的感觉。3.鲜明的主题标题内容不能太长太复杂，需简单、明了。主题内容需要醒目抢眼，具有较强的针对性。4.通用网页为了让大多数浏

8、览者可正常地浏览网页，在制作网页时通常需考虑满足800600像素的显示屏。使用漂亮的网页背景可填充左右两侧多余的空白空间，可使800600像素的网页在分辨率高的显示器中也显得较为美观。5.动画不能过多动画元素虽能使网页更加生动，但动画文件通常比较大，若网页中动画过多则会降低网页下载速度，造成网页打开速度慢甚至不能打开网页的状况，因此网页中动画不宜过多。6.导航要明朗网页的导航需明确，主页导航条上的链接项目不宜太多，最好只限于几个主要页面，通常用68个链接比较合适，大型网站可适当增加导航链接个数。7.图像优化前面说了在网页中动画不能太多，同样图片太多也会影响网页下载的速度。网页中的图片可进行优化

9、，以便在图片大小和显示质量两个方面取得一个平衡，网页中的图像最好保持在10KB（千字节）以下。8.定期更新定期更新页面内容或更改主页的样式，才能让浏览者对网站保持一种新鲜感，保持较高的浏览率。网页设计的一般步骤 规划网站收集整理资源配置站点创建页面测试站点发布站点 维护、更新站点网页制作的常用工具 网页设计软件 Dreamweaver是目前使用最多的网页设计软件。图像处理软件 制作网页图像的软件种类繁多，大多数网页设计人员选择的是Fireworks或Photoshop。动画制作软件 网页动画制作中最常用的软件非Flash莫属。认识Dreamweaver 使用Dreamweaver 制作网页之前

10、，需先将该软件安装到电脑中，其方法与安装其他软件相似，用户可根据提示操作。Dreamweaver 的基本操作 启动Dreamweaver 新建空白HTML网页 保存网页文档 预览网页效果 退出Dreamweaver 启动Dreamweaver 选择开始所有程序MacromediaMacromedia Dreamweaver新建空白HTML网页 选择文件 新建菜单命令，打开“新建文档”对话框，在“分类”栏中选择“基本页”选项，在“基本页”栏中选择“HTML”选项，单击“创建”按钮。保存网页文档 选择文件保存菜单命令，打开的“另存为”对话框，在“保存在”下拉列表框中选择文件的保存路径，在“文件名”

11、文本框中输入保存的文件名，单击“保存”按钮。预览网页效果 选择文件 在浏览器中预览IExplore 6.0菜单命令在IE浏览器中预览网页文档的效果。退出Dreamweaver 单击Dreamweaver 窗口右上角的“关闭”按钮。单击Dreamweaver 窗口左上角的图标，在弹出的下拉菜单中选择“关闭”命令。在Dreamweaver 窗口中选择文件退出菜单命令。在当前窗口为Dreamweaver 工作界面时，按【Alt+F4】键退出Dreamweaver。Dreamweaver 工作界面介绍 插入栏文档工具栏文档编辑区网页标签扩展按钮浮动面板组属性面板标签选择器水平标尺和垂直标尺上机实战 本课上机实战将练习在Dreamweaver中新建一个只包含文本的简单网页，并使用IE浏览器预览其效果。其中主要练习Dreamweaver 的启动、新建文档、保存网页、预览网页和退出Dreamweaver 的操作。