网页格式设计_网页设计的网站格式

1、网页设计矢量图是什么格式

矢量图就是位图是用CDR软件做出来的，矢量图形，PS是JPG图形，又叫点阵图
CDR是出矢量图形的，图形比交大，清晰，不矢色，网页一般都是用PS，外片画册什么的，是用CDR

2、网页设计里常用的图片格式有哪些？

1、PDF格式，是Photoshop图像处理软件的专用文件格式，文件扩展名是．psd，也是Photoshop中新建图像的默认格式。它是唯一支持所有可用图像模式（位图、灰度、双色调、索引颜色、RGB、CMYK、Lab和多通道）参考线、Alpha通道、专色通道和图层（包括调整图层、文字图层、图层效果和图层蒙板）的格式，是一种非压缩的原始文件保存格式。网站设计中PSD文件有时容量会很大，但由于可以保留所有原始信息，在图像处理中对于尚未制作完成的图像，选用PSD格式保存是最佳的选择。
当对一张照片处理完成后，保存时选择Pdf格式，能够保存各个图层，通道，蒙版等的所有信息，当再次打开时想要修改某个细节如：删除某个图层样式，修改某个调整图层或将某个Alpha通道作为选区载入等，都是很方便的。但是一般psd格式图像文件较大，不便于传输，所以一般采用这种格式保存作为作品的备份。
2、GIF图片格式，GIF是一种调色板型（palette type）（或者说是索引型）的图片。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。因为这种格式不再存在专利权的问题
GIF是一种无损压缩的格式，这意味着当你修改并且保存了图片的时候,它的质量不会有任何损耗。
GIF格式也支持动画.在黑暗的web1.0时代，它导致了大量多余的昙花一现的“新”图片（blinking “new” images），循环的@符号（rotating @ signs），birds dropping，a email以及其他一些让人厌烦的东西的出现。在更加文明的web2.0时代，在等待一个更新页面的ajax请求的时候，我们仍然会看到 “loading”动画，网站建设但是也有一些比较讨人喜欢的东西,人们喜欢把它们放在自己的网络上。不管怎么说，如果你有需要，就可以使用动画支持。
GIF也支持透明度，透明度的值是一种布尔类型数据。GIF图片里的一个象素要么完全透明,要么完全不透明。
3、 PNG图片格式，PNG的图片又分为 PNG-8 、 PNG-24 两种，其中，PNG-8 与 GIF 类似，支持 256 色调色板，而 PNG-24 只支持 48 位真彩色，凡是 GIF 拥有的优势 PNG-8 都拥有，GIF 所没有的优势 PNG-8 也有，同样的文件，PNG-8 格式比 GIF 要小， PNG-8 的特点使得它在网站设计切图环节深受网站设计师的喜爱。PNG 可以以任何颜色深度存储图像，也支持高级别的无损耗压缩、支持伽玛校正，支持交错，受最新 Web 浏览器的支持，能够提供长度比 GIF 小30%的无损压缩图像文件，最高支持 48 位真彩色图像以及 16 位灰度图像，渐近显示和流式读写，深圳网站设计不足的是较旧的浏览器和程序可能不支持 PNG 文件。
4、JPEG图片格式，是目前网络上最流行的图像格式，是可以把文件压缩到最小的格式，在 Photoshop软件中以JPEG格式储存时，提供11级压缩级别，以0—10级表示。其中0级压缩比最高，图像品质最差。即使采用细节几乎无损的10 级质量保存时，压缩比也可达 5：1。以BMP格式保存时得到4．28MB图像文件，在采用JPG格式保存时，其文件仅为178KB，压缩比达到24：1。经过多次比较，采用第8级压缩为存储空间与图像质量兼得的最佳比例。JPEG格式的应用非常广泛，特别是在网络和光盘读物上，都能找到它的身影。目前各类浏览器均支持JPEG这种图像格式，因为JPEG格式的文件尺寸较小，下载速度快。
5、BMP图片格式，BMP是英文Bitmap（位图）的简写，它是Windows操作系统中的标准图像文件格式，在Windows环境下运行的所有图象处理软件都支持BMP图象文件格式。Windows系统内部各图像绘制操作都是以BMP为基础的。随着Windows操作系统的流行与丰富的Windows应用程序的开发，BMP位图格式理所当然地被广泛应用。这种格式的特点是包含的图像信息较丰富，深圳网站设计几乎不进行压缩，但由此导致了它与生俱生来的缺点--占用磁盘空间过大。所以，目前BMP在单机上比较流行。BMP位图文件默认的文件扩展名是BMP或者bmp（有时它也会以.DIB或.RLE作扩展名）。
6、TGA图片格式: TGA的结构比较简单，属于一种图形、图像数据的通用格式，在多媒体领域有着很大影响，在做影视编辑时经常使用,例如3DS MAX输出TGA图片序列导入到AE里面进行后期编辑。
其他还有些网页设计中比较冷门点的格式，如TIF、PCX等格式，一般就用的非常少，这里就不做一一介绍了。合理的运用好格式可以很好的控制好网页布局。

