网页字体设置(html网页设计字体设置方式)

1、第1部分　HTML基础篇第1章　网页设计基础知识　1　基础概念　2　网页与HTML语言　3　Web标准、结构、表现与行为　1　标准的重要性　2　“Web标准”概述　4　初步理解网页设计与开发的过程　1　基本任务与角色　2　明确网站定位　3　收集信息和素材　4　策划栏目内容　5　设计页面方案　6　制作页面　7　实现后台功能　8　整合与测试网站　105　与设计相关的技术因素　106　本章小结　12第2章　HTML网页文档结构　11　HTML简介　1　创建第一个HTML文件　2　HTML文件结构　12　简单的HTML案例　13　网页源文件的获取　1　直接查看源文件　2　保存网页　14　辅助、利用Dreamweaver快速建立基本文档　205　本章小结　24第3章　用HTML设置文本和图像　21　文本排版　1　实现段落与段内换行(p和br)　2　设置标题(h1～h6)　3　使文字水平居中(center)　4　设置文字段落的缩进(blockquote)　22　设置文字列表　1　建立无序列表(ul)　2　建立有序列表(ol)　303　HTML标记与HTML属性　31　用align属性控制段落的水平位置　32　用bgcolor属性设置背景颜色　33　设置文字的特殊样式　4　设置文字的大小和颜色(font)　34　忘记过时的HTML标记和属性　35　特殊文字符号　36　在网页中使用图像(img)　1　网页中的图片格式　2　一个简单的图片网页　3　使用路径　37　用width和height属性设置图片的尺寸　48　用alt属性为图像设置替换文本　49　辅助、利用Dreamweaver设置文本和图像　410　辅助、利用Dreamweaver代码视图提高效率　41　代码提示　42　代码折叠　43　使用拆分视图对代码快速定位　411　本章小结　50第4章　用HTML建立超链接(a)　51　设置基本文字超链接　51　URL的格式　52　URL的类型　52　设置页面内部的特定目标的链接　53　设置图片的超链接　54　设置电子邮件链接　55　设置以新窗口显示链接页面　56　创建热点区域　51　用HTML建立热点区域(map和area)　2　辅助、利用Dreamweaver精确定位热点区域　57　框架之间的链接　1　建立框架与框架集(frame和frameset)　2　用cols属性将窗口分为左右两部分　603　用rows属性将窗口分为上中下三部分　604　框架的嵌套　65　用src属性在框架中插入网页　66　用src属性在框架之间链接　67　创建嵌入式框架(iframe)　68　链接增多后网站的组织结构与维护　69　本章小结　66第5章　用HTML创建表格　61　表格基本结构(table)　62　合并单元格　1　用colspan属性左右合并单元格　2　用rowspan属性上下合并单元格　63　用align属性设置对齐方式　704　用bgcolor属性设置表格背景色和边框颜色　75　用cellpadding属性和cellspacing属性设定距离　76　完整的表格标记(thead、tbody和tfoot)　77　需要抛弃的方法、用表格进行页面布局　78　本章小结　78第2部分　CSS基础篇第6章　(X)HTML与CSS概述　81　HTML与XHTML　81　追根溯源　82　DOCTYPE(文档类型)的含义与选择　83　XHTML与HTML的重要区别　82　(X)HTML与CSS　81　CSS标准　82　传统HTML的缺点　83　CSS的引入　84　如何编辑CSS　5　浏览器与CSS　83　本章小结　90第7章　CSS核心基础　91　构造CSS规则　92　基本CSS选择器　91　标记选择器　92　类别选择器　93　ID选择器　93　在HTML中使用CSS的方法　91　行内样式　92　内嵌式　93　链接式　94　导入样式　5　各种方式的优先级问题　1004　本章小结　102第8章　手工编写与借助工具　101　从零开始　102　设置标题　103　控制图片　104　设置正文　105　设置整体页面　106　对段落进行分别设置　107　完整代码　108　CSS的注释　109　辅助、使用Dreamweaver创建页面　1010　辅助、在Dreamweaver中新建CSS规则　11011　辅助、在Dreamweaver中编辑CSS规则　1112　为图像创建CSS规则　1113　本章小结　116第9章　CSS的高级特性　111　复合选择器　11　“交集”选择器　12　“并集”选择器　13　后代选择器　1202　CSS的继承特性　11　继承关系　12　CSS继承的运用　123　CSS的层叠特性　124　本章小结　126第10章　用CSS设置文本样式　1271　长度单位　1272　颜色定义　1283　准备页面　1294　设置文字的字体　1295　设置文字的倾斜效果　1306　设置文字的加粗效果　1317　英文字母大小写转换　1328　控制文字的大小　1339　文字的装饰效果　13310　设置段落首行缩进　13411　设置字词间距　13512　设置段落内部的文字行高　13613　设置段落之间的距离　13614　控制文本的水平位置　13715　设置文字与背景的颜色　13816　设置段落的垂直对齐方式　1381　使用line-height属性进行设置　1382　更通用的解决方案　13917　本章小结　140第11章　用CSS设置图像效果　1411　设置图片边框　1411　基本属性　1412　为不同的边框分别设置样式　1422　图片缩放　1443　图文混排　1451　文字环绕　1452　设置图片与文字的间距　1464　案例——八大行星科普网页　1475　设置图片与文字的对齐方式　1501　横向对齐方式　1502　纵向对齐方式　1516　本章小结　154第12章　用CSS设置背景颜色与图像　1551　设置背景颜色　1552　设置背景图像　1563　设置背景图像平铺　1574　设置背景图像位置　1595　设置背景图片位置固定　1626　设置标题的图像替换　1637　使用滑动门技术的标题　1668　本章小结　168第3部分　CSS高级篇第13章　CSS盒子模型　1711　“盒子”与“模型”的概念探究　1712　边框(border)　1721　设置边框样式(border-style)　1732　属性值的简写形式　1743　边框与背景　1763　设置内边距(padding)　1774　设置外边距(margin)　1785　盒子之间的关系　1791　HTML与DOM　1802　标准文档流　1833　div标记与span标记　1846　盒子在标准流中的定位原则　1871　行内元素之间的水平margin　1872　块级元素之间的竖直margin　1883　嵌套盒子之间的margin　1894　margin属性可以设置为负值　1917　思考题　1928　本章小结　196第14章　盒子的浮动与定位　1971　盒子的浮动　1971　准备代码　1972　案例1——设置第1个浮动的div　1993　案例2——设置第2个浮动的div　1994　案例3——设置第3个浮动的div　1995　案例4——改变浮动的方向　2006　案例5——再次改变浮动的方向　2007　案例6——全部向左浮动　208　案例7——使用clear属性清除浮动的影响　2029　案例8——扩展盒子的高度　2032　盒子的定位　2041　静态定位(static)　2042　相对定位(relative)　2053　绝对定位(absolute)　2094　固定定位(fixed)　2143　z-index空间位置　2144　盒子的display属性　2155　本章小结　216第15章　用CSS设置表格样式　2171　控制表格　2171　表格中的标记　2172　设置表格的边框　2193　确定表格的宽度　2224　其他与表格相关的标记　2232　美化表格　2241　搭建HTML结构　2242　整体设置　2253　设置单元格样式　2264　斑马纹效果　2275　设置列样式　2273　设置鼠标指针经过时整行变色提示的表格　2321　在Firefox和IE7中实现鼠标指针经过时整行变色　2322　在IE6中实现鼠标指针经过时整行变色　2333　最终合并代码　2344　辅助、使用jQuery实现更多效果　2361　用jQuery实现斑马纹效果　2372　用jQuery实现“前3行”特殊样式　2393　用jQuery实现渐变背景色表格效果　2404　用jQuery实现鼠标指针经过变色效果　2415　案例——日历　2411　搭建HTML结构　2412　设置整体样式和表头样式　2443　设置日历单元格样式　2456　本章小结　248第16章　用CSS设置链接与导航菜单　2491　丰富的超链接特效　2502　创建按钮式超链接　2523　制作荧光灯效果的菜单　2531　HTML框架　2542　设置容器的CSS样式　2543　设置菜单项的CSS样式　2554　控制鼠标指针　2575　设置项目列表样式　2571　列表的符号　2582　图片符号　2606　创建简单的导航菜单　2611　简单的竖直排列菜单　2612　横竖自由转换菜单　2647　设置图片翻转效果　2658　应用滑动门技术的玻璃效果菜单　2661　基本思路　2662　设置菜单整体效果　2673　使用“滑动门”技术设置玻璃材质背景　2684　进一步解决的问题　2699　鼠标指针经过时给图片增加边框　27010　本章小结　272第17章　用CSS建立表单　2731　表单的用途和原理　2732　表单输入类型　2741　文本输入框　2742　单选按钮　2743　复选按钮　2754　密码输入框　2755　按钮　2766　多行文本框　2777　列表框　2773　CSS与表单　2781　表单中的元素　2782　像文字一样的按钮　283　多彩的下拉菜单　2834　案例——“数独”游戏网页　2841　搭建基本表格　2852　设置表格样式　2863　加入文本输入框　2874　设置文本输入框的样式　2875　对齐文本框和旁边的图像按钮　2896　本章小结　290第18章　网页样式综合案例——灵活的电子相册　2911　搭建框架　2912　阵列模式　2933　单列模式　2984　改进阵列模式　3015　IE6兼容　3046　双向联动模式　3061　在Firefox中实现　3062　IE6兼容　313　改变方向　3127　本章小结　314第4部分　CSS布局篇第19章　固定宽度布局剖析与制作　3171　向报纸学习排版思想　3172　CSS排版观念　3191　两列布局　3202　三列布局　3203　多列布局　324　布局结构的表达式与结构图　3213　圆角框　3251　准备图像　3252　搭建HTML结构　3263　放置背景图像　3284　设置样式并修复缺口　3294　单列布局　3301　放置第一个圆角框　332　设置圆角框的CSS样式　333　放置其他圆角框　3345　“1-2-1”固定宽度布局　3351　准备工作　3362　绝对定位法　3373　浮动法　3396　“1-3-1”固定宽度布局　3417　“1-((1-2)+1)-1”固定宽度布局　3438　本章小结　344第20章　变宽度网页布局剖析与制作　3451　“1-2-1”变宽度网页布局　3451　“1-2-1”等比例变宽布局　3452　“1-2-1”单列变宽布局　3482　“1-3-1”宽度适应布局　3521　“1-3-1”三列宽度等比例布局　3522　“1-3-1”单侧列宽度固定的变宽布局　3523　“1-3-1”中间列宽度固定的变宽布局　3534　进一步的思考　3555　“1-3-1”双侧列宽度固定的变宽布局　3566　“1-3-1”中列和侧列宽度固定的变宽布局　3583　变宽布局方法总结　3594　分列布局背景色问题　3601　设置固定宽度布局的列背景色　3602　设置特殊宽度变化布局的列背景色　3643　设置单列宽度变化布局的列背景色　3645　CSS排版与传统的表格方式排版的分析　3656　浏览器的兼容性问题　3687　CSS布局页面的调试技巧　3681　技巧设置背景色或者边框，确定错误范围　3692　技巧删除无关代码，暴露核心矛盾　3693　技巧先用Firefox调试，然后使它兼容IE　3694　技巧善于利用工具，提高调试效率　3705　技巧善于提问，寻求帮助　3708　本章小结　370第21章　网页布局综合案例——儿童用品网上商店　3711　案例概述　3712　内容分析　3723　HTML结构设计　3744　原型设计　3775　页面方案设计　3806　布局设计　3831　整体样式设计　3832　页头部分　3843　内容部分　3864　页脚部分　3897　细节设计　3891　页头部分　3892　内容部分　3953　左侧的主要内容列　3954　右边栏　3988　CSS布局的优点　4029　交互效果设计　4031　次导航栏　4032　主导航栏　4043　账号区　4044　图像边框　4055　产品分类　40710　遵从Web标准的设计流程　40711　从“网页”到“网站”　4081　历史回顾　4082　不完善的办法　4083　服务器出场　4094　CMS出现　4095　具体操作　40912　本章小结　410附录A　网站发布与管理　411A.1　在Internet上建立自己的Web站点　411A.1　制作网站内容　411A.2　申请域名　411A.3　信息发布　411A.2　租用虚拟主机空间　412A.1　了解基本的技术名词　412A.2　选择和租用虚拟主机　413A.3　向服务器上传网站内容　414A.1　使用Dreamweaver上传文件　414A.2　使用IE浏览器上传文件　415A.3　使用专业FTP工具上传文件　416A.4　网站管理　418A.1　修改密码　418A.2　集团邮箱管理　419A.3　注意事项　420附录B　CSS英文小字典　421。

