网页设计重点_第1页
网页设计重点_第2页
网页设计重点_第3页
网页设计重点_第4页
网页设计重点_第5页
已阅读5页，还剩10页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、网页设计第二章重点2.1.1 网站的种类1根据网站提供的服务分类：信息类网站、交易类网站、互动游戏类网站、有偿信息类网站、功能型网站、综合类网站2根据网站的性质分类：政府网站、企业网站、商业网站、教育科研机构网站、个人网站、非盈利机构网站、其他类型的网站3根据在大型搜索引擎上的设置分类娱乐与休闲类网站、商业与经济类网站、艺术与人文类网站、健康与医药类网站、新闻与媒体类网站、政府与政治类网站、计算机与网络类网站、社会与文化类网站、科学与教育类网站、参考资料类网站2.1.2网站建设的步骤（出简答！p22-p28，书上的详细内容也看一遍！）1.网站目标和主题的确定 网站目标的确定（为什么要建立网站）

2、；网站主题的确定（网站主题、网站风格、网站创意、网站名称） 2. 网站的规划 网站的规划包括：网站总体结构的设置、目录的设置和链接结构的设置。 3. 网站素材的准备 网站素材的准备包括：素材的搜集、整理加工、制作和存储等环节。 4. 网站制作工具的选择和确定 5. 网站的建立（设计制作网页） 6. 注册域名和申请网站空间 定个合适的域名： 由域名构成的网址会像商标一样，好的域名有助于将来塑造网上的形象。定义域名除了要考虑公司的性质以及信息内容的特征外，还应该使这个名字简洁、易记、具有冲击力。 租用虚拟服务器空间 一般虚拟主机提供商都能向用户提供大容量，高速度的服务器。用户可视网站的内容设置及其

3、发展前景来选择。一页网页所占的磁盘空间大约2050KB，10MB大约可以放置200500页，但如果网站中的图片、动画较多，需要文件下载或有数据库等，就需要多一些空间。一般用户有50MB虚拟主机空间就够了。7. 网站的测试和发布 网站在发布前后都应进行相关测试。 8. 网站的宣传和推广 首先企业自身要有推广网站的意识：在任何出现公司信息的地方都加上公司的网址，如名片、办公用品、宣传材料、媒体广告等。 9. 网站的更新和维护 网站建成之后，在运营的过程中需要定期不断更新网站的信息，及时总结经验和不足，逐步完善网站的功能2.1.3 网站建设的原则1.牢记内容第一的原则2.网页文件命名原则3.图片命名

4、的原则4.重视网页标题的设计5.网站导航设计要清晰6.网页长度应限定在三个整屏以内7.善用图像元素8.网站中所有路径都采用相对路径9.确保链接的有效性，链接层次不要太深10.善用表格来布局，但表格的嵌套层次要控制在三层左右11.遵循3次点击规则12.兼顾下载速度与美观13.及时更新网页14.避免滥用技术15.要保护好个人信息2.2.1网页的版面布局（加粗字体要背过，不加粗的理解或能自己叙述出来即可）1网页板式的基本类型：（脑海中要清楚以下8种型的图像效果，书上有图）国字型、拐角型、三型、对称对比型、标题正文型、框架型、封面型、flash型其中，对称对比型：左右或上下对称，一半深色一半浅色，视觉

5、冲击力强 标题正文型：最上面是标题，下面是正文。一般是文章页面或注册页面 框架型：分左右框架型、上下框架型、综合框架型 （ 左右框架型：是指一种左右为分别两页的框架结构，一般左边是导航链接或标题标记，右边是正文。大型论坛常用此种。 上下框架型类似，上下分别为两页的框架结构。 综合框架型是左右框架型与上下框架型的结合，较复杂） 封面型：大部分为一些精美的平面设计并结合一些小动画，放上几个简单的链接或者仅是一个进入的链接，甚至直接在页面的图片上做上栏目链接。2.布局安排点的布局，线的布局，面的布局，线条和形状点的排列所引起的视觉流动，引入了时间的因素，利用点的大小、形状与排列距离的变化，可以使页面