3、网页设计怎么设置同意字体格式样式

一、文字样式设置的基本标签—
设置字体样式的基本标签是，被其包含的文本为样式作用区。在初学者的HTML代码编写中，容易被多重嵌套，如文本。还有一种情况是标签嵌套错位，如文本。为了规范代码的编写，避免不必要的错误，读者在初学时一定要谨慎。
二、设置文字的颜色
color是标签的属性之一，用于设置文字颜色。在D:web目录下创建网页文件，命名为font_color.htm，编写代码如代码4.7所示。
代码4.7 字体颜色的设置：font_color.htm
<html>
<head>
<title>字体颜色的设置</title>
</head>
<body>
浅红色文字：HTML学习的本质就是该是什么就用什么 
深红色文字：HTML学习的本质就是该是什么就用什么 
浅绿色文字：HTML学习的本质就是该是什么就用什么 
深绿色文字：HTML学习的本质就是该是什么就用什么 
浅蓝色文字：HTML学习的本质就是该是什么就用什么 
深蓝色文字：HTML学习的本质就是该是什么就用什么 
浅黄色文字：HTML学习的本质就是该是什么就用什么 
深黄色文字：HTML学习的本质就是该是什么就用什么 
浅青色文字：HTML学习的本质就是该是什么就用什么 
深青色文字：HTML学习的本质就是该是什么就用什么 
浅紫色文字：HTML学习的本质就是该是什么就用什么 
深紫色文字：HTML学习的本质就是该是什么就用什么 
</body>
</html>
不但可以从代码4.7中学到color属性在font标签中的用法，还可以熟悉各种颜色的表示方法。
三、设置文字的尺寸
size也是标签的属性，用于设置文字大小。size的值为1-7，默认为3。我们可以size 属性值之前加上“＋”、“－”字符，来指定相对于字号初始值的增量或减量。在D:web目录下创建网页文件，命名为font_size.htm，编写代码如代码4.8所示。
代码4.8 字体尺寸的设置：font_size.htm
<html>
<head>
<title>字体尺寸的设置</title>
</head>
<body>
size为1：HTML学习 
size为2：HTML学习 
size为3：HTML学习 
size为4：HTML学习 
size为5：HTML学习 
size为6：HTML学习 
size为7：HTML学习 
</body>
</html>
可尝试在size值前面加上“＋”、“－”字符，更灵活地设置文字尺寸。
四、设置文字的字体
face也是标签的属性，用于设置文字字体（字型）。HTML网页中显示的字型从浏览端的系统中调用，所以为了保持字型一致，建议采用宋体，HTML页面也是默认采用宋体。在D:web目录下创建网页文件，命名为font_face.htm，编写代码如代码4.9所示。
代码4.9 字体字型的设置：font_face.htm
<html>
<head>
<title>字体字型的设置</title>
</head>
<body>
字型为宋体：沁园春·长沙-毛泽东 
字型为楷体：沁园春·长沙-毛泽东 
字型为黑体：沁园春·长沙-毛泽东 
字型为隶书：沁园春·长沙-毛泽东
</body>
</html>
五、使文字倾斜
用双标签可使被作用文字倾斜，达到特殊的效果，例如文章的日期。被称为强调标签，也是斜体，目前使用比标签更频繁，其编写方法如下：
这是斜体文字
这也是斜体文字
六、使文字加粗
用双标签可使被作用文字加粗，是文字更加醒目，例如文章的标题部分。被称为特别强调标签，也是文字加粗，目前使用比标签更频繁，其编写方法如下：
这是粗体文字
这也是粗体文字
七、给文字加下划线
用双标签可添加下划线到被作用文字。以下为文字倾斜、加粗和下划线的综合示例。在D:web目录下创建网页文件，命名为font_style.htm，编写代码如代码4.10所示。
代码4.10 文字修饰的设置：font_style.htm
<html>
<head>
<title>字体修饰的设置</title>
</head>
<body>
斜体：沁园春·长沙-毛泽东 
加粗体：沁园春·长沙-毛泽东 
下划线：沁园春·长沙-毛泽东 
斜体加粗体下划线：沁园春·长沙-毛泽东
</body>
</html>
— 注意：在多个标签包含同一块文字时，其包含顺序不能错位。
八、多种标题样式的使用
网页的文章中，为了凸显标题的重要性，标题的样式比较特殊。HTML技术保护了一套针对标题的样式标签，分别为双标签<h1>到<h6>，文字尺寸从大到小代表不同级别的标题。标题标签有一个特点，独占一行、文字加粗、文字居中。这样，在设置标题的时候就很轻松了，并且可设多级标题。在D:web目录下创建网页文件，命名为font_h.htm，编写代码如代码4.11所示。
代码4.11 标题的设置：font_h.htm
<html>
<head>
<title>标题的设置</title>
</head>
<body>
<h1>一号标题</h1>
<h2>二号标题</h2>
<h3>三号标题</h3>
<h4>四号标题</h4>
<h5>五号标题</h5>
<h6>六号标题</h6>
<h1>财富杂志：谷歌为何不会盛极而衰</h1>
　<h3>遭遇潜在问题</h3>
    一些业内人士认为，长期垄断互联网搜索和广告市场谷歌可能会盛极而衰。...与此同时，谷歌近日推出的多项新计划，例如开放手机联盟、社交网站通用平台OpenSocial、以及可能投资数十亿美元竞购无线频段，也遭到了广泛的质疑。