1、浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置，这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致，于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。

2、拿字体来说，各个浏览器默认的字体种类、字体大小和字体行高都不一样，比如IE8的中文版在WindowsXP下显示网页时默认字体是宋体，而英文版肯定不会如此。

3、所以我们需要统一设置默认的字体样式，以便实现一致的显示效果来保证设计的一致性和提高开发效率。

4、样式优先级通常用户看到的页面的样式会受到三层控制、第一层是浏览器的默认样式第二层是网页定义样式第三层是用户自定义样式和CSS一样，后面的优先级高于前面的，也就是说网页定义样式可以覆盖浏览器的默认样式，而用户自定义样式优先级最高。

5、不过，当有。

6、important时，网页样式可以覆盖用户自定义样式。

7、用户。

8、important网页。

9、important用户网页浏览器默认。

10、字体、arial我们页面的绝大部分内容字符都是中文，毫无疑问目前为止在网页上最常用也是最通用的显示中文的字体是宋体，但是宋体在显示英文、数字和英文符号时过于糟糕，比如字符，所以我们一般期望通过CSS来实现用更好的字体样式来显示它们，然后用宋体来显示中文和中文符号。

11、之所以选择arial是因为、Windows和Mac都预装了这款字体，应该是使用最广泛的网页字体了。

