当前位置:首页 » 网站资讯 » 网站如何排版
扩展阅读

网站如何排版

发布时间: 2022-01-13 22:27:25

❶ 关于网站排版

建议你看看 《网站重构:应用Web标准进行设计》
【作者】(美)塞尔达曼 着,傅捷,王宗义,祝军 译

【出版社】电子工业出版社

【ISBN】7-5053-9836-9

【出版日期】05 1 2004 12:00AM

【开本】787*1092 1/16
还有上www.chinaui.com,里面有些教程,理论,好多高手的~~~~

❷ 网站的首页排版怎么好看

人们每看到一个东西,都试图用横直来分析,斜、歪是人们所不愿意见到的,但适当运用这个要靠个人的感觉。面,指的是二度空间里的形。面又分为几何形和任意形,我个人比较喜欢任意形,因为它往更具人情味。几何形使人有一些机械感,但是,每一个图形里都会要用到几何形,请看它们各代表什么

(1)圆形:运动及和谐美

(2)矩形:单纯而明确,稳定

(3)平行四边形:有向一方运动的感觉。

(4)梯形:最稳定,令人联想到山。

(5)正方形:稳定的扩张。

(6)正三角形:平稳的扩张。

(7)倒三角形:不安定,动态及扩张、幻想。

我们在日常生活中所看到的东西,都是由于形与形、图与底的相互关系。图形之间,图底之间,正由于对比产生差异而被我们所感知所接受。图与底的视差越大,图形越清晰,对视觉的冲击力越大。那么,平面上有那么多的东西,我怎么才能够确定它是否是最主要的呢?请看:易于成为"视觉中心"的条件:

(1)居于画面中心。

(2)垂直或水平的比倾斜更易成为中心。

(3)被包围。

(4)相对于其它图形较大的。

(5)色感要素强烈。

(6)熟悉的图案,如果这件东西我们很熟,则一定会以它为焦点。

可以把自己认为最主要的东西做大一点,突出一点,色彩鲜艳一点,其它的东西小而且色调不要那么鲜明,以免抢了主题的"风头"。注意:图与底之间的关系是很重要的。如果我们确定了背景,再确定主题,在做页面时不注意而将图与底的关系设置为1:1,那么,我们也许发现,底与图的力场争夺非常激烈,即有时底被我们认为是图。它们之间的关系只是相对,而非绝对。一般来说,底要大于图,而图要鲜于底。

一副图,我们怎样才认为它是美的呢?这涉及到形、声、色的有机结合,打动视知觉,使观者产生美的共鸣。一般来说,有如下几点:(1)稳定性:我们的视知觉总是试图找一个平衡点,若找不到则产生混乱。(2)对称性:相应的部位等量,易产于统一的秩序感,但比较单调,可采用增加局部动势的方法,以取得鲜明、生动的效果。(3)非对称平衡:可以平衡为基础,调整尺寸形态结构。或者以形态各异的形,经视觉判断,放置在确定的位置,以得到预想的平衡。这个和个人的审美有关系。

事实上,通过上述的一些方法,我们主要是为了创造秩序,使相互的东西能够在没有互相干扰的系统中起作用。混乱与秩序之间的对照唤起了我们的视知觉,我们于是通过平衡、比例、节奏、协调,在迷乱中建立秩序,形成我们自己的风格。形成自己作品的独特气质。而如果注意自己作品的律动性,即旋律性,可通过重要一个基调实现,对于整个页面应该有画龙点晴之效。但要清楚的认识到,并非所有的节奏都产生律动性,有时候,听到一些音乐时觉得它是垃圾,原理是一样的。

❸ 网页排版 应该怎么写

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<style type="text/css">
*{margin: 0;padding: 0;}