6、富于节奏韵律。线的布局安排主要体现为线的空间分割，分割是版式设计的主要手段之一。 作为视觉元素的线，不仅有长度和方向上的变化，还有粗与细、虚与实、粗糙和光滑等变化面的布局主要体现为面的空间分割，经分割所产生的比例关系，是决定页面均衡、协调的重要因素。分为黄金分割，等间距分割，判断分割，数学级数分割线条和形状：直线条的艺术效果是挺拔、规矩、整齐，有轮有廓。曲线和弧形在页面上的重复组合可以呈现流畅、轻快，富有活力的视觉效果。一般应用于青春、活泼的主页题材。2.2.2网页色彩设计1.色彩的基本原理色彩的三属性：色相 明度 纯度色彩的心理感觉：（1）色彩有冷暖感。（2）色彩有兴奋感与沉静感。（3）色彩

7、有膨胀感与收缩感。（4）色彩有前进感与后退感。（5）色彩有轻重感。 十二色相环2.网页色彩设计原理（1）色彩的面积与位置（2）色彩的对比：在背景图象上添加文本，一种较好的方法是使用相近色作为背景，补色作为文本色。（3）网页配色分析3网页色彩搭配原理：（1）色彩的鲜明性（2）独特性（3）合适性、（4）联想性、（5）合理性、（6）时尚性、（1）色彩的鲜明性、色彩鲜艳，引人注目（2）独特性、与众不同的色彩搭配，衬托出网站的个性（3）合适性、按照内容决定形式的原则，色彩应服务于网站的内容，和网站的气氛相适应（4）联想性、不同色彩产生不同联想（5）合理性、照顾到人眼睛的生理特点，不用大面积高纯度色相，不

8、过分强烈颜色对比，避免视觉疲劳（6）时尚性、关注流行色的发展4、网页各组成部分色彩的设计方法（1）网页内容：要求背景亮，文字暗，反之亦然，对比度要大（2）网页标头：logo放置的地方用深色，具有较高对比度。标题使用与页面内容非常不同的字体或颜色，也可以采用页面内容的反色（3）导航菜单所在区域：菜单背景设置暗一些，依靠较高颜色对比度，比较强烈的图形元素或独特字体将网页内容和菜单的不同准确区分开来（4）侧栏：注意将网页内容和菜单的不同准确区分开来，同时也要易于阅读（5）页脚:不应该喧宾夺主2.2.3-2.2.41、网页设计原则：对比原则（大小对比、明暗对比、粗细对比、曲线与直线的对比、水平线与垂直

9、线的对比、质感的对比、位置的对比、多重对比），协调原则(主与从、动与静、入与出、统一与协调)，平衡原则、趣味原则2、文字编排形式有两端对齐、居中对齐、左对齐或有对齐和绕图排列。3、图像的形式：方形图、退底图、出血图以及这三种形式的结合。4、网页中图像的格式：gif、jpeg、bmp、png5、点布局：通过点的大小、主次引起浏览者的视觉流动。6、线的布局安排主要体现为线的空间分割，分割是版式设计的主要手段之一。7、面的布局主要体现为面的空间分割，经分割所产生的比例关系，是决定页面均衡、协调的重要因素。黄金分割、等间距分割 、判断分割、数学级数分割 2.2.52.2.6文字格式：常用的中文字体有宋

10、体、黑体、楷体、仿宋、行书、隶书、魏碑等。常用的英文字体有Arial、Times New Roman、Impact等。艺术字能为网页添色不少，但也不能随便地套用各种艺术字体。最适合于网页正文显示的字体大小为12磅左右许多新闻性网站，通常采用9磅的字号。文字的编排：常见的文字编排形式有两端对齐、居中对齐、左对齐或有对齐和绕图排列。图形格式：GIF格式 GIF格式是非失真压缩。JPEG格式JPEG格式的图像采用失真的压缩算法，压缩比例越大，图像质量越差。PNG格式PNG格式是一种非失真压缩格式，具有JPEG和GIF格式的全部优点。SWF格式SWF是Macromedia Flash软件生成的流式多媒