12、它的潜在对手tahoma和helvetica就没有这么幸运了。

13、视觉设计的专业人士可能会认为在Windows中使用tahoma、在Mac中使用helvetica更好，比如淘宝的默认字体样式是font、12px/1Tahoma,Helvetica,Arial,"5b8b4f53",sans-serif这是一个很不错的选择，但是你也会发现Google、YAHOO、Youtube、Bing甚至MSN的新版都使用arial作为第一默认字体。

14、所以从美观和可读性上来讲arial应该是完全可以接受的。

15、一般情况下设置font-family都会在最后设置通用字体族以保证其安全性，比如Google的设置为font-family、arial,sans-serif，但是至少在非中文版的Win7下当编码是GBK时，IE8会因sans-serif来渲染宋体，导致字体出现变形，这就是为什么淘宝需要在sans-serif前加上宋体而Google无需这样做的原因。

16、因为中文字体的选择非常有限，所以目前所有的主流浏览器都设置使用宋体来显示中文。

17、Baidu的首页和搜索结果页使用font-family、arial可以从侧面说明这样做的安全性。

18、可能有人注意到Firefox中国版默认显示的中文字体是微软雅黑，这是因为谋智网络擅自修改了用户自定义样式，不允许网页的样式覆盖浏览器设置的样式。

