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