11、体文件，其特点是具有小巧精致的矢量画面以及非常强大的交互性能，可以在下载时同步播放。图像编排：网页排版通常有四种形式：方形图、退底图、出血图以及这三种形式的结合网页设计第三章重点 HTML:是一种建立网页文件的语言，它通过标记式指令，将影像，声音，图片和文字等连接起来。 学习html的意义：（1）浏览器解释效率高。（2）格式漂亮。（3）无任何垃圾代码产生，加快了网页的传输速度。单标记：<标记名称> 双标记：<标记>内容</标记>标记的属性的格式为： <标记 属性1="属性值1" 属性2="属性值2" > 受

12、影响的内容 </标记> HTML文档是一种纯文本格式的文件，HTML文档的基本结构为：<html> <head> <title> 网页的标题 </title> </head> <body> 网页的内容 </body></html><body>标记是文档的主体部分，其格式为：<BODY background=”images-URL” bgcolor=”color” text=”color” link=”color” alink=”color” vlink=”color”

13、leftmargin=”value” topmargin=”value”></BODY>各属性值的含义如下：Background：设置网页背景图像。 images-URL：图像文件的路径 bgcolor：设置网页背景颜色，默认为白色。 text：设置网页正文文字的色彩，默认为黑色。Link:设置网页中可链接文字的色彩。 Alink：设置网页中被鼠标点中时可链接的文字的色彩Vling：设置网页中已经被单击过的可链接文字的色彩。Leftmargin：设置页面左边距 topmargin：设置页面上边距Value：表示空白量。 Color：表示颜色值。HTML遵循的语法规则：（1）h

14、tml以纯文本形式存放，扩展名为htm或html.(2)html标记不区分大小写。（3）多数html标记可以嵌套，但不可以交叉。（4）html标记一行可以写多个标记，一个标记也可以分多行书写，不用任何续行符号。(5)html源文件中的换行，回车符和空格在显示效果是无效的。 HTML的文本格式标记1.标题格式标记的格式为：（P64 例3-2） <hn align="left|center|right"> 标题文字 </hn> n用来指定标题文字的大小，n取16的整数值，取1时文字最大，6时文字最小。 属性align设置标题在页面中的对齐方式：left、

15、center或right。缺省时默认为left。 2.文字格式标记：<font>标记设置文字的格式为：（P65 例3-3） <font size=“数字” face=“字体名” color=“颜色"> 被设置的文字 </font> size用来设置文字的大小。数字的取值范围从17，size取1时最小，取7时最大。 face用来设置字体。如黑体、宋体、楷体_GB2312、隶书、Times New Roman等。 color用来设置文字颜色。3.字型设置标记：(P65 例3-4)<B></B>:文字以粗体显示<I>&

16、lt;/I>:文字显示为斜体<U></U>:显示下划线<STRIKE></STRIKE >:删除线<BIG></BIG>:使文字大小相对于前面的文字增大一级<SMALL></SMALL>:使文字大小相对于前面的文字减小一级<SUP></SUP>:使文字成为前一个字符的上标<SUB></SUB>:使文字成为前一个字符的下标<BLINK></BLINK>:使文字显示为闪烁效果<TT></TT>:以等宽体

17、显示西文字符<CITE></CITE>:输出引用方式的字体，通常是斜体<EM></EM>:强调文字，通常用斜体加黑体<STRONG></STRONG>:特别强调的文字，通常也是斜体加粗体4.段落标记的格式为： <p align="left|center|right"> 文字 </p> 其中属性align用来设置段落文字在网页上的对齐方式：left（左对齐）、center（居中）和right（右对齐）。缺省时默认为left。5.强制换行和不换行标记<br>、<no