19、也是由于类似的情况，我们要弹性设计网页非常重要。

20、使用英文字体作为第一默认字体会导致的问题之一就是中英文以及符号混排时的对齐问题、通过设置行高和hasLayout能解决绝大部分情况，但是都不会很完美，如果把字体改成“宋体”能彻底的解决问题。

21、很明显，这个问题只出现在IE上。

22、所以，如果你的网站很少使用英文、数字和英文符号，那么直接设置{font-family、5b8b4f53}也是很合理的选择。

23、大小、12px12px是宋体能显示的极限，虽然微软雅黑能显示更小的字体，但目前的应用环境尚未成熟。

24、由于宋体基本上是目前显示中文唯一的通用Web字体，所以12px成为最常用的字体大小。

25、我们当然可以依据产品的需要来修改这个默认值。

26、不用考虑基于字体大小(em)的设计。

27、在Chrome0之后的中文版中，字体大小最小值是12px，比如你设置最小字体为10px，最后也变成12px。

28、行高、5倍这是一个经验值，不同的产品对这个值要求可能不同，但我们一般会设置最常用的为默认值。

29、比如YUI的font中是font、13px/231arial,helvetica,clean,sans-serif即字体大小默认值是13px，行高是13*231=003px，默认的行高是默认字体的231倍。

30、对于中文来说，常用的字体大小12px、14px、16px、18px等偶数大小，在IE6和IE7设置其行高也为偶数能解决一些特殊情况下的字体对其问题。

31、在IE6和IE7中，行高值必须大于字体的2px才能保证字体的完整显示或当其作为链接时能有效显示下划线。

32、设置line-height时，注意不要使用单位(包括%在内)，因为子节点会继承经过运算后的line-height值，所以当使用单位后浏览器会把line-height计算成第一次定义的绝对值，而不会随着字体大小的变化而变化，而无单位的数值表示是所在容器的font-size的倍数，所以设置为无单位的数值是最佳选择。

33、深入CSS行高非常有利于理解line-height，值得一读。

34、性能和效率大部分平台都有arial，减少浏览器的查找时间。

35、代码最少，书写方便。

