静态网页设计知乎（静态网页设计与制作教程）
本文目录一览：
网页设计的注意事项
下面是我整理网页设计时应该考虑哪些问题，希望能给初建网站的用户带来一定的作用。
优化内容网站的内容才是最核心的地方，企业网站就像广告书一样。在进行网页设计制作过程中要做到内容多样话、图文并茂、简洁新颖，使用户能够在最快的时间内就找到自己想要的信息。
色彩搭配 网页要有一个主打色，比如很多官方的新闻网站会以红色为主色调，医药网站会以绿色为主色调等。所以首先要根据网站的内容来选择一个主色调，其次再选择搭配的颜色。
确定网页主题在进行网页设计之前，应该提前明确网页的主题，只有主题明确的网页才能够有着更清晰的设计思路。
网页设计注意事项：网站主题规划 注意不要让你的网站主题过于分散。因为网站主题越集中，一般情况下网站所有者在这方面投入的精力会更多，因此所提供信息的质量也会越高。
静态网页设计
1、常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。
2、在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。
3、*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
静态网页设计制作中的布局模式
1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。
2、静态布局 在传统的网页设计中，网页上所有元素的大小都是px。布局特征 无论浏览器的确切大小如何，页面的布局始终与第一次编写代码时相同。
3、T型布局是指页面顶部为横条网站标志和广告条，下方左半部分为主菜单，右半部分为显示内容的布局。因为菜单背景饺探，整体效果类似英文字母T，所以称之为T型布局，这是网页设计中使用最广泛的一种布局方式。
4、对比布局 顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。
建立的网站动态页面和静态页面,那个更合适做优化?
1、对于伪静态的优点，这个并不好讲，伪相比动态网页而言，并没有提到速度上面的提升，相比较而言，因为是“假”静态页面，其实还是一个动态页面，也是同样需要翻译为静态页面的。
2、第一，动态网页基于数据库，所以设计的工作量将会降低。
3、SEO优化工作 静态比伪静太好；伪静态比动态好；动态也会被收录。能做静态或伪静态就做，做不了就留着动态，只要网址短都很容易收录，总的相对来说静态的网址当然更好。
怎么做一个静态网站
1、第一步：在制作静态网页之前，我们需要对网页进行1：1的渲染，也称为静态网页渲染。制作静态网页效果图可以通过破解中文版PhotoshopCS4来制作。第二步：PS切片制作好的静态网页效果图。
2、打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。
3、电子商务网站建设如何做，需要哪些步骤呢？下面简单说一下以下四步。电子商务网站建设第一步，网站的规划与设计 电子商务网站算是一个比较复杂的系统，电商网站建设前就要想好需要有的功能。
4、整理规划。网站建设的开始就应该有一个整体的战略目标，即确定站点的目标。首先要有一个总的目标，这个网站到底是要做什么。
5、确定网站的目标和需求 在开始制作网站之前，首先需要明确网站的目标和需求。
6、静态网页制作步骤：第一步：制作一个静态网页之前，我们需要先制作一个网页1：1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。第二步：将制作好的静态网页效果图进行PS切片。