18、br>. </nobr>（P66 例3-5） <br>标记放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行。强制换行标记的格式为： 文字 <br> 不换行标记可令文字不能因太长使浏览器无法显示而换行，它对住址、数学公式、一行数字等尤其有用。其格式为： <nobr> 文字 </nobr>6.分区显示标记的格式为： <div align="left|center|right"> 文本、图像或表格 </div> 其中属性align用来设

19、置文本块、一段文字或标题在网页上的对齐方式：left、center和right。缺省时默认为left。注意： <div>标记和<p>标记不能嵌套使用7.预排格式标记的格式为：（P67 例3-6） <Pre>预排格式的文本 </Pre>8.水平线标记的格式为： <hr align=“left|center|right” size=“横线粗细” width=“横线长度” color=“横线颜色" noshade> size设定线条粗细，以像素为单位，默认为2。 width设定线段长度，可以是绝对值（以像素为单位）或相对值（相对于

20、当前窗口的百分比）。 color设定线条颜色，可以采用颜色的名称，也可以用以“#”引导的一个十六进制数代码来表示。 noshade指定线条是否有阴影，缺省时线为空心有阴影，否则为实心线条。9.文本缩排标记的格式为：（P69 例3-7） <Blockquote>文本</Blockquote> 注：要实现多次缩排可以使用多次缩排标记。10.列表标记： （1）无序列表的格式为：（P69 例3-8） <ul type="符号类型"> <li type="符号类型1"> 第一个列表项 <li type=&quo

21、t;符号类型2"> 第二个列表项 </ul> 注意：列表整个表项与上下段文本之间各有一行空白。<li>标记是单标记，即一个表项的开始，就是前一个表项的结束。type指定每个表项左端的符号类型，可为disc（实心圆点）、circle（空心圆点）、square（方块）。（2）有序列表的格式为：（P70 例3-9）<ol type="符号类型"> <li type="符号类型1"> 表项1 <li type="符号类型2"> 表项2 </ol> 有序列表

22、整个表项与上下段文本之间各有一行空白；列表项目向右缩进并左对齐；各表项前带顺序号。 注：有序列表和无序列表标记的应用对比（P71 例3-10） （3）定义列表的格式为：（P72 例3-11） <DL> <DT>列表条目1 <DD>条目1的说明 <DT>列表条目2<DD>条目2的说明 </DL>11.流动字幕标记的格式为：（P73 例3-12） <marquee behavior=“字幕滚动方式（ alternate 交替进行|scroll 循环往复滚动|slide 只进行一次滚动）“ bgcolor=“颜色代码” d

23、irection=“left|right|up|down” width=“字幕长” height=“字幕高” loop=“循环次数（ i|-1 无限次循环 ）” scrollamount=“字符运动速度” scrolldelay=“延时时间” hspace=“水平方向空间” vspace=“垂直方向空间” > 字幕文字或图片 </marquee> HTML的表格标记表格的作用主要有两点：一是存放数据；二是作为页面布局和定位的工具。最简单的表格仅包括行和列。表格的主标记为<table>，行的标记为<tr>，表格单元标记为<td>， <t

24、h>用来设置表格头部信息。格式为： <table border="n" width="x|x%" height="y|y%“> <tr> <th>表头1</th> <th>表头n</th> </tr> <tr> <td>表项1</td> <td>表项n</td></tr> （子标记） </table> <tr></tr>用来定义行，该标记中的内容显示

25、在一行，此标记只能放在<table></table>标记对之间使用，而在此标记对之间加入文本将是无用的，因为在<tr></tr>之间只能紧跟<td></td>标记对才是有效的语法；<td></td>标记对用来创建表格中一行中的每一个格子，此标记对也只有放在<tr></tr>标记对之间才是有效的，输入的文本也只有放在<td></td>标记对中才有效。<th> . .</th>用来设置表格头，表头的每一列需要用一个<th>

