返回
网页设计 第二讲 版面的编辑课件.ppt

网页设计 第二讲 版面的编辑课件.ppt

ID：57173602

大小：94.50 KB

页数：16页

时间：2020-08-02

网页设计 第二讲 版面的编辑课件.ppt_第1页
网页设计 第二讲 版面的编辑课件.ppt_第2页
网页设计 第二讲 版面的编辑课件.ppt_第3页
网页设计 第二讲 版面的编辑课件.ppt_第4页
网页设计 第二讲 版面的编辑课件.ppt_第5页
资源描述：

《网页设计 第二讲 版面的编辑课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第二讲版面编辑课程时间：8课时教学目标：熟练应用标签嵌套使用的功能。掌握常用的十种标签的书写格式、属性，正确使用方法。掌握三种基本列表标签的书写格式、属性，正确使用方法。理解相对路径和绝对路径的概念，能够正确的使用。掌握超链接、图像标签的书写格式、属性，正确使用方法。能够独立的使用本节中的标签编制第一个图文混排的网页。教学重点和难点：如何正确使用标签中的属性值。如何正确使用和区分相对路径和绝对路径。能够完整的做出图文混排的页面。标签的使用方法标签分为两种：单标签和双标签。单标签：在需要控制的内容前面插入一个单标签即可，一般单标签只对标签后面的内容起控制作用。双标签：双标签可分为头

2、标签和尾标签，是成对使用的，把要控制的内容放在头标签和尾标签的中间。标签属性：在标签名称后先输入一个英文空格间隔，再输入(属性名称=“值参数”)；双标签中的属性是写在头标签中的。标签嵌套使用：标签与标签是可以嵌套使用的，HTML文件其实就是由标签与标签相互嵌套来控制内容的显示。标签属性示例：第二讲课件

一、控制标签1、换行标签：格式：
作用：可以使标签后面的内容显示到下一行上。2、强制不换行标签：格式：

3、nobr>作用：把那些不适于分开的词和短语放在同一行中。3、自动换行标签：格式：作用：可以使标签后面的内容显示到下一行上。4、分段控制标签：点击查看示例格式：

、

属性：align（left、center、right）*双标签时特有此属性作用：可以区别出文字的不同段落。它可以单独使用，也可以成对使用。5、原样显示文字标签：格式：
作用：通过浏览器显示时，如果要显示源代码中排版时的效果，可用原样显示文字标签实现。6、居中对齐标签：格式：
作用：是在需要水平居中对齐的文本部分开头处加
，在结尾
4、处加
即可。7、引文标签：格式：
作用：是适合于较长文本的引用。引文显示时将会自动右移，左边空出几个空格，加以区别。8、水平分隔线标签：点击查看示例格式：
作用：是换行并在该行下画一条横线，横线上下两端都会留出一定的空白。标签的属性有（Size、Width、Align、Color、Noshade），详见下表。属性值功能单位默认值Size数字设置粗细Pixel（像素）2Width数字设置宽度Pixel（像素）、百分比100%AlignLeft、center、right设置横向对齐方式CenterColor颜色代码
5、设置颜色#000000Noshade无设置不显示3D阴影9、特殊字符：格式：详见下表。作用：在HTML文件中，有些字符没办法直接显示出来，使用特殊字符可以将键盘上没有的字符在网页中表达出来，而有些字符用键盘虽然可以直接输入，但在HTML中有其特殊的含义。特殊或专用字符数字代码字符代码<<<>>>&&&”""!!!©©©;;;®®®空格 10、注释标签：格式：。作用：在源代码中加入文字说明，以帮助我们更好的阅读源代码，注释中的文字在浏览
6、器中是看不到的。二、字体标签1、标题文字标签：格式：属性：ALIGN（Left、Center、Right）*n的取值范围是1～6，值为1时字号最大;值为6时字号最小2、文字格式控制标签：格式：属性：FACE（宋体、黑体、Verdana(国际通用)）、SIZE（1～7）、COLOR（颜色代码）*Color的值是用六位十六进制表示的，如#000000表示黑色，#FFFFFF表示白色，每二位表示三颜色（RGB，红、绿、蓝）中的一种颜色。3、特定文字样式标签：格式及名称：（粗体）、（斜体）、（下划线）、
7、（删除线）、（粗壮体）、（上标）、（下标）。*字体更多、更强的修饰可以由CSS样式表完成，在后续的CSS样式章节中会进行详细讲解。点击查看标题示例点击查看字体示例三、列表标签建立一个完整的网页，合理且灵活地使用列表标签十分重要的，浏览者从浏览器上阅读文件时，希望看到的是按一定规则和格式排序的文件，在HTML文件中使用了列表标签就可以达到这个目的。1、项目符号：格式
  • 2、无序
                            
    
                        
    
                            
     当前文档最多预览五页，下载文档查看全文  
    
                            
    
                                
    
                                    
    
                                        
                                        
                                    
    
                                    
    
                                        
    此文档下载收益归作者所有
    
                                        
                                    
    
                                
    
                            
    
                        
    
                        
    当前文档最多预览五页，下载文档查看全文
    
                        
                                                
    
            
    
                
                
    
                    
    
                        温馨提示： 
    
                        1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
    
                        2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
    
                        3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
    
                        4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。