36、arial基本上是名字最短的字体了，可以节约CSS的大小。

37、所有的字母都小写，目前Google就是这样做的，好处是既可以编写更快也能提升Gzip压缩的效率。

38、中文最好用unicode表示，比如使用宋体是{font-family、5b8b4f53}，使用微软雅黑是{font-family、5fae8f6f96c59ed1}，这样的好处是避免编码问题，同时能得到所有的主流浏览器的支持。

39、使用正确的字体种类写法，避免使用引号，这样可以缩小CSS的大小。

40、中文字体可以按上一条方式来编写。

41、未来通过对中英文及符号混排的测试，我发现微软雅黑其实表现相当不错，包括英文数字和英文字符以及在IE6和IE7的显示效果上，但唯一的遗憾是在XP下如果安装了微软雅黑字体的用户没有打开“使用屏幕字体的边缘平滑”选项的话，在firefox、Safari和Opera、特别是IE6下会非常模糊难以辨认。

42、针对这个问题目前并没有很好的解决方案，所以只有等到IE6使用比率非常小的时候才可能正式的使用它。

43、或许需要到2014年，XP死掉的时候。

44、虽然很早就有了@font-face，但是浏览器的支持、网速和商业问题，导致它很少被应用。

45、最近关于字体的好消息是Firefox6将支持WebOpenFontForma。

46、关于Web字体未来的相关信息可以看Web字体的未来、关于Web字体、现状与未来和再谈Web字体的现状与未来。

1、   首先，我们打开Dreamweaver创建一个html网页；。

2、   在网页中输入一段文字，用鼠标右键打开列表，点击【页面属性】；。

3、   在【外观(css)】中可以看到【大小】，选择合适的字号之后，应用后确定，我们可以看到，文字大小发生了改变； 。

4、    如果只想改变一行文字的字体大小，可以利用这对标签；    将界面切换到【拆分】，同时显示网页和代码；    在网页中再输入一行文字，然后在这段文字的代码前后使用标签，在标签里写上【style=“”】，将上方的font-size:24px复制到双引号里，修改数值为18px；   可以看到文字大小发生了更改，数值的大小会影响文字大小；。

5、   如果还有其他行文字需要同等大小，就在标签里；   如果使用开始设置的字号，就在标签外。。

6、注意要点：   标签的style属性可以修改字体大小；   标签成对出现，要注意前后位置；是段落标签；   外观(CSS)中可以选择整个页面的字号，外观(THML)没有字号选择；   要注意空格和英文双引号。。

1、HTMLTable表格的文字大小与字型在传统的HTML网页设计规则中，可以透过HTML预设font文字标签中的size与face分别设定文字大小与字型，这样的写法在HTML5以前是相当普遍的，而到了HTML5开始，修改表格文字大小与字型必须使用css来处理，因为HTML5不支援传统HTMLfont的size与face属性，在css的规则里，修改文字大小是用font-size，而修改字型则是使用font-famliy，以下范例分别使用HTML传统的font标签以及css的属性来修改表格文字。

2、范例用HTMLfont文字标签修改表格文字大小与字型这是size=5的文字大小这是标楷体的文字字型呈现结果诚如第一段所说，若要符合最新的HTML5网页设计标准，表格内的文字大小与字型就必须使用css来设计，范例二就提供这样的设计方式，除了可以像范例一这样每个栏位不同的文字样式，还可以一次设定整个表格的文字样式，用起来效率非常好。

3、范例用css的font-size与font-family来修改表格文字大小与字型这是表格预设文字样式这是13px的文字大小这是标楷体字型呈现结果二在table标签开头就先加入了『style="font-size、18pxfont-family、serif"』这样的语法，代表将整张表格内的所有文字大小都预设为18px，而且字型使用serif，这可是传统HTML的font标签没办法做到的高效率设计方式，接着我们在表格的三个栏位，分别使用预设文字样式、修改大小为13px(font-size、13px)、字型改为标楷体(font-family、DFKai-sb)，可以清楚的看到，只要在表格中任何栏位或一段文字，用span标签包起来，就可以特别为文字做不同的样式设计。

1、HTMLTable表格的文字大小与字型在传统的HTML网页设计规则中，可以透过HTML预设font文字标签中的size与face分别设定文字大小与字型，这样的写法在HTML5以前是相当普遍的，而到了HTML5开始，修改表格文字大小与字型必须使用css来处理，因为HTML5不支援传统HTMLfont的size与face属性，在css的规则里，修改文字大小是用font-size，而修改字型则是使用font-famliy，以下范例分别使用HTML传统的font标签以及css的属性来修改表格文字。

