网页设计静态案例教程（静态网页设计图）
本文目录一览：
静态网页制作
1、在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为：，也就是以.htm、.html、.shtml、.xml等为后后缀的。
2、Jekyll Jekyll是最受欢迎的开源静态生成工具之一，可以跨平台配置。Jekyll利用 Markdown 、 Liquid 、HTML 和 CSS 来生成静态的网页文件，它还支持从常见的 CMS。你能管理永久链接、类别、页面、文章，自定义布局等。
3、打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。
4、在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。
5、静态网页可以算是网页制作的起步，小编也是从静态网页起步的，静态网页制作不难，只需了解html和css就可以编写出静态网页了 首页设计好要写一个怎样的静态网页画面，然后到网上收集图片素材或者其他资源。
6、MicrosoftFrontPage，是一款轻量级静态网页制作软件，特别适合新手开发静态网站的需要，目前该应用很少用于制作网页。
静态网页设计制作中的布局模式
布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。
网站建设中网页设计布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型这九种。
静态布局 在传统的网页设计中，网页上所有元素的大小都是px。布局特征 无论浏览器的确切大小如何，页面的布局始终与第一次编写代码时相同。
．T型布局 T型布局是指页面顶部为横条网站标志和广告条，下方左半部分为主菜单，右半部分为显示内容的布局。因为菜单背景饺探，整体效果类似英文字母T，所以称之为T型布局，这是网页设计中使用最广泛的一种布局方式。
第二，拐角型网页布局：这个与国字型布局非常相似，不过在形势上存在一定察觉，应用起来效果也比较好。第三，标题正文型网页布局：这是在北京网站开发中最为简便的布局类型之一。
静态网页制作的具体过程
1、网页静态化的问题要提交完成，由于一般情况下在制作网站中，静态化的页面能与搜索引擎建立友好关系，然而这并不意味着动态化的网页就不能使用了。
2、对于刚开始学习网页开发的童鞋们来说，掌握了比较简单的HTML语言基础后，会迫不及待地想着手制作自己的第一个网页，然而DW等软件的安装却不尽人意。
3、静态网页可以算是网页制作的起步，小编也是从静态网页起步的，静态网页制作不难，只需了解html和css就可以编写出静态网页了 首页设计好要写一个怎样的静态网页画面，然后到网上收集图片素材或者其他资源。
制作一个静态版的网页,不需要自己编程?
1、打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。
2、找到一个合适的模版网站 对模版网站存在的所有页面进行分析 根据分析的模版网站页面类型，对逐个页面进行仿制 仿制模版网址需要用到图片下载工具，下载模版网址的所有图片、CSS文件和代码源文件保存。
3、静态网页制作步骤：第一步：制作一个静态网页之前，我们需要先制作一个网页1：1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。第二步：将制作好的静态网页效果图进行PS切片。
4、不用懂设计、不用会编程，1分钟上手制作，平台针对不同的应用场景和内容展现形式，提供海量的模板、丰富的控件、灵活的动画特效。用户可以简单快速的通过图片替换、内容编辑，就可以创建属于自己的、炫酷的云场景应用。
5、新建一个txt文本文档，先不要急着修改文件后缀名，有基础的朋友手动输入HTML代码，不会也没有关系，百度搜索“网页HTML代码”。