26、;标记，通常是黑体居中的字 <table>中bgcolor、background、align、height、width等属性可以放在td标记中，作为单元格的属性。 一行的开始表示前一行的结束，一列的开始表示前一列的结束，所以<tr>、<th>、<td>均可以作为单标记使用。表格内文字的对齐方式 在缺省下，表项居于单元格的左端。可用列、行的属性设置表项数据在单元格中的位置。 1. 水平对齐 表项数据的水平对齐用标记<th>、<td>和<tr>的align属性。align的属性值分别为：center（居中）、lef

27、t（左对齐）、right（右对齐）或justify（左右调整）。 2. 垂直对齐 表项数据的垂直对齐用标记<th>、<td>和<tr>的valign属性。valign的属性值分别为：top（靠单元格顶）、bottom（靠单元格底）、middle（靠单元格中）或baseline（同行单元数据项位置一致）。 在<table>、<th>、<tr>、<td>标记中，使用下面属性可以改变表格的背景和边框的色彩、添加背景图片，也可以为行和单元格改变色彩、添加背景图片。 bgcolor=""色彩或色彩值&

28、quot;设置背景色彩 background="图片文件名"设置背景图片 bordercolor="色彩" 设置表格边框的色彩注意：如果把属性放到<table>中，其作用范围为整个表格，如果把属性放到<tr>中，则作用范围为整个行，如果把属性放到<th>、<td>中，则作用范围为该单元格。 <td>还有width和nowrap属性。Width是单元格宽度，单位用绝对像素值或总宽度的百分比；nowrap表示禁止表格单元格内的内容自动换行。另外，<th>、<td>,<t

29、r>中还可以用rowspan和colspan属性实现单元格的合并。Rowspan用于设置一个表格单元格跨占的行数，rowspan=n表示将n行作为一行；colspan用于设置一个表格单元格跨占的列数，colspan=n表示将n列作为一列。HTML图像与多媒体标记 <IMAGE>的图像标记功能 格式：<image src=”image-url” alt=”简单说明” longdesc=”详细说明” width=”x” height=”y” border=”边框宽度” align=”对齐方式”> HTML的超链接标记格式：<a href=”file-url”ta

30、rget=”value”>显示的文本或图像</a>属性：href：设置要链接到的目标的url地址Target：指定打开链接的目标窗口指向本网页中的链接：1. 首先在本网页中预先定义超链接目标标签格式：<a name=”目标标签”>目标标签文字</a>2. 建立指向目标标签的超链接格式：<a href=”目标标签”>文本</a>指向本网页外的链接：1. 链接到同一目录内的网页文件<a href=”目标文件名.htm”>文本</a>2. 链接到下一级目录中的网页文件<a href=”子目录名/目标文件名

31、.htm”>文本</a>3. 链接到上一级目录中的网页文件<a href=”./目标文件名.htm”>文本</a>4. 链接到同级目录中的网页文件<a href=”./子目录名/目标文件名.htm”></a>指向下载文件的链接如果链接到的文件不是HTML文件，则该文件将作为下载文件，其格式为：<a href="下载文件名"> 文本 </a>指向电子邮件的链接单击指向电子邮件的链接，将打开默认的电子邮件程序，如FoxMail、Outlook Express，并自动填写邮件地址。指向电子邮

32、件链接的格式为：<a href="mailto:E-mail地址"> 文本 </a>用图片作为超链接图片也可作为超链接，单击图片则跳转到被链接的文本或其他文件。格式为：<a href="URL"> <img src="图片文件名"> </a>3.6 HTML的表单标记表单标记<FORM>格式：<FORM name=”form-name”method=”method”action=”url”enctype=”value”target=”target-win”&

33、gt;.</FORM>name属性:指定表单的名称，供脚本、服务器端程序和样式表使用。action属性:指定处理表单数据的程序（如*.jsp文件或*.asp文件等）的位置。method属性:规定了发送表单数据的方法。输入标记<INPUT>格式：<INPUT name=”field-name”type=”type=”type-name”>type属性值可为text（单行文本框），则输入的文本以标准的字符显示。CSS（Cascading Style Sheets）层叠样式表单，简称样式表，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言（