<h3>将继续垄断搜索</h3>
    最近有一些文章称，如果出现更好的搜索引擎，人们会毫不犹豫地放弃谷歌。但是，即使真有更好的搜索引擎出现，谷歌仍然可以在一段时间内屹立不倒。...在这种情况下，网站速度往往会成为决定胜负的关键。
</body>
</html>
九、学会处理网页中的特殊字符
在HTML中，有一些字符有特殊含义，例如“<”和“>”是标签的左括号和右括号，而标签是控制HTML显示的，标签本身只能被浏览器解析，并不能在页面中显示。那么，该怎样在HTML中显示“<”和“>”呢？
特殊符号
HTML代码
特殊符号
HTML代码
<
<
™（商标符号）
™
>
>
®（注册符号）
®
“”（英文半角）
"
×
×
§
§
©（版权符号）
©
在D:web目录下创建网页文件，命名为string.htm，编写string.htm代码如代码4.12所示。
代码4.12 特殊字符的设置：string.htm
<html>
<head>
<title>特殊字符的设置</title>
</head>
<body>

标签的显示方法：<HTML> 
引号的显示方法："英文半角双引号" 
商标的显示方法：™ 
注册符号的显示方法：® 
版权符号的显示方法：© 
显示§ 
显示×

</body>
</html>
— 说明：单独显示符号&必须用代码&。
十、如何更方便地忽略浏览器对部分HTML的解析
如果在网页中作一个类似本书的HTML代码示例，恐怕得把所有的<和>转换成<和>，显得比较麻烦。HTML代码中的<plaintext>和<xmp></xmp>可以轻松解决这个问题。
<plaintext>是单标签，它插入到HTML代码中时，其后面的所有HTML标签全部失效，即浏览器对<plaintext>后面所有的HTML标签不作解析，直接在页面上显示。
<xmp></xmp>是双标签，它只使其包含的内容中的标签失效，<xmp></xmp>的使用更为普遍。在D:web目录下创建网页文件，命名为html.htm，编写代码如代码4.13所示。
代码4.13 忽略标签的设置：html.htm
<html>
<head>
<title>忽略标签的设置</title>
</head>
<body>
<h2>沁园春·长沙</h2>
<xmp>独立寒秋，湘江北去，橘子洲头。 看万山红遍，层林尽染； 漫江碧透，百舸争流。 </xmp>
鹰击长空，鱼翔浅底， 万类霜天竞自由。 怅寥廓，问苍茫大地，谁主沉浮？ 
<plaintext>
携来百侣曾游， 忆往昔峥嵘岁月稠。 恰同学少年，风华正茂； 书生意气，挥斥方遒。 指点江山，激扬文字， 粪土当年万户侯。 曾记否，到中流击水，浪遏飞舟！
</body>
</html>
十一、其他文字修饰方法
为了满足不同领域的需要，HTML还有其他修饰文字的标签。比较常用的有上标格式标签和下标格式标签。某些场合甚至要用到删除效果，即可用HTML的中划线标签。
— 上标格式标签为双标签，多用于数学指数的表示，比如某个数的平方或立方。
— 下标格式标签为双标签，多用于注释，以及数学的底数表示。
— 中划线标签为双标签<strike></strike>，多用于删除效果。
在D:web目录下创建网页文件，命名为other.htm，编写代码如代码4.14所示。
代码4.14 其他修饰标签的设置：other.htm
<html>
<head>
<title>其他修饰标签的设置</title>
</head>
<body>

