网页制作新手怎么设置字体

作者&投稿:英颜 (若有异议请与网页底部的电邮联系)
~ 字体(Font)的设置是网页制作新手遇到的第一个难点。  如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的。好,我们来彻底研究一下字体的各个方面:字符集的设定。  在查看html文件原代码时,我们经常可以在文件头 head和 /head之间看到这么一句代码: meta http-equiv="Content-Type" content="text/html; charset=gb2312"
步骤/方法
这段代码的作用是什么呢?是否可以删除呢?  其实这是meta标签的设定语句,是给浏览器看的。它的作用就是告诉浏览器:这个HTML文件是采用gb2312字符集制作的。当浏览器读到这一代码,便以gb2312字符集来解释和翻译网页原代码,然后我们就可以看到正确的网页。所以这个meta语句是非常重要的,尽量不要删除。     gb2312就是我们最熟悉的GB简体码,英文是iso-8859-1字符集。其它还有BIG5,UTF-8,Shift-JIS,EUC,KOI8-2等字符集,分别用于不同的字体显示。  字体的使用。  在网页里,字体的定义语句是: font face="Arial"显示文字 /font

其中Arial就是一种字体的名称  默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。也就是说,如果你没有设置任何字体,网页将以这两种标准字体显示。同时,着两种字体也可以在任何操作系统和浏览器里正确显示。  windows另外自带了40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix 则不能完全正确显示。  如果你需要用一种特殊的字体来体现你的风格,那么如何让大家可以真正看到你的设计页面呢?解决的办法是:用图片。  需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。
字体的样式(style)。  字体的样式有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。设置方法很简单,阿捷就不多罗嗦了。  字体的效果。 这里指通过html语言设定可以直接显示的效果,在html里的语句设定为:  span style="text-decoration: overline"显示文字 /span   其中,overline是指上划线效果。其它常用的效果还有:underline(下划线), uppercase(大写)等等。
字体大小的控制。  字体大小的控制是本节的重点。    一般字体默认的大小是12pt(镑).用 font size="+1"语句可以将文字增大2pt。这种方法我们 都已经掌握了。而现在网络上最流行的小中文字体大小为9pt,是如何设定的呢?有三种方法:    1.用 span style="font-size:9pt"显示文字 /span"语句来设定。显然这种方法非常麻烦,你必须为每段文字都设定大小。  2.用CSS层叠样式表。CSS是DHTML的一个组成部分,它可以定义整个页面的字体显示风格和大小。是较为简便的方法。比如,这里需要设定整个页面文字大小为9pt,只要将下面这段代码加入html代码的 head和 /head之间:  style type="text/css" --   body {FONT-SIZE: 9pt}   th {FONT-SIZE: 9pt}   td {FONT-SIZE: 9pt}   -- /style   其中FONT-SIZE:9pt指字体的大小为9镑
第二种方法已经简化了许多步骤,但是仍然不是最理想的方法,因为你必须在每个页面的head 区都放置这么一段代码,扩大了文件的字节。另外这样的做法还有一个重大缺点,就是如果我需要修改 整个站点的字体大小,就必须一页一页的改!  所以推荐给你最终也是目前最好的方法---外部摸板文件调用法。  “外部摸板调用”就是说你将css的设定作成一个单独的文件,在每个页面里都调用它。一旦你 需要修改字体大小,只要修改一个.css文件,几百个页面就同时修改了。(这种方法类似子程序调用 编写过程序的网友很容易理解:)  调用的具体方法如下:  (1)将上面的css代码copy成一个mycss.txt文件,然后修改后缀名为mycss.css  (2)在html文件的 head /head之间插入 LINK href="mycss.css" rel=stylesheet type=text/css,语句调用mycss.css(注意有关路径的设置正确)OK!  字体超链接样式的设定。     通常在网页的 body中设置连接的颜色,如: body link="#FF00FF" vlink="#FF0000" alink="#008080"  其中:link -- Hyperlink(连接)的颜色     vlink-- visited Hyperlink(已访问过的连接)颜色     alink-- active Hyperlink (当前活动的连接)颜色     颜色用rgb的16进制码表示如红色是#FF0000。     同样用CSS可以更简便的设定网页超连接的样式,看下面这段代码     style type="text/css"    A:link  {TEXT-DECORATION: none;COLOR: #0000FF}    A:visited {TEXT-DECORATION: none;COLOR: #000000}    A:active {TEXT-DECORATION: none;COLOR: #FF0000}    A:hover  {COLOR: #FF0000}     /style    将它插入html文件的head区就可以了。其中link设定的是有超链接的颜色;visited是访问过的超 链接颜色;active是鼠标移上去的颜色;hover是鼠标点击时的颜色。而"text-decoration:none"是指取消超链接的下划线显示。     关于CSS的设定还有更多的用法和技巧,比如在同一页中设定不同的字体大小和超链接颜色,请学 习有关CSS的专门知识。


一个网页制作新手怎么创建网页?
2、页面设计的美化工具也有很多,最容易操作的几个是Photoshop、FireWorks、Flash等 三、网页制作的基本步骤 刚刚上手制作网页时,那么一定要采用先易后难的原则去创建,就是指我们在制作网页时先去构建一个框架,然后我们再去寻找素材,最后前期工作都完成之后我们再去上手,使用编辑软件去制作创建网页,最后...

ps做淘宝详情页技巧心得新手ps怎么制作淘宝宝贝详情页
利用图层组织:将相关的图层放在同一个图层组中,可以方便管理和调整。使用矢量形状工具:矢量形状工具可以创建清晰的图形,如按钮、边框等。多用图层蒙版:使用图层蒙版可以方便地控制图层的可见性和透明度,使设计更加灵活。使用智能对象:将图层转换为智能对象可以方便地进行非破坏性编辑和调整。利用参考线和...