34、或称为一种技术或工具）。CSS的特点：1、只需要修改一个.css文件，就可以改变所有使用该样式页面的外观和格式。 2、可以随意控制页面的布局和外观，能够精确地控制文档中的布局、字体、颜色、背景、图像等效果的显示。 3、在所有的浏览器和平台之间具有较好的兼容性。4、精简网页，提高下载速度。外部的样式表会被浏览器保存在缓存里，因而提高了网页的下载速度，也减少了代码数量。CSS样式表的定义 1）内部样式表定义(CSS样式表的代码置于HTML文件内部) 1. 为HTML标记定义样式表 在HTML文档的<head>标记内插入一个<style>.</style>标记，在

35、其中定义样式。其格式为： <style type=“text/css”> /*指明该标记内部嵌入的是以文本形式出现的css样式*/ <!- 标记1属性:属性值; 属性:属性值 . . /* 多个标记的样式表定义*/ 标记n属性:属性值; 属性:属性值 . -> /* 样式表由放在中的多个“属性:属性值;” 组成*/ </style> 注意：一旦为标记定义了样式表，则此html文档中的所有该标记将以同样的样式进行显示。2用CLASS（类）名定义样式表 用类名能够把相同的标记分类定义为不同的样式。其格式为：<style type="text/cs

36、s"><!- .类名称1属性:属性值; 属性:属性值 . .类名称2属性:属性值; 属性:属性值 . . /* CLASS（类）样式名以圆点开头 */ .类名称n属性:属性值; 属性:属性值 .-></style>注意：用类名定义的样式表在使用时一定要有引用，即：class=类名3. 用ID(标识符)名 定义样式表 用ID(标识符)名也能够把相同的标记分类定义为不同的样式。格式为：<style type="text/css"><!- #ID名1属性:属性值; 属性:属性值 . #ID名2属性:属性值; 属性:属性值

37、. . /* ID(标识符)样式名以#号开头 */ #ID名n属性:属性值; 属性:属性值 .-></style> 注意：在有些情况下使用ID会与javascript中的ID发生冲突，使得引用可能不起作用或报错，而使用CLASS则不会发生。2）外部CSS样式表定义 外部CSS样式表是指CSS样式表的代码置于HTML文件外部，并以独立于html文件的形式单独保存为扩展名为.css的文本文件中。其优点是可以在网站的每个网页中引用该.css文件中的样式，从而保持整个站点风格上的一致。在网页中插入CSS样式表的方法一、插入内部CSS样式表的方法1、嵌入式方法 指在HTML标记中直接插

38、入style属性，即将样式定义直接放在要设定样式的标记后面。用这种方法，可以很简单的对某个标记单独定义样式，但作用范围只可控制该标记。其格式为： <标记 style="属性:属性值; 属性:属性值 .">2、内联式方法 是把样式表定义语句直接写在当前页面的如下位置：<head><style type="text/css"><!- 若干各种方式的样式表定义语句-></style> </head>二、插入外部CSS样式表的方法 1、 外联（链）式 是指把已经建立好的外部“.css样式表”

39、 文件，使用标记<link> 链接到当前页面，以便应用其中的样式。 此处的<link>标记必须放到页面的<head>.</head>区内。格式为： <head> . <link rel=“stylesheet” type="text/css“ href=“.css样式表文件URL"> . </head> <link rel=“stylesheet” type="text/css“ href=“.css样式表文件URL"> <link> 标记的属性说