1、先声明，我这是转发过来的，不是为了拿分，是希望帮到你做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。

2、美国《个人电脑》杂志(PCMagazine)评出了99年度排名前100位的全美知名网站的十类题材、第1类、网上求职。

3、第2类、网上聊天/即时信息/ICQ。

4、第3类、网上社区/讨论/邮件列表。

5、第4类、计算机技术。

6、第5类、网页/网站开发。

7、第6类、娱乐网站。

8、第7类、旅行。

9、第8类、参考/资讯。

10、第9类、家庭/教育。

11、第10类、生活/时尚。

12、我们可以参看上面的分类，继续细分。

13、如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色。

14、二者，在制作网站时不会觉得无聊或者力不从心。

15、兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。

16、对于内容主题的选择，要做到小而精，主题定位要小，内容要精。

17、不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。

18、记住、在互联网上只有第没有第二！要领选择好域名域名是网站在互联网上的名字。

19、一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。

20、失去这个域名，所有前期工作就将全部落空。

21、目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开启的窗口妨碍了租乱浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。

22、所以，就我个人观点来说，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。

23、要领掌握建网工具网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。

24、从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是几款具有代表性的网页制作器、(1)HTML编辑器。

25、虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。

26、就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML规范，使用较为普遍的有Hotdog等专业HTML编辑器。

27、(2)所见即所得的网页编辑器。

28、其中以MicrosoftFrontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页。

29、而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。

30、但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。

31、所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。

32、(3)现在非常流行的Macromedia公司出品的Flash互动网页制作工具。

33、这是是一款功能非常强大的交互式矢量多媒体网页制作工具。

34、能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍！但它的动画效果、互动效果、多媒体效果十分出色。

35、而且还可以在Flash动画中封装Mp3音乐、填写表单等。

36、并且由于Flash编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。

37、这是一款十分适合动态Web制作的工具。

38、另外，个人网站制作者还需了解W3C的HTML0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。

39、对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。

40、当然，互联网还是一个免费的资料库。

41、编制网页需要多种多样的按钮、背景还有各种各样图形、图片。

42、如果这些都要靠自己完成，既浪费时间又浪费金钱，而且还需要强大的图形、图片制作技术。

43、所以，为了省却这些麻烦，网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景消纳等网页素材。

44、要领四弊桥档、确定网站界面界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点、①栏目与板块编排构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。

45、网站建设初学者，最容易犯的错误就是、确定题材后立刻开始制作，没有进行合理规划。

46、从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。

47、结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。

48、所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。

49、网站的题材确定后，就要将收集到的资料内容作一个合理的编排。

50、比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。

51、栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。

52、在制定栏目的时候，要仔细考虑，合理安排。

53、在栏目编排时需要注意的是、●尽可能删除那些与主题无关的栏目。

54、●尽可能将网站内最有价值的内容列在栏目上。

55、●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询。

56、辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。

57、另外，板块的编排设置也要合理安排与划分。

58、板块比栏目的概念要大一些，每个板块都有自己的栏目。

59、举个例子、ENET硅谷动力(www.enet.com.cn)的站点分新闻、产品、游戏、学院等板块，每个板块下面又各有自己的主栏目。

60、一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设置板块。

61、如果有必要设置板块的，应该注意、●各板块要有相对独立性。

62、●各板块要有相互关联。

63、●各板块的内容要围绕站点主题。

64、②目录结构与链接结构网站的目录是指建立网站时创建的目录。

65、例如、在用Frontpage建立网站时都默认建立了根目录和Images子目录。

66、目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。

67、目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。

68、所以建立目录结构时也要仔细安排，比如、●不要将所有文件都存放在根目录下。

69、有网站制作者为了方便，将所有文件都放在根目录下。

70、这样就很容易造成、文件管理混乱，搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率。

71、上传速度变慢，服务器一般都会为根目录建立一个文件索引，如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件，很明显，文件量越大，等待的时间也将越长。

72、●按栏目内容建立子目录。

73、子目录的建立，首先按主栏目建立。

74、友情连接内容较多，需要经常更新的可以建立独立的子目录。

75、而一些相关性强，不需要经常更新的栏目，例如、网站简介、站长情况等可以合并放在一个统一目录下。

