静态网页课程设计排版（静态网页设计课程设计报告）
本文目录一览：
自己制作网站有哪些布局排版方面的讲究
网页布局主要针对的是页面的内容布局排版。在进行静态网页设计排版时应做到不要太疏太密或用过大的字，在页面的顶部放置最为重要内容，这样是符合人们的浏览习惯。页面布局要做到简明、满足用户浏览需求，实现不错的客户体验。
内文每行不宜过长。（人们习惯阅读的文字为每行40字）内文排列必须有条理有规律，不能过于凌乱（不便阅读）。内文宜使用白底黑字，细线体字。（有助阅读）深底反白的内文极难阅读。
“国”字型布局是在“同”字型布局基础上演化而来的，在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告，是一些大型网站所喜欢的类型。
如果是做手机网站那么则推荐css3进行布局，响应式布局是css3新出现的技术，现在，很多新版本的浏览器都是支持的。经过实践这种方式虽然没有第一种方式好，也是值得考虑的做手机网站的方式。
静态网页设计制作中的布局模式
布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。
POP布局是一种艺术化、时尚化的网页布局方式。设计通常以一幅精美的海报图片作为版面的主体。[8]闪光灯布局 Flash布局是指以一个或多个FLASH作为页面主体的网页布局。在这种布局中，大部分甚至整个页面都是Flash。
响应式布局：自适应布局的升级版，响应式网站要普遍适应市面上各类屏幕，开发难度和工作量都是非常大的，开发价格自然比普通网站高。
对比布局 顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。
静态布局 在传统的网页设计中，网页上所有元素的大小都是px。布局特征 无论浏览器的确切大小如何，页面的布局始终与第一次编写代码时相同。
．T型布局 T型布局是指页面顶部为横条网站标志和广告条，下方左半部分为主菜单，右半部分为显示内容的布局。因为菜单背景饺探，整体效果类似英文字母T，所以称之为T型布局，这是网页设计中使用最广泛的一种布局方式。
静态网页的网页制作须知
第一步：在制作静态网页之前，我们需要对网页进行1：1的渲染，也称为静态网页渲染。制作静态网页效果图可以通过破解中文版PhotoshopCS4来制作。第二步：PS切片制作好的静态网页效果图。
每页排版不要太疏或用太大的字，尽量避免看你的网页时需要作很大的卷动，要知道在一页的上部分是显眼而宝贵的地方，不要只放着几个粗大的字或图片。 最好不要用宽 1024px （像素）以上的分辨率设计网页。
网页静态化的问题要提交完成，由于一般情况下在制作网站中，静态化的页面能与搜索引擎建立友好关系，然而这并不意味着动态化的网页就不能使用了。
第一步：制作一个静态网页之前，我们需要先制作一个网页1：1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。第二步：将制作好的静态网页效果图进行PS切片。
新建一个txt文本文档，先不要急着修改文件后缀名，有基础的朋友手动输入HTML代码，不会也没有关系，百度搜索“网页HTML代码”。