40、明： rel="stylesheet"：指明被链接的外部css文件和当前html文件的关系。 type=“text/css ”:指明被链接的外部css文件的类型。 href=“.css样式表文件URL”：指明被链接的外部css文件的URL地址。2、导入式方法导入外部样式表就是当浏览器在读取HTML文件时，复制一份样式表到这个HTML文件中。导入外部样式表是在内部样式表的<style>里使用import url语句导入一个外部样式表文件。其格式为： <style type="text/css"> <!- import url(

41、"外部样式表的文件名1.css"); import url("外部样式表的文件名2.css"); 其他样式表的声明 -> </style>CSS样式表应用的优先级：网页中CSS样式表四种优先级“从高到低”为：嵌入式、内联式、外联式、导入式CSS样式表特殊用法一、CSS样式表的伪类 伪类是特殊的类，伪类和类不同，是CSS已经定义好的，不能象类选择符一样随意用别的名字，伪类能自动地被支持CSS的浏览器所识别。其语法规则如下： 选择符：伪类属性：值 举例：定义超级链接（a 锚）的伪类，在页面设计中最常用 的是4种a标记伪类，分别表示动态链接的

42、4种不同的状态，即link（未访问链接）、visited（已访问的链接）、active（激活的链接）、hover（鼠标停留在上方的链接）a:link color: purple ;text-decoration:nonea:visited color: red ;text-decoration:nonea:hover color: blue;text-decoration:underline a:active color: green;text-decoration:underline样式表的常用属性 ：1字体类型（font-family） 语法：font-family : 字体名 参数：多个

43、字体名称按优先顺序排列，以逗号隔开。2. 字号（font-size）语法：font-size : 绝对尺寸 | 相对尺寸 | 百分数3. 字体样式（font-style） 语法：font-style : italic | oblique | normal 参数：italic为斜体。对于没有斜体变量的特殊字体，将应用oblique（倾斜）。normal为正常的字体，声明此值将取消之前设置，是默认值。4. 字体的粗细（font-weight）语法：font-weight : bold | bolder | lighter | normal | number 参数： bold为粗体，lighter为

44、更细，normal为正常的字体，缺省值为normal ，数值可为100-900（普通为400，900为最粗）。5. 字体变形（font-variant）语法： font-variant : normal | small-caps 参数： normal为正常； small-caps为小型大写字母，即当文字中字母是大写时，该值会显示比小写字母稍大的大写字母。6 文本水平对齐（text-align） 语法：text-align : left | right | center | justify 参数：left为左对齐，right为右对齐，center为居中，justify为两端对齐。7文本修饰（te

45、xt-decoration）语法：text-decoration : none | underline | overline | line-through |blink 参数： none(无) 、underline（下划线）、 overline （上划线）、line-through（删除线）、blink（闪烁）8颜色（color） 语法：color : color9背景色（background-color）语法：background-color : color | transparent参数：color指定颜色，transparent使背景色透明。10背景图像（background-image

46、）语法：background-image : url(url) | none参数：url为使用绝对或相对地址指定背景图像none无背景图。说明：设置对象的背景图像。若把图像添加到整个浏览器窗口，可以将其添加到<body>标记。 网页设计第六章重点6.1 域名和网页空间的申请1. 申请域名：收费域名，免费域名2. 域名申请的步骤 : (1) 查询域名 在申请注册之前，用户必须先检索一下自己选择的域名是否已经被注册，最简单的方式就是上网查询。 (2) 申请注册 用户可以通过两种方式填写注册申请表。 a、Web方式。用户可以在CNNIC（中国互联网络信息中心）的网站直接联机填写域名注册申

47、请表并提交。CNNIC会对用户提交的申请表进行在线的检查，填完后单击“注册”即可。 b、E-mail方式。用户也可以从CNNIC网站下载纯文本的注册申请表，填好后用E-mail发到指定邮箱进行注册。3. 域名的注册规范： 英文域名中只能包含26个英文字母AZ、10个数字09、英文中的连词号“”；在域名中，不区分英文字母的大小写；不得使用或限制使用一下名称（共7条，p236.了解即可)。4. 域名设计的原则： 最重要的原则是简洁易记、有特色。 (1)名称要简洁易记。若是英文或汉语拼音域名，以48个字符为宜；若是用中文名称，网站名称的字数应该控制在6个字（最好4个字）以内，4个字的也可以用成语。还可以选用逻辑字母组合，分为英语单词组合，汉语拼音组合和其他逻辑性字母

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论