76、所有程序一般都存放在特定目录，例如、CGI程序放在cgi-bin目录，所有提供下载的内容也最好放在一个目录下，便于维护管理。

77、●在每个主目录下都建立独立的Images目录。

78、一般来说，一个站点根目录下都有一个默认地Images目录。

79、将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。

80、所以为每个主栏目建立一个独立的Images目录是方便管理的。

81、原因很简单，就是方便维护与管理。

82、其它需要注意的还有、目录的层次不要太深，不要超过3层。

83、不要使用中文目录，使用中文目录可能对网址的正确显示造成困难。

84、不要使用过长的目录，太长的目录名不便于记忆。

85、尽量使用意义明确的目录，以便于记忆和管理。

86、网站的链接结构是指页面之间相互链接的拓扑结构。

87、它建立在目录结构基础之上，但可以跨越目录。

88、形象的说、每个页面都是一个固定点，链接则是在两个固定点之间的连线。

89、一个点可以和一个点连接，也可以和多个点连接。

90、更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。

91、一般的，建立网站的链接结构有两种基本方式、●树状链接结构(一对一)，这类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。

92、这样的链接结构浏览时，一级级进入，一级级退出，条理比较清晰，访问者明确知道自己在什么位置，不会“不知身在何处”，但是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须回到首页再进行。

93、●星状链接结构(一对多)，类似网络服务器的链接，每个页面相互之间都建立有链接。

94、这样浏览比较方便，随时可以到达自己喜欢的页面。

95、但是由于链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。

96、因此，在实际的网站设计中，总是将这两种结构混合起来使用。

97、网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。

98、所以，最好的办法是、首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。

99、关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局。

100、③进行形象设计网站的设计可以从以下几点出发、●设计网站标志(LOGO)。

101、LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。

102、标志的设计创意应当来自网站的名称和内容。

103、比如、网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化。

104、专业网站可以以本专业有代表的物品作为标志。

105、最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。

106、●设计网站色彩。

107、网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。

108、“标准色彩”是指能体现网站型象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。

109、给人以整体统一的感觉。

110、至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。

111、一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。

112、适合于网页标准色的颜色有、蓝色，黄/橙色，黑/灰/白色三大系列色。

113、●设计网站字体。

114、和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。

115、一般网页默认的字体是宋体。

116、为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。

117、制作者可以根据自己网站所表达的内涵，选择更贴切的字体。

118、需要说明的是、使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，那么辛苦设计制作便可能付之东流了。

119、●设计网站宣传语。

120、也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。

121、用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。

122、要领确定网站风格“风格”是抽象的，是指站点的整体形象给浏览者的综合感受。

