1、网页设计的一点排版问题
用CSS 的绝对定位就可以解决啊。
2、网页制作设计排版的问题
网站设计排版规则
网站知识库
首先,探讨一下网站首页的排版。很多网站为提高网站信息的全面性,把所有的内容都罗列到网站的首页中,殊不知不但无法达到想要的效果,还会使访问客户感到烦躁。所以,网站首页的排版很重要,总结以下几点:1、明确网站的主要服务对象
如果是推广产品的网站,首页可以安排一些推荐产品,以图片和文字的形式进行展示,
但不要放太多,以大类形式展示即可。2、服务特色说明
如果是服务型网站,可以对服务种类进行划分并概括,既简单又清晰。3、公司新闻或行业动态
网站首页的内容主要是给浏览者看的,了解公司,及时掌握行业动态,提升企业形象。4、网站设计粗略的联系方式
首页放置联系方式提供有需求的人方便。其次,网站的排版主要涉及到文字方面,注意问题概括如下:
1、对国内浏览者来说,每段首行必须空两格。
2、粗体仅仅在真正重要的少数文字上使用,保证粗体的突出效果。
3、尽量避免使用带下划线的文字,这样的文字很容易被误导成链接。
4、需要突出的地方可变换颜色,但颜色一定要与背景颜色是反色调,不然会影响浏览效果。
5、使用真正的省略号,而不是几个句号来表示;使用真正的引号;恰当地使用破折号。
6、大的段落间要空出一至二行,这样显得主次分明;段落间除非有意思的大转折,否则不要有空行;段内换行应为软回车,另起一段应为硬回车。
7、标题的字体应与正文的字体有所区别,标题字和正文字如为同一字体,标题的字号应大于正文。
8、对于所有大写字母,使用稍小的字体;对于大写字母文字,或部分字母为大写同时尺寸稍小的文字,增大其字符间距离。
9、在合适的地方尽量使用经典数字字体;在其不能用的时候,对数字采用稍小的字号。
10、版权或商标声明的字体一般用较小的。
11、勾选框的尺寸稍微用小一点。
12、在文本中使用行间空白字符提高可读性。
3、网页设计排版的问题
浏览器BUG,看不到你写的代码,没法跟你说。
IE8是比较标准的浏览器。
4、网页设计排版问题
<div width="图片的宽1+文字宽+图片2的宽">【图片1】float="left" 【文字】float="left" 【图片】float="right" </div>
这样就行了吧!你试一下。
5、网页设计图片排版问题
用DIV吧,不容易变形,可以把这三张图片分成两部分,第一部分是第一个DIV,只放第一张图片,第二部分是第二个DIV,放2、3图片,在第二个DIV里面还有再分,分为上下两个DIV,把2图片放在上面一个DIV,3图片放在下面一个DIV里面。外面两个大的DIV要用浮动。
6、网页排版一般都要注意什么问题?
网站的颜色不要过多,最好使用3种颜色最好。
网站设计中少用点FLASH动画、js程序、视频、图片文件,这样会导致网站速度过慢,影响用户的体验度。
网站的布局要清晰明了不要过于复杂,简单大方的设计可以使用户第一时间找打他想要的东西。
网站首页设计时需要放上一些文章更新的版块,这样保持每天更新后,可以提高网站的排名
选择合适的布局
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型
1.“国”字型:也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多是最多的一种结构类型。
2.拐角型:这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。
3.标题正文型:这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。
4.左右框架型:这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结构非常清晰,一目了然。
5.上下框架型:与上面类似,区别仅仅在于是一种上下分为两页的框架。
6.综合框架型:上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。
7.封面型:这种类型基本上是出现在一些网站的首页,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。
8. Flash型:其实这与封面型结构是类似的,只是这种类型采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。
9.变化型:即上面几种类型的结合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。
网页的排版布局要能够达到一种协调的状态下才能真正的成功的网页设计,所以,不能单独考虑网页的内容的排版,内容和形式即具体的网页的排版布局要能够达到一种协调的状态下才能真正的成功的网页设计,所以,不能单独考虑网页的内容的排版,以为只要能够把具体内容清晰流畅的放到网站上就行了,造成整个页面的形式感很差,这样严重影响使用者的心情
7、网页设计问题,关于DIV排版
<style type="text/css">
<!--
p{
margin:0px;
padding:0px;
}
-->
</style></head>
<body>
<div style=" border:1px solid #000; width:850px;">
<p style="width:850px; height:80px; border-bottom:1px #000 solid;"></p>
<p style=" border-bottom:1px #000 solid; text-align:center;">剧中对齐</p>
<div>
<p style="width:150px; height:500px; text-align:left; float:left; border-right:1px solid #000;">左侧</p>
<p style=" width:550px; border-right:1px #000 solid; height:500px; float:left;">左对齐</p>
<p style="float:left;">左对齐</p>
<div style="clear:both;"></div>
</div>
</div>
</body>
源代码给你 有什么不懂的 在来问我
8、网页设计排版问题
在一个单元格里就可以实现,你需要设置图片的对齐格式就可以了。