网页基础及html.ppt

不怕人家说缺点，才会不断进步。谷姐网（）,网页制作与HTML,不怕人家说缺点，才会不断进步。谷姐网（）,网页设计基本原则,网页文件规划要遵循三个基本原则：内容、速度和页面美观，其中内容最重要。1主页主页（HomePage）和网页（Webpage）是两个不同概念，主页是指登陆到网站后看到的第一个页面。通常为index.htm或index.html或default.htm或default.html。主页的一个重要的功能是导航，利用超链接指引用户所感兴趣的信息，超链接层数不能太多。,不怕人家说缺点，才会不断进步。谷姐网（）,2设计网站标志(logo)网站标志就如同商品的商标一样，是站点特色和内涵的集中体现。标志可以是汉字、英文字母、动物或人物的符号、图案等。3设计网页的色彩视觉冲击是网站给人的第一印象，好的色彩搭配能体现网站形象，延伸网站内涵，还能直接影响访问者的情绪。通常，网站的主要色彩不要超过3种，用于网站标志、标题、主菜单和主色块，显得整体统一。其他色彩可作为点缀和衬托，不能喧宾夺主。,网页设计基本原则,不怕人家说缺点，才会不断进步。谷姐网（）,设计网站标志(logo),不怕人家说缺点，才会不断进步。谷姐网（）,4规划页面就是规划页面布局，包括主页在内的所有页面都应该简洁清晰。整体风格要与页面所表述内容一致。5设计网页的图形和背景图形是Web网站的特色之一，具有醒目、吸引人和传达形象信息的作用。图形的传输慢，要充分考虑图形文件的大小。背景图像也是如此，虽能使页面美观，但却耗费传输时间并不可取。,网页设计基本原则,不怕人家说缺点，才会不断进步。谷姐网（）,6网页文本文本通常是网页的主要内容，也是网站经常更新的部分。网站成功与否，网页上文字内容很关键。注意文字的字体、颜色等属性要与页面整体风格匹配。7联系方式提供联系方式使访问者与自己联系或发表意见，是网页文件规划中不可缺少的，通常应提供电子信箱、电话号码、传真、通信地址等。8.留言本、访问记录留言本可以方便自己与网页访问者交流，访问记录用于统计网站的访问量,网页设计基本原则,不怕人家说缺点，才会不断进步。谷姐网（）,网页制作工具,目前比较流行的用于Web页面制作的应用软件有以下几种：1FrontPage2Dreamweaver3Fireworks4Flash5Photoshop,不怕人家说缺点，才会不断进步。谷姐网（）,网页编程语言HTML,要提高网页制作技术，除了掌握网页设计软件的使用，还应了解掌握必要的Web页面开发语言。几个流行的Web页面开发语言:1HTML（HypertextMarkedLanguage）语言2VRML（VirtualRealityModelingLanguage）语言，基本目标是建立因特网上的交互式三维多媒体，号称为第二代Web建模语言。3ASP（ActiveServerPages）语言4PHP（HypertextPreprocessor）语言5Java语言,不怕人家说缺点，才会不断进步。谷姐网（）,网页设计与HTML概述,HTML（HypertextMarkupLanguage）是最基本的Web页面开发语言，称为超文本标记语言。浏览器（如IE）解释执行HTML，可采用Windows中的记事本或写字板来编辑,保存时文件名的后缀为.htm或.html。HTML的主要语法是元素和标签。元素是一个文档的基本组成部分，如head(文档头）、title（文档标题）、img（图像）、table（表格）等。元素名不区分大小写。并使用规定的标签来标识这些元素。标签用来规定元素的属性和它在文档中的位置。标签通常是成对出现（分为开始标签和结束标签）。例如：网页设计教程title是元素名，与之间的文本表示元素title的内容，是标签，用来说明元素title。,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的基本结构,由文档头、文档体构成头部信息文档主体，正文部分,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的基本结构,下面是一个最基本的超文本文档的源代码：一个简单的HTML示例欢迎光临我的主页这是我第一次做主页，无论怎么样，我都会努力做好！,不怕人家说缺点，才会不断进步。谷姐网（）,一个简单网页的制作第一步：打开Windows下的记事本。第二步：输入刚才的HTML代码第三步：以myweb.htm为文件名保存文件并关闭该文件。第四步：双击myweb.htm文件，浏览器会自动执行它。,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的标签和属性,标题标签,HTML中提供了相应的标题标签,其中n为标题的等HTML总共提供六个等级的标题，n越小，标题字号就越大第一级标题第二级标题第三级标题第四级标题第五级标题第六级标题,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的标签和属性,换行标签,在HTML语言规范里，每当浏览器窗口被缩小时，浏览器会自动将右边的文字转折至下一行。所以，编写者对于自己需要断行的地方，应加上标签,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的标签和属性,段落标签,文件段落的开始由来标记，段落的结束由来标记，是可以省略的，因为下一个的开始就意味着上一个的结束标签还有一个属性ALING，它用来指名字符显示时的对齐方式，一般值有CENTER、LEFT、RIGHT三种,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的标签和属性,水平线段,这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。有四个属性：size水平线的宽度width水平线的长，用占屏幕宽度的百分比或象素值来表示align水平线的对齐方式，有LEFTRIGHTCENTER三种noshade线段有无阴影属性，Yes为实心线段,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的标签和属性,文字的大小设置,提供设置字号大小的是FONT，FONT有一个属性SIZE，通过指定SIZE属性就能设置字号大小，而SIZE属性的有效值范围为17，其中缺省值为3。我们可以SIZE属性值之前加上“”、“”字符，来指定相对于字号初始值的增量或减量。,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的标签和属性,文字的字体与样式,HTML4.0提供了定义字体的功能，用FACE属性来完成这个工作。FACE的属性值可以是本机上的任一字体类型，只有对方的电脑中装有相同的字体才可以在他的浏览器中出现你预先设计的风格。,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的标签和属性,文字的颜色,文字颜色设置格式如下：这里的颜色值可以是一个十六进制数(用“#”作为前缀)，也可以是以下16种颜色名称如：Black=#000000“Green=#008000Red=#FF0000“Blue=#0000FF“,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的标签和属性,位置控制,通过ALIGN属性可以选择文字或图片的对齐方式，LEFT表示向左对齐，RIGHT表示向右对齐，CENTER表示居中。基本语法如下：#leftrightcenter另外，ALIGN属性也常常用在其它标签中，引起其内容位置的变动。如：#leftrightcenterH1ALIGN=#,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的标签和属性,文件之间的链接,超文本中的链接是其最重要的特性之一，使用者可以从一个页面直接跳转到其他的页面、图象或者服务器。一个链接的基本格式如：链接文字标签表示一个链接的开始，表示链接的结束；属性“HREF”定义了这个链接所指的地方；通过点击“链接文字”可以到达指定的文件。中国石油大学,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的标签和属性,本地链接,以绝对路径表示：文件的链接以相对路径表示：文件的链接链接上一目录中的文件：IP地址,不怕人家说缺点，才会不断进步。谷姐网（）,HTML的标签和属性,URL链接,URL链接的形式是：协议名：/主机.域名路径文件名其中协议包括：file本地系统文件httpWWW服务器ftpftp服务器telnet基于TELNET的协议mailto电子邮件写在HTML文件中，链接其他主机上的文件时，格式如下：中国石油大学（北京）石大FTP水木社区bbs,不怕人家说缺点，才会不断进步。谷姐网（）,插入图形,超文本支持的图象格式一般有Bitmap(XBM)、GIF、JPEG三种，所以我们对图片处理后要保存为这三种格式中的任何一种，这样才可以在浏览器中看到。插入图象的标签是，其格式为：,不怕人家说缺点，才会不断进步。谷姐网（）,学习HTML的方法,对于