沁园春长沙！ 
数学指数的表示：23=8、1002=10000 <hr />
沁园春长沙！ 
数学底数的表示：log381=4、log5125=3 <hr />
删除效果：<strike>我被删除了</strike>

</body>
</html>

4、在网页设计中常用哪三种格式并简要说下这三种格式在网页设计中的特点和适用的？

在网页设计中常用哪三种格式并简要说下这三种格式在网页设计中的特点和适用

5、网页设计的网站格式

6、关于网页设计模版

1、经典韩国网站模版下载21款
http://www.sooogl.com/html/2006/11/28/1625-0.htm
IDC类Flash超酷模版,LG韩国公司网站模版,爱的归宿主题模板,超级女生服饰赞选购_韩国模板,超级女性化妆品销售模板,超可爱的韩国网站,超酷Flash动物园模版,超酷Flash设计公司模版,出行酒店预订_韩国模板,春天情侣游玩版_韩国娱乐模板,度假村客房,别墅等服务介绍_韩国网站模板,房地产商务型网站_韩国网页模板
2、经典韩国网页模版下载（2）19款
http://www.sooogl.com/html/2006/11/28/1629-0.htm
公园式的企业交友网站_韩国模板，FLASH旅游景点画廊网站模板，韩国某网娱公司首页模板，音乐唱片公司网页模板，新盈设计个人主页模欧洲某公司网站模板板三，欧洲某公司网站模板，清风型模板二，白色主题模板，美国博士集团公司首页模板，建筑艺术设计_韩国模板，绿色背景孩子主题_韩国商务模板，韩国婚纱摄影类网站模版
3、经典韩国网页模板25款，（3）
http://www.sooogl.com/html/2006/11/29/1635-0.htm
周末娱乐消遣_韩国网页模板,幼儿园网站_韩国模板,儿童假日休闲娱乐_韩国模板,韩国儿童教育类网站模版三,女性健身服饰销售_韩国女性模板,清风型模板一,新盈设计个人主页模板二,新盈设计个人主页模板五,韩国黑色主题门户网站模板,超酷时尚服装
4、经典韩国网页模板17款（4）
http://www.sooogl.com/html/2006/11/30/1641-0.htm
5、经典韩国网页模板49款（5）
http://www.sooogl.com/html/2006/12/02/1658-0.htm
6、经典韩国网站模版49款,经典韩国网页模板49款（6）
http://www.sooogl.com/html/2006/12/02/1659-0.htm

