网页界面设计静态（静态网页设计与制作教程）
本文目录一览：
设计简单的静态的网页设计,尺寸是多大
pc端网版页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在权1200px内就行，比较规范。移动端网页的设计尺寸可以考虑680px和720px。
当前最流行的分辨率是1920*1080的，在该分辨率下，页面中心区域为1200px以内都可以。
其实也没有硬性规定，但是为了兼容大多数浏览器一般是设置960px，随着现在浏览器分辨率的变化，已开始向着1000px，1200px宽度发展，例如淘宝（1000px）京东商城（1200px）。
静态网页是什么
静态网页也称平面页，静态网页是标准的HTML文件，它的文件扩展名是.htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。
静态网页面通常是超文本标记语言文档存储为文件在文件系统里头，并且可以通过HTTP访问网络服务器。
静态网页是指网页内容和代码都是固定不变的，不会随着用户的交互和时间的变化而发生变化的网页。这意味着静态网页的内容和格式在网页被创建后就已经固定下来，不会随着用户的访问或时间的推移而改变。
制作一个静态版的网页,不需要自己编程?
打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。
找到一个合适的模版网站 对模版网站存在的所有页面进行分析 根据分析的模版网站页面类型，对逐个页面进行仿制 仿制模版网址需要用到图片下载工具，下载模版网址的所有图片、CSS文件和代码源文件保存。
静态网页制作步骤：第一步：制作一个静态网页之前，我们需要先制作一个网页1：1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。第二步：将制作好的静态网页效果图进行PS切片。
不用懂设计、不用会编程，1分钟上手制作，平台针对不同的应用场景和内容展现形式，提供海量的模板、丰富的控件、灵活的动画特效。用户可以简单快速的通过图片替换、内容编辑，就可以创建属于自己的、炫酷的云场景应用。
新建一个txt文本文档，先不要急着修改文件后缀名，有基础的朋友手动输入HTML代码，不会也没有关系，百度搜索“网页HTML代码”。
第一阶段：注册工具平台账号。企业网页可以 没有相关工具的帮助是做不出来的。而使用自助建站系统，可以避免下载网站制作工具，直接在线制作企业网站。所以第一阶段，企业可以在网上找到相关的自助建站系统，注册平台账号。
静态网页制作步骤
1、第一建立站点，第二建立主页（一般名明为index），接着就是调整属性，建立连接，建立分页了。
2、在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。
3、制作静态网页模板 待到美工提供所有开发原型和素材后，前端就可以出静态网页模板了，并加入页面效果，这一步才把原型真正搬上浏览器。
4、电子商务网站建设第二步，站点的建设 电子商务网站规划设计以后，就开始进入网站的建设阶段，这一阶段主要有域名注册，网站配置，网页制作和网站测试的四个部分。
5、一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等； 另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。
6、经过上面的几个步骤之后，一切准备工作都已经就绪，现在可以像装箱一样把收集到的资料及制作的组件放到页面布局中为它们指定的位置上了。发布站点 站点的发布 网站发布就是把网站上传到因特网上，以提供浏览者浏览。
简要叙述静态网站制作的主要步骤?
第一步：制作一个静态网页之前，我们需要先制作一个网页1：1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。第二步：将制作好的静态网页效果图进行PS切片。
打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。
第一建立站点，第二建立主页（一般名明为index），接着就是调整属性，建立连接，建立分页了。
在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。
制作静态网页模板 待到美工提供所有开发原型和素材后，前端就可以出静态网页模板了，并加入页面效果，这一步才把原型真正搬上浏览器。
静态页面制作的实现方式与优点
相比较于动态页面，静态网页的特点在页面的减负方面，提升网页的访问运行速度方面以及安全稳定方面都有优势。
总之，静态化页面不仅可以提升访问速度，同时也有利于提升用户体验。在后台体现访问脱离数据库，减轻了数据库的访问压力。
静态网站的优点：不易被攻击。没有独立数据库、减少了网站数据负荷，浏览加快了网页调取速度。搜素引擎较喜欢静态页面，利于网站收录。静态页面利于网站优化，动态页面侧重互动和用户体验。
安全安稳 由于动态页面含有许多参数，给了别人待机而动，能够经过URL的参数来判断渗透到网站的后台以及数据库的地址，静态页面则不需要担心这一点。另外动态页面收到数据库的使用，一旦数据库出现问题，就会面临数据丢失的风险。
动态网站选用静动结合的原则，适用动态页面的地方用动态，如果必要使用静态页面，则可以思考用静态网页的方法来实现，变得伪静态网页，如此一来发挥出两者的实际意义。
