网页制作教程-1-网页的基本组成-文字的排版课件

1、网页制作教程 1 网页的基本组成 文字的排版电教中心 杨飞雄1网页制作教程 1 网页的基本组成 文字的排版电教1.网页组成的基本要素：文字图片 图形表格超级链接视频 动画 声音表单元素例子1 例子2 例子3 例子421.网页组成的基本要素：文字22.网页的基本类型静态网页（*.htm *.html *.shtml）页面从编辑好后一直保持同样的状态。动态网页（*.asp *.jsp *.php *.aspx）动态网页是指网页的内容是否可根据某种条件的改变而自动改变，如计数器就是动态的，当有人点击我们的网页时，计数器的值会自动增加；BBS论坛也是动态的，当用户在论坛上发布信息时，网页内容会自动更新

2、，显示出新发布的信息及相关回复等等。32.网页的基本类型静态网页（*.htm *.html *.s3.Dreamweaver的安装先要有Dreamweaver安装光盘或文件，可在电教中心网站教师培训里面找到。双击安装文件单击“下一步”进行安装43.Dreamweaver的安装先要有Dreamweaver4. IISIIS是Internet Information Server的缩写，即因特网信息服务器。IIS意味着你能发布网页，从而将自己的电脑作为一台网页服务器使用默认的xp系统没有安装IIS，因此必须使用安装光盘来进行安装。54. IISIIS是Internet Informatio4.II

3、S的安装插入安装光盘单击“安装可选的Windows组件”单击“Internet信息服务（IIS）”前面的方框单击“下一步”进行安装即可。64.IIS的安装插入安装光盘64.IIS的配置单击“开始菜单”，选择“控制面板”双击“管理工具”双击“Internet 信息服务” 单击号依次展开本地计算机即网站的目录。74.IIS的配置单击“开始菜单”，选择“控制面板”74.IIS的配置右键单击“默认网站”，选择“属性”单击“主目录”标签单击“本地路径”后面的浏览按钮，选择F盘SRC目录 单击“确定”按钮。84.IIS的配置右键单击“默认网站”，选择“属性”85.准备工作准备工作（使用说明1）准备好做练习

4、的文件将光盘中的SRC目录复制到copy到F盘右键单击SRC文件夹，选择“属性”单击“只读”前面的小方框单击“确定”按钮单击“将改动应用于该文件夹、子文件夹及文件”前面的选择框单击“确定”按钮95.准备工作准备工作（使用说明1）96.建立站点建立站点（使用说明2）点击“站点”菜单，选择“新建站点”点击“高级”标签设定你的站点的名字，如设置为Myweb选择你的网站文件存储的位置，设置为F盘SRC目录设置你的测试服务器地址，输入Localhost点击“完成”按钮106.建立站点建立站点（使用说明2）107.简单的文字排版文字的字体与颜色常用的字体一般为宋体、楷体和黑体。颜色与颜色代码 网页中的颜色

5、使用三原色（RGB）编码。每种原色使用两位十六位数字编码。如000000为黑色，即当三原色光线都为零时为黑色；FFFFFF则为白色，即当三原色光线都为最强时为白色；FF0000为红色。简单而言颜色代码就是不同强度的红、绿、蓝颜色的结合。117.简单的文字排版文字的字体与颜色117.简单的文字排版CSS样式表CSS（Cascading Style Sheets)， 中文翻译为层叠样式表。CSS样式表是一个包含样式和格式的规范的外部文本文件。当编辑外部CSS样式表时会影响所有链接到CSS样式表的文档。127.简单的文字排版CSS样式表127.简单的文字排版CSS样式表实例1（Page122）本例的

6、目的是初步认识CSS样式表，并规范文本中所有带超级的文本的颜色。说明： A.link 带超级链接的文本 A.visited 已经访问过的超级链接 A.active 激活状态的超级链接 A.hover 鼠标悬停状态的超级链接137.简单的文字排版CSS样式表实例1（Page122）137.简单的文字排版CSS样式表实例2（Page127）本例的目的是定义CSS样式表及编辑。说明： TD：网页中单元格的标识147.简单的文字排版CSS样式表实例2（Page127）147.简单的文字排版CSS样式表实例4（Page138）本例的目的是使用CSS美化段落。说明： px：pixel，像素，屏幕上显示的最小单位，用于网页设计，直观方便。 pt：point，是一个标准的长度单位，1pt1/72英寸，用于印刷业，非常简单易用。157.简单的文字排版CSS样式表实例4（Page138）157.简单的文字排版CSS