《网页制作教程1网页的基本组成文字的排版》由会员分享，可在线阅读，更多相关《网页制作教程1网页的基本组成文字的排版（17页珍藏版）》请在装配图网上搜索。
1、网页制作教程1网页的基本组成文字的排版 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望1.1.网页组成的基本要素：网页组成的基本要素：u文字文字u图片图片 图形图形u表格表格u超级链接超级链接u视频视频 动画动画 声音声音u表单元素表单元素例子例子1 1 例子例子2 2 例子例子3 3 例子例子4 42 22.2.网页的基本类型网页的基本类型静态网页（静态网页（静态网页（静态网页（*.htm*.html*.shtml*.htm*.html*.shtml*.htm*
2、.html*.shtml*.htm*.html*.shtml）u页面从编辑好后一直保持同样的状态。页面从编辑好后一直保持同样的状态。动态网页（动态网页（动态网页（动态网页（*.asp*.jsp*.php*.aspx*.asp*.jsp*.php*.aspx*.asp*.jsp*.php*.aspx*.asp*.jsp*.php*.aspx）u动动态态网网页页是是指指网网页页的的内内容容是是否否可可根根据据某某种种条条件件的的改改变变而而自自动动改改变变，如如计计数数器器就就是是动动态态的的，当当有有人人点点击击我我们们的的网网页页时时，计计数数器器的的值值会会自自动动增增加加；BBSBBS论论
3、坛坛也也是是动动态态的的，当当用用户户在在论论坛坛上上发发布布信信息息时时，网网页页内内容容会会自自动动更更新新，显显示示出出新新发布的信息及相关回复等等。发布的信息及相关回复等等。3 33.Dreamweaver3.Dreamweaver的安装的安装先先先先要要要要有有有有DreamweaverDreamweaverDreamweaverDreamweaver安安安安装装装装光光光光盘盘盘盘或或或或文文文文件件件件，可可可可在在在在电电电电教中心网站教师培训里面找到。教中心网站教师培训里面找到。教中心网站教师培训里面找到。教中心网站教师培训里面找到。u双击安装文件双击安装文件u单击单击“下一
4、步下一步”进行安装进行安装4 44.IIS4.IISIISIISIISIIS是是是是Internet Internet Internet Internet Information Information Information Information ServerServerServerServer的的的的缩缩缩缩写写写写，即即即即因因因因特特特特网网网网信信信信息息息息服服服服务务务务器器器器。IISIISIISIIS意意意意味味味味着着着着你你你你能能能能发发发发布布布布网网网网页页页页，从从从从而而而而将将将将自自自自己己己己的的的的电电电电脑脑脑脑作作作作为为为为一一一一台台台台网网网
5、网页页页页服服服服务务务务器器器器使用使用使用使用默默默默认认认认的的的的xpxpxpxp系系系系统统统统没没没没有有有有安安安安装装装装IISIISIISIIS，因因因因此此此此必必必必须须须须使使使使用用用用安安安安装光盘来进行安装。装光盘来进行安装。装光盘来进行安装。装光盘来进行安装。5 54.IIS4.IIS的安装的安装u插入安装光盘插入安装光盘u单击单击“安装可安装可选的选的Windows组组件件”u单击单击“Internet信息信息服务（服务（IIS）”前前面的方框面的方框u单击单击“下一步下一步”进行安装即可。进行安装即可。6 64.IIS4.IIS的配置的配置u单击单击“开始菜
6、开始菜单单”，选择，选择“控控制面板制面板”u双击双击“管理工管理工具具”u双击双击“Internet 信息信息服务服务”u单击单击号依次号依次展开本地计算机展开本地计算机即网站的目录。即网站的目录。7 74.IIS4.IIS的配置的配置u右键右键单击单击“默认网站默认网站”，选择选择“属性属性”u单击单击“主目主目录录”标签标签u单击单击“本地本地路径路径”后面的后面的浏览按钮，选浏览按钮，选择择F盘盘SRC目目录录 u单击单击“确定确定”按钮。按钮。8 85.5.准备工作准备工作准备工作（使用说明准备工作（使用说明准备工作（使用说明准备工作（使用说明1 1 1 1）准备好做练习的文件准备好
7、做练习的文件u将光盘中的将光盘中的SRCSRC目录复制到目录复制到copycopy到到F F盘盘u右键单击右键单击SRCSRC文件夹，选择文件夹，选择“属性属性”u单击单击“只读只读”前面的小方框前面的小方框u单击单击“确定确定”按钮按钮u单单击击“将将改改动动应应用用于于该该文文件件夹夹、子子文文件件夹夹及及文件文件”前面的选择框前面的选择框u单击单击“确定确定”按钮按钮9 96.6.建立站点建立站点建立站点（使用说明建立站点（使用说明建立站点（使用说明建立站点（使用说明2 2 2 2）u点击点击“站点站点”菜单，选择菜单，选择“新建站点新建站点”u点击点击“高级高级”标签标签u设定你的站点
8、的名字，如设置为设定你的站点的名字，如设置为MywebMywebu选选择择你你的的网网站站文文件件存存储储的的位位置置，设设置置为为F F盘盘SRCSRC目录目录u设置你的测试服务器地址，输入设置你的测试服务器地址，输入LocalhostLocalhostu点击点击“完成完成”按钮按钮10107.7.简单的文字排版简单的文字排版文字的字体与颜色文字的字体与颜色文字的字体与颜色文字的字体与颜色u常用的字体一般为宋体、楷体和黑体。常用的字体一般为宋体、楷体和黑体。u颜色与颜色代码颜色与颜色代码 网网页页中中的的颜颜色色使使用用三三原原色色（RGBRGB）编编码码。每每种种原原色色使使用用两两位位十
9、十六六位位数数字字编编码码。如如000000000000为为黑黑色色，即即当当三三原原色色光光线线都都为为零零时时为为黑黑色色；FFFFFFFFFFFF则则为为白白色色，即即当当三三原原色色光光线线都都为为最最强强时时为为白白色色；FF0000FF0000为为红红色色。简简单单而而言言颜颜色色代代码码就就是是不不同同强强度的红、绿、蓝颜色的结合。度的红、绿、蓝颜色的结合。11117.7.简单的文字排版简单的文字排版CSSCSSCSSCSS样式表样式表样式表样式表uCSSCSS（Cascading Cascading Style Style Sheets)Sheets)，中中文文翻翻译译为层叠样
10、式表。为层叠样式表。uCSSCSS样样式式表表是是一一个个包包含含样样式式和和格格式式的的规规范范的的外外部部文文本本文文件件。当当编编辑辑外外部部CSSCSS样样式式表表时时会会影影响响所有链接到所有链接到CSSCSS样式表的文档。样式表的文档。12127.7.简单的文字排版简单的文字排版CSSCSSCSSCSS样式表实例样式表实例样式表实例样式表实例1 1 1 1（Page122Page122Page122Page122）u本本例例的的目目的的是是初初步步认认识识CSSCSS样样式式表表，并并规规范范文文本中所有带超级的文本的颜色。本中所有带超级的文本的颜色。u说明：说明：A.link A
11、.link 带超级链接的文本带超级链接的文本 A.visited A.visited 已经访问过的超级链接已经访问过的超级链接 A.active A.active 激活状态的超级链接激活状态的超级链接 A.hover A.hover 鼠标悬停状态的超级链接鼠标悬停状态的超级链接13137.7.简单的文字排版简单的文字排版CSSCSSCSSCSS样式表实例样式表实例样式表实例样式表实例2 2 2 2（Page127Page127Page127Page127）u本例的目的是定义本例的目的是定义CSSCSS样式表及编辑。样式表及编辑。u说明：说明：TD TD：网页中单元格的标识：网页中单元格的标识1
12、4147.7.简单的文字排版简单的文字排版CSSCSSCSSCSS样式表实例样式表实例样式表实例样式表实例4 4 4 4（Page138Page138Page138Page138）u本例的目的是使用本例的目的是使用CSSCSS美化段落。美化段落。u说明：说明：pxpx：pixelpixel，像像素素，屏屏幕幕上上显显示示的的最最小小单单位位，用于网页设计，直观方便。用于网页设计，直观方便。ptpt：pointpoint，是是一一个个标标准准的的长长度度单单位位，1pt1pt1/721/72英寸，用于印刷业，非常简单易用。英寸，用于印刷业，非常简单易用。15157.7.简单的文字排版简单的文字排版CSSCSSCSSCSS样式表实例样式表实例样式表实例样式表实例5 5 5 5（Page143Page143Page143Page143）u本例的目的是使用本例的目的是使用CSSCSS规范文字的间隔。规范文字的间隔。1616作业作业P141 P141 P141 P141 课堂练习课堂练习课堂练习课堂练习P146 P146 P146 P146 课堂练习课堂练习课堂练习课堂练习1717
网页制作教程1网页的基本组成文字的排版