h5海报制作-新手如何制作简单的h5页面?
2、人人秀H5编辑器的制作界面,在右侧操作栏选择互动-活动-代言海报,即可添加代言海报插件。3、进入基本设置界面,设置活动名称和时间。4、勾选关注公众号参与活动,用户只有关注了您指定的公众号方可参加活动。点击后面的设置和说明,进行具体的设置操作和查看使用说明。5、点击上方的内容设置进入内容设置界面。

新手如何制作简单的h5页面?
你可以先到意派官网上的案例库中找找灵感,然后再到其教程中心查找相关教程慢慢学,合成海报、长页面、测试题等比较简单的H5创意形式都可以自学完成。此外,你还可以直接套用一些简单的模板,比自学制作更方便一点。一、AdobeEdge目前还处于预览阶段的AdobeEdge是用HTML5、CSS、JavaScript开发动态互动内容的设...

新手如何dw制作网页
只需要,进行简单的网页的页面制作,连接,连一下。而做网站,则需要,进行后台程序的制作。我首先,来说一下,网页的制作的过程:第一、设计你所想要的主页(index.HTML),就是,简单的排版,不一定需要在电脑上。第二、就是主页的布局及制作。布局,现在一般是用CSS做的,如果,你对CSS了解很少的...

关于EXCEL的问题!页面设置!我是纯新手……拜托了!!!
页面--方向--纵向.纸张大小下拉框中选A4 页边距选项卡中,对齐方式选水平.垂直.(b)设置表格的标题,标题文本的格式为黑体24号,单元格文本水平垂直都居中;在EXCEL页面,将标题字体大小定为24,字体为黑体.选中标题所在单元格,右单击鼠标,进入设置单元格格式--对齐--水平对齐:居中,垂直对齐:居中 (c...

网页设计制作详细流程
1、首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。2、下面选择这三个界面,代码、拆分、设计,一般默认设计界面,对于新手这个功能具有可视化,能更好的制作网页。3、下面我们来制作网站站点,在电脑上建一个文件作为根目录。

网页设计制作详细流程
3、使用成熟的CMS系统:pageadmin CMS、discuz cms 模板多、操作简单、使用方便、直接下载就能使用、官网有完善的功能插件、提供给客户下载使用的、方便客户日后扩展网站 4、域名注册提交资料做实名制、服务器开通后提交资料做网站备案 5、cms系统通过FTP软件上传到服务器部署、服务器绑定域名、域名解析到服务...

海报首页详情页怎么做?详情页是什么详情页怎么做
先说有基础设计能力的新手怎么做详情页。第一步先确定详情页的尺寸,因为不同平台的尺寸要求是不一样的。之后去看竞品的详情页都是怎么做的,多看一些。这个看的是什么呢?主要有这几点,看一下你要做的产品适合什么样的风格,风格和产品的契合度很重要,不然做出来的图也会显得不伦不类。再一个是...

【WPS新手教程】怎样快速制作PPT封面页
1、新建一个PPT,点击幻灯片右下角的加号新建幻灯片.点击“主题页”,可选择封面页、目录页、章节页、结束页并快速插入.2、根据风格和颜色选择适合你的模板,例如点击封面页,选择一个模板插入.3、更改标题内容,对模板内容进行修改,就能快速制作一个封面.4、可以根据大纲内容依次添加目录页、章节页、结束页...

双台子区18847978592: 网页代码 怎么修改字体大小 -
咎葛利培: 步骤一:建立CSS样式表 1. 首先,我们在桌面上(其他地方也可以)新建一个文本文档. 2. 接着,我们打开该文档(默认为记事本打开),写进如下的代码: body,td,tr,table,form,option,select,main,input,textarea,p { font-size: 12px; } 3.当...

双台子区18847978592: 网页内容的字体如何设置? -
咎葛利培: ●字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面: ○字符集的设定. 在查看html文件原代码时,我们经常可以在文...

双台子区18847978592: 网页字体怎么设置
咎葛利培: 按住Ctrl,,然后滚动滑轮就可以调字体大小了

双台子区18847978592: 网页制作字体设置 -
咎葛利培: 直接转了个... 使用了下面的这些标签后,你并不能像物理字体那样明确知道字体的显示方式,这些标签并不指明字体如何显示,而是让Web浏览器自行决定显示方式,不同的浏览器解释的效果可能就不一样,一般情况下浏览器是按下述的...

双台子区18847978592: 网页制作怎么设置字体样式 -
咎葛利培: font-family:"宋体","Arial Narrow";family冒号后面填写你需要的字体即可.

双台子区18847978592: 网页设计 中文一般用的字体大小,一般怎么设置font - family. 怎么用fireworks获取图中文字的字体和大小? -
咎葛利培: 一般中文的字体大小是12px或者14px.随着显示器分辨率不断提高,12px的文字在大于1440*900的显示器里看起来会显得比较小,阅读起来不是很容易,所以现在网页设计里面用12px的已经比较少了,特别是文章正文部分,普遍都会用14px....

双台子区18847978592: 怎么修改网站字体? -
咎葛利培: 用CSS样式 <style type="text/css"> body{ font-size:13px;} </style> 一般网站的字体是13px;可以根据你的需求改字体的大小

双台子区18847978592: 网页字体怎么改 -
咎葛利培: 打开网页, 工具--Internet选项--字体, 选择你想使用的字体即可.

双台子区18847978592: 怎样在网页中设置文本的字体、字号、和颜色 -
咎葛利培: 设定页面的字体,直接将设定文字放在

双台子区18847978592: 谁能教教我网页字体怎么改啊 谢谢啦 -
咎葛利培: 按住 Ctrl 然后滚动鼠标中间的轮胎

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网