《网页设计教程dreamware教程第1章要点课件》由会员分享，可在线阅读，更多相关《网页设计教程dreamware教程第1章要点课件（30页珍藏版）》请在金锄头文库上搜索。
1、课堂讲解 上机实战,第1课 初识Dreamweaver 8,课堂讲解,什么是网页和网站 网页的分类 网页中的常用术语 网页设计的相关知识 认识Dreamweaver 8 Dreamweaver 8的基本操作 Dreamweaver 8工作界面介绍,什么是网页和网站,什么是网页 什么是网站,什么是网页,网页是由HTML（超级文本标识语言）或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。,什么是网站,网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在Inter
2、net上访问的页面 。 门户网站 职能网站 专业网站 个人网站,网页的分类,按所处位置分类 按表现形式分类,按所处位置分类,按网页在网站中所处的位置可将网页分为主页和子页两类。,按表现形式分类,按网页的表现形式可将网页分为静态网页和动态网页。,网页中的常用术语,万维网（www） 浏览器 统一资源定位符（URL） 文件传输协议（FTP） IP地址 域名 超级链接 超级文本标记语言（HTML）,万维网（www）,万维网（www）是World Wide Web的中文简称，也称为3W网，它的本质是一种基于超级文本技术的交互式信息浏览检索工具，是Internet提供的应用最普及、功能最丰富、使用方法最简
3、便的信息服务，用户可通过它在Internet上浏览、编辑、传递超文本格式的文件（即.html格式文件）。,浏览器,浏览器是用于阅读网页中信息的一种软件工具，就像使用电脑必须有操作系统一样。 Internet Explorer（IE） Netscape Navigator（NE） 腾讯TT浏览器,统一资源定位符（URL）,URL（Uniform Resource Locator）主要是用来指定协议（如HTTP或FTP）以及对象、文档、万维网网页或其他目标在Internet的位置和存取方式。 通信协议 主机名 所要访问的网页路径及名称,文件传输协议（FTP）,FTP（File Transfer P
4、rotocol）是一种广泛使用的文件传输协议，是快速、高效和可靠的信息传输方法。 FTP是基于客户/服务器模型的TCP/IP的应用，所以只要在客户端和服务器之间建立了TCP/IP连接，无论两台电脑的位置远近、连接方式的异同以及使用的操作系统的异同，都能通过FTP协议进行文件的传输。,IP地址,IP地址用来标识连接到Internet上电脑的指定编号，每一个IP地址对应一台电脑，这与用电话号码标识电话网络中的电话相同。 电脑识别的IP地址由32位二进制数值组成，电脑上以十进制数值来显示，一组数值分为4部分，每一部分均不能大于255，中间用“.”分隔，如61.139.2.69。,域名,域名就是常说的
5、网址，它也具有惟一性，如百度的网址、网易的网址等就是一个域名，域名由汉语拼音或英文字符加上数字表示，在访问网络时，域名将通过域名服务器转换成IP地址，这种转换是在后台完成的。,超级链接,超级链接是网页中最常用的元素之一，网页就是通过无数的超级链接才能组成一个网站。 超级链接可以链接到网站内部页面、对象，也可以链接到其他网站，大大方便了用户在各个页面对象之间实现跳转。,超级文本标记语言（HTML）,HTML（Hyper Text Markup Language）是一种用户与电脑之间进行交流的文本技术，各种网页均是用HTML语言来描述的，用HTML语言编写的网页文件的扩展名一般为“*.htm”或“
6、*.html”。,网页设计的相关知识,设计网页的原则 网页设计的一般步骤 网页制作的常用工具,设计网页的原则,整体规划 鲜明的主题 善用图像 醒目的导航 及时更新 易记的网站名称 通用网页 动画适量,网页设计的一般步骤,规划网站 收集整理资源 配置站点 创建页面 测试站点 发布站点 维护、更新站点,网页页面布局,1网页设计和布局原则 2网站命名和标志 网站命名应遵循以下的原则： （1）体现网站的主题，凝练，概括性强。 （2）合法、合情并合理。 （3）字数不要太多，一般控制在6个字以内。 （4）有个性，体现一定的内涵，可给浏览者更多的视觉冲击力和空间想像力,网页的色彩 网页的色彩是树立网站形象的
7、关键因素之一。在搭配网页色彩时，要注意色彩的鲜明性、独特性、合适性和联想性。 网页的文字 注意以下基本原则: （1）不要使用超过3种字体类型，否则网页看起来将显得杂乱，没有主题。 （2）不要用太大的字，因为版面空间非常宝贵和有限，粗陋的大字体不能带给浏览者更多的信息 （3）最好不要使用不停闪烁的文字。 （4）标题的字体比正文要稍大一些，颜色也应有所区别。,Dreamweaver 8的基本操作,启动Dreamweaver 8 新建空白HTML网页 保存网页文档 预览网页效果 退出Dreamweaver 8,启动Dreamweaver 8,选择开始 所有程序 Macromedia Macromed
8、ia Dreamweaver 8菜单命令,Dreamweaver 8 工作界面介绍,插入栏 文档工具栏 文档编辑区 网页标签 扩展按钮 浮动面板组 属性面板 标签选择器 水平标尺和垂直标尺,新建空白HTML网页,选择文件 新建菜单命令，打开“新建文档”对话框，在“分类”栏中选择“基本页”选项，在“基本页”栏中选择“HTML”选项，单击“创建”按钮。,保存网页文档,选择文件保存菜单命令，打开的“另存为”对话框，在“保存在”下拉列表框中选择文件的保存路径，在“文件名”文本框中输入保存的文件名，单击“保存”按钮。,预览网页效果,选择文件 在浏览器中预览 IExplore 6.0菜单 命令在IE浏览器中 预览网页文档的效 果。,退出Dreamweaver 8,单击Dreamweaver 8窗口右上角的“关闭”按钮。 单击Dreamweaver 8窗口左上角的图标，在弹出的下拉菜单中选择“关闭”命令。 在Dreamweaver 8窗口中选择文件退出菜单命令。 在当前窗口为Dreamweaver 8工作界面时，按【Alt+F4】键退出Dreamweaver 8。,上机实战,本课上机实战将练习在Dreamweaver 8中新建一个只包含文本的简单网页，并使用IE浏览器预览其效果。其中主要练习Dreamweaver 8的启动、新建文档、保存网页、预览网页和退出Dreamweaver 8的操作。,
