网页电子教案 高等教育出版社.pptVIP

概述　　编写以理论必须够用为度;第1章 网页设计概述　第2章;第1章 网页设计概述$ [知;1.1 网页和网站1.2 ;1.1 网页和网站1.1.1;1．网页　　网页（WEB）：是;网站就是把一些网页等信息文件通;1、媒介的作用。使用者与信息之;1.2 网页中的主要元素1.;是网页中最基本的元素。网页中文;现在网络上使用的绝大多数图片和;?如果建立的图像中只有黑色和白;链接也叫超链接（Hyperli;除上述几种要素之外，在网页上经;1.3 网页制作工具1.3.;1．Photoshop。是Ad;动态网页可以实现网页浏览者和网;1.4 网页设计的基本流程1;1．确定网站的主题　　2．规划;1．确定网页的版面布局　（1）;1．浏览器兼容性测试。目前浏览;网页设计好，必须把它发布到互联;本章小结第1章 网页设计概述;$ [知识目标] 　　了解HT;2.1 HTML概述2.2 ;2.1 HTML概述2.1.;HTML（Hyper Text;1．围堵标记　　格式：　　标;HTML文档的基本结构：　　　;2.2 文本的编辑2.2.1;1．段落（P）　　基本语法;1．字体标记font　　其;2．特殊字符　　HTML中除了;3．水平线标记hr　　水平;语法格式为：　　Hn…/;在HTML中，列表常用的有“有;1．有序列表OL　　Typ;2．无序列表　　基本语法结构为;2.3 图像编辑 2.3.1;1．语法格式：　　img s;2．图像的属性　　除了“src;语法格式为：　　body b;2.4 建立超链接2.4.;建立超链接的标记是a，语法;１．定义书签　　在HTML中，;1．标记新窗口（target）;2.5 表格与框架2.5.1;表格标记有table、t;除了border外，常用的表格;1．框架页的基本结构　　ht;2．建立框架　　（1）建立纵向;（2）建立横框架　　建立横向框;常用的框架属性有以下几种：　　;本章小结第2章 HTML语;$ [知识目标] 　　认识Dr;3.1 Dream weav;3.1 Dream weav;单击“开始”按钮，在开始菜单中;在Dreamweaver8的起;3.1.2 Dreamweav;3.2 规划与创建站点3.2;规划网站的结构要注意以下几个方;1．在本地电脑硬盘上建立一个空;3.2.2 建立本地站点3.2;3.2.2 建立本地站点3.2;3.2.2 建立本地站点3.2;单击菜单栏中“站点”|“站点管;（二）删除站点　　1．在“管理;（三）编辑站点：编辑站点是对己;3.3 网页??件的基本操作3;1．执行以下操作之一：　　?单;1．执行以下操作之一：　　?单;打开己保存的网页有以下三种方法;以在Iexplore中预览为例;本章小结第3章 Dream ;$ [知识目标] 　　掌握在网;4.1 在网页中插入文本4.;4.1 在网页中插入文本4.;（一）插入普通文本:添加文本有;1．选择要设置的文本。　　2．;（一）应用己有的标题格式　　（;列表包括项目列表和编号列表两种;CSS是Cascading S;３．单击“确定”按钮，打开“.;４．选择要应用样式的两段文本或;4.2 在网页插入图像4.2;在网页中插入图像的操作为：　　;在文档窗口选中图像时，在“属性;3．设置图像对齐方式　　4．其;在Dreamweaver8中提;启动外部图像编辑器执行以下操作;设置鼠标经过图像的操作为：　　;3．打开“鼠标经过图像”对话框;1．准备好用于制作导航条的图像;5．设置完成一个项目后，单击加;4.3 插入其他网页元素4.;（一）插入水平线:在网页中插入;（二）设置水平线属性：　　1．;（三）.增添颜色　　1．选择水;（一）将当前日期插入到文档中　;4．在对话框中，选择星期格式、;4.4 设置网页的页面属性4;1．要打开页面属性对话框可以执;1．在页面属性对话框中，选择“;（一）设置网页的背景颜色　　1;（二）设置网页的背景图像　　1;在页面属性对话框架可以对网页的;4.5 设置超级链接4.5.;①绝对路径。是提供所链接文档的;1、在网页中，选择要超链接的载;1．创建命名锚记　　（1）光标;（4）在“锚记名称”文本框中输;1、在网页中插入图片。　　2．;4．松开鼠标，“属性检查器”变;1．在文档窗口中，选择链接载体;本章小结第４章 网页中的基;$ [知识目标] 　　掌握表格;5.1 表格5.2 表格布;5.1 表格5.1.1插入表;（一）插入表格　　1．定位光标;5.1.1 插入表格5.1 ;（二）插入嵌套表格　　1．将光;将插入点定位在表格内，即可输入;(一)选择整个表格　　选择整个;(三)选择单元格　　1.选择单;（一）表格属性　　表格被选中之;(一)