.header{width: 80%;height: 75px;background-color: #eec;text-align: center;line-height: 75px;margin: auto;}
.home{width: 80%;height: auto;margin: auto;position: relative;}
.home .left{background: #dde;width: 15%;float: left;position: fixed;}
ul{width: 100%;text-align: center;}
ul li{list-style: none;padding: 20px 0px;}
.home .right{float: left;padding: 10px;height: auto;position: absolute;left: 20%;}
</style>
<body>
<div class="header"><h1>主题</h1></div>
<div class="home">
<div class="left">
<ul>
<h3>类别1</h3>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul>
<ul>
<h3>类别2</h3>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul>
<ul>
<h3>类别3</h3>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul>
</div>
<div class="right">
<p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p><p>内容</p>
</div>
</div>
</body>
</html>
望采纳

❹ 网站怎么排版

制作网站可从这几方面走:
1.首先必须有域名,就跟门牌号码一样的。现在购买域名一般都是购买国外的英文域名了,国内的英文
域名已经不卖给个人了。
2.必须有空间,就像你生存的空间一样。这里有免费试用的试用地址
http://www.nicenic.com/design/?s=lily
3.有了域名和空间,您就可以开始建设自己的网站了。注意有了域名以后先抓紧备案,一般需要20天左
右。
4.自己会做网站,免费下载模板和修改源码就可以建站了。网站制作好了以后上传到您的服务器就可以
了。可以推荐你用耐思尼克免费赠送的建站宝盒来做网站里面的模板是可以直接安装的
http://www.nicenic.com/design/?s=lily
5.下一步就是管理和宣传了,流量大了您的网站就成功了。

❺ 怎么在网站后台进行图文排版

网站后台的编辑器应该会有个小图片状的按钮 点一下然后把图片上传上去,至于图文混排么,网站后台的编辑器可能没你想向的那么智能话,因为大多的新闻你都能看出来 图片和文字都是上下排的。这种排法可以在后台编辑器里的居中按钮来实现,按钮状和WORD里的一样。

❻ 个人网站模板如何排版

都有相对应的规则。 一、字体替换方法 在过去,设计师必须使用用户电脑,甚至带文本图片上有的字体,这样字体才会正确显示。随着科学技术的不断发展,HTML5很快克服了这些问题。另外还有许多很棒的字体替换工具,这些工具搜集了很多字体,用户不用安装专门的字体,字体照样正确显示。 二、间距问题 一般很少遇到网站排版中出现层级结构的问题,但相当多的网站排版却存在间距排列的问题。网站中所有元素的间距都必须按照一定的条理进行排列,因此你在处理间距必须遵循这些条理。你可能需要去了解以下的专用术语。 三、行距大小 LeadingSize 、字偶间距 Kerning 和字间距 Tracking 。行距大小就是一种增加或减少文本行之间产生的空格的方法。字偶间距是调节字符间空格,以便使其达到更愉悦的视觉效果的过程。使用字间距同样能达到字偶距调整的效果,两者之间的唯一差别在于空格的产生,字间距就是在每个字符间产生等量的空格,而字偶间距是调整的基于字符对所产生的空格。 四、层次结构 你可能已经很熟悉网站设计的层次结构,你可能也明白排版中也少不了它。层级的结构会给你一个阅读显示文本的起点。这点非常重要,因为这会帮助你准确传递信息,同时保证读者准确理解。 五、字体配对 字体配对是把两种或更多字体通过排列组合达到最佳效果的过程。这听起来有意思,但对于初学者而言,却并非易事。选择一种或多种的漂亮字体就够了,但是,你只是想完美配对两种字体,从理论上说,难度更大。字体配对可降低使用单一字体时可能所产生的单调感。你可以就此进行实践,为网站中所有的大标题使用一种字体,在一些简单段落里使用另一种字体,看看最终效果是否很单调。 六、颜色和调色板 排版中的颜色不是仅仅指单一的文本颜色,通常是指网站用到的所有颜色。网站用到的图片和颜色相当于文本的“背景”,因此使用颜色的时候要谨慎。网站的元素要和排版颜色协调,不要让文本显得模糊不清。也可以尝试较大尺寸的排版 又称为宏观排版,以便达到更好的效果。简单来说,宏观排版就是使用更大的文本来吸引用户。其长度通常不能超过1到4个单词,所以保持文字的简洁性和正确性就显得格外很重要。在关键的信息下,但是这并不是那么重要,因为这并不是你的网站的焦点,但大尺寸文字却是。 七、字体大小/粗细对比 如果是个人网站模板把字体弄得难以辨认,这是犯了大忌。你也知道字体配对对于精美排版的重要性,而并不是用一些统一的文本。即使你找到了很棒的字体搭配,还是不要忘记为字体设置合适的大小和粗细。字体的粗细和大小设置不当基本上就毁掉了之前的搭配,因为这会让你已经使用的不同字体难以辨认。

❼ 关于网站的排版!!

www.mycodes.net
http://down.chinaz.com

❽ 网站怎样排版

打开网络手机网,GOOGLE手机网,新浪手机网,网易手机网。

你很快就知道怎么排才好了!加油!

❾ 网站排版

呵呵!这个其实很简单,做个你说的声情并茂”的精美网页根本不需要了解什么asp、php,我给你推荐款入门的网页制作软件,不需要很专业的网页都能做!Frontpage2003!微软的! 等你做到很熟练了还可以去试试专业的Dreamweaver!

❿ 如何网站排版工具

用dw就可以喽。