123、这个“整体形象”包括站点的CI(标志，色彩，字体，标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。

124、不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。

125、风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性、是粗犷豪放的，还是清新秀丽的。

126、是温文儒雅的，还是执著热情的。

127、是活泼易变的，还是墨守成规的。

128、总之，有风格的网站与普通网站的区别在于、在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等。

129、在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。

130、在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。

131、并以它作为网站的特色加以重点强化、宣传。

132、总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。

133、要领有创意的内容选择好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容创意。

134、网络上的最多的创意即是来自于虚拟同现实的结合。

135、创意的目的是为了更好的宣传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意。

136、另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地再怎样精美，仍然不会有多少用户。

137、从根本上说，网站内容仍然左右着网站流量，内容为王(ContentIsKing)依然是个人网站成功的关键。

138、要领推广自己的网站网站的营销推广在个人网站的运行中也占着重要的地位，在推广个人网站之前，请确保已经做好了以下内容、网站信息内容丰富、准确、及时。

139、网站技术具有一定专业水准，网站的交互性能良好。

140、一般来说，网站的推广有以下几种方式、(1)搜索引擎注册与搜索目录登录技巧注册著名的搜索引擎站点是在技术上推广网站的第一步。

141、注册搜索引擎有一定的技巧，像AltaVista、搜索客这样的搜索引擎，它自动收录提交的网址。

142、另外，注意Meta的使用，不要提交分栏Frame页面，大部分搜索引擎不识别Frame，所以一定要提交有内容的Main页面。

143、而像Yahoo、搜狐等搜索目录网站采用手工方式收录网址，以保证收录网站的质量，在分类查询时获得的信息相关性比搜索引擎站点(靠Spider自动搜索的)更强。

144、由于搜索目录网站收录网站的人为因素相对较多，因此在提交网站时要注意遵守规则。

145、如Yahoo要求注册站点描述不超过25个单词。

146、在此要注意、将网址提交到最合适的目录下面，要认真详细的介绍网站，千万不要有虚假、夸张的成分。

147、(2)广告交换技巧很多个人站点在相互广告交换时都提出了几个条件、第访问量相当。

148、第首页交换。

149、显而易见，这种做法是为了充分利用广告交换。

150、以很多个人网站的经验，当与一个个人站点交换链接时，对方把网站的LOGO放到了友情连接一页，而不是首页时，很少有访客会来自那里。

151、通常在首页，广告交换才会有很好的效果。

152、(3)目标电子邮件推广使用电子邮件宣传网址时，主要有如下技巧、可以使用免费邮件列表来进行，只要你申请了免费邮件列表服务，你就可以利用邮件列表来推广你的网站。

153、可以通过收集的特定邮件地址，来发送信息到特定的网络群体，在特定网络群体中推广自己的网站。

154、发送HTML格式的邮件，即使其内容与接收者关系不大，也不会被被当作垃圾信件马上删掉，人们至少会留意一下发送者的地址。

155、不过，在进行邮件推广的时候要注意网络道德。

156、要领支撑网站日常运行当个人网站做到某一程度，就必须把赚钱提到议事日程上来，通常来说，个人网站获取资金通常有以下两个渠道、(1)销售网站的广告位要销售网站的广告位，一般来说，每日的流量少于1万人次的网站在目前是不会吸引广告主的。

157、网站的专业性及商用性，以往的广告经验，技术以及设计要求等也会影响到广告的销售。

158、一般来说，WEB广告的收费有三种方式、①CPM(CostPerMillion/Thousand)放一个广告，它按每1,000人次来访问站点收费。

159、这方法对网站经营者最为合适，只要有人浏览该网页，就得钱，不管访问者对广告有无反应——是否会看或点击该广告。

160、②点透(Click-through)通过Banner广告点到了广告商的站点，这才算数，广告商青睐这个，他只为对自己广告感兴趣的人“套钱“。

161、网站经营者就不合适了，据一些调查资料表明，只有3%的访问者会去“CLICK”广告。

162、③提成(Commission)根据访问者点击位于你站点上广告所带来的销售收入，从中跟做广告的厂商分成，这种方法对于网站的经营者来说，比上面两个都更加冒险。

163、通常的，个人网站的广告收费方法往往是第第二种方法的结合，站点和广告商都可少冒点险。

164、(2)与大型网站合作另外，通过与大型网站合作，获取经费，也可以维持个人网站的日常运行。

165、不过，个人网站很容易会成为商业网站的附属品。

166、有时间和充沛的体力，再加上对新技术和技巧的学习和应用，你就能为自己在网上建一个家了。

1、web网页设计怎么设置字体的字号和字间距如何设置。

2、字体的尺寸大小在哪呢？首先我们应该根据字体的大小来选择字符宽度和字宽，这样在设计网页时，不管是大的还是小的，我们都可以根据网页的内容来进行选择字体宽。

3、字体宽高是设计师用来区分字体的一种方法，大致也分为两种方式、通过标准字体(宋体与黑体)进行区分、通常设计师在设计字体时，会选择标准样式的字体进行设计，设置标准样式中的字体宽高，例如宋体和黑体。

4、通常为16点，16点，16-15点。

5、通常是为了更好的区分字体，如果在16点或者18点显示的话，这个时候我们会用的标准尺寸，用于设置字体在网上应该尽量。

1、如图，比如我们有一段文字hellohtml!。

2、然后在浏览器中预览一下最初始的效果。。

3、然后我们在网页中添加style标签，从而设置CSS样式。。

4、如图，书写标签名加花括号，这里我使用的是p标签。如果你用的是其他标签，则修改为其他标签。。

5、接着书写书写font-family，font-family是关于字体的属性，这里我设置成微软雅黑，你也可以设置成楷体，隶书等，注意要带上双引号哦。

6、接着再来预览，可以看到字体变成微软雅黑了哦。

7、再来书写属性font-size，这个属性是设置文本的大小的。这里我就设置成36px，px表示像素。数值越大则文字越大。

8、接着预览效果，就会发觉字号变大了。。

1、如图，比如我们有一段文字hellohtml!。

版权声明：本文由用户上传，如有侵权请联系删除！