7、网页如何固定设计的格式不变?

呵呵，这是个网页设计中常见的问题。
1、网页结构的变化是因为你布局时使用的是层，而不是表格。表格布局的页面一般比较稳定。把表格的border设置为0的话是看不出来的。
2、字体有些变化是因为你所选用的字体不是常用字体，在其他机器上可能没有。另外，网页设计软件中的字体和word中的字体有时候兼容起来有点差别。
3、一般来说，现在的电脑分辨率都是1024*768，设计时定制大小在这个范围内即可。

个人拙见，仅供参考。

你先建立一个空白网页，然后根据需要创建表格，把表格的bordor设置为1，最后把原来网页中的内容按照位置相对应的原则，复制到表格中可能会好一些。

8、网页设计模版是什么?应该怎么设计？

网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。

创建和设置

1)模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。

2)模板的作用：有利于保持网页风格的一致;提高工作效率。

1.创建模板

1)创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮

模板面板的打开：Window菜单--Templates

2)创建基于文档的模板：File菜单-Save As Template

2.设置模板页面属性

1)用模板创建的文档继承模板的页面属性，页标题除外。

2)设置：Modify菜单-Page Properties

3.定义模板的可编辑区

1)定义模板的可编辑区

在模板文档中选定对象、Modify菜单、Templates、New Editable Region

2)取消可编辑区标记

Modify菜单-Templates-Remove Editable Region

应用和更新

1.应用模板创建文档

1)应用模板创建文档

使用模板创建新文档：File菜单-New From Template

或：File菜单-New-从模板面板中拖一个模板到文档

对现有文档应用模板：Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Select

或：从模板面板中拖一个模板到文档中

或：从模板面板中选定一个模板，单击Apply

2)可编辑区和锁定区

在应用了模板的文档中，只有可编辑区的内容才可以修改。

3)把页面从模板中分离出来

如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。

具体操作：Modify菜单-Templates-Detach From Template

2.修改模板

在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存

3.更新站点中使用模板的所有文件

Modify菜单-Templates-Update Pages

9、网页设计中有哪几种常用的图片格式

1、PDF格式，是Photoshop图像处理软件的专用文件格式，文件扩展名是．psd
2、GIF图片格式，GIF是一种调色板型（palette type）（或者说是索引型）的图片。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。因为这种格式不再存在专利权的问题。
3、 PNG图片格式，PNG的图片又分为 PNG-8 、 PNG-24 两种，其中，PNG-8 与 GIF 类似，支持 256 色调色板，而 PNG-24 只支持 48 位真彩色，凡是 GIF 拥有的优势 PNG-8 都拥有，GIF 所没有的优势 PNG-8 也有，同样的文件，PNG-8 格式比 GIF 要小
4、JPEG图片格式，是目前网络上最流行的图像格式，是可以把文件压缩到最小的格式，在 Photoshop软件中以JPEG格式储存时，提供11级压缩级别，以0—10级表示。其中0级压缩比最高，图像品质最差。即使采用细节几乎无损的10 级质量保存时，压缩比也可达 5：1。
5、BMP图片格式，BMP是英文Bitmap（位图）的简写，它是Windows操作系统中的标准图像文件格式，在Windows环境下运行的所有图象处理软件都支持BMP图象文件格式。
6、TGA图片格式: TGA的结构比较简单，属于一种图形、图像数据的通用格式，在多媒体领域有着很大影响，在做影视编辑时经常使用,例如3DS MAX输出TGA图片序列导入到AE里面进行后期编辑。

导航:首页 > 万维百科 > 网页格式设计

网页格式设计

与网页格式设计相关的知识