网页设计动态静态图片（网页的动态效果怎么制作）
本文目录一览：
网站的静态页面与动态页面有什么区别
静态网页一般指没有加载后端数据，不能与后端交互的页面。动态网页则是可以与服务器交互，页面展示的是后端可以维护的数据。两者的主要区别，其实就是看有没有后端参与。
静态网页和动态网页最大的区别，就是网页是固定内容还是可在线更新内容。
动态页面的内容一般都是依靠服务器端的程序来生成的，不同人、不同时候访问页面，显示的内容都可能不同。
静态网站制作技术原理是是指服务器上有某个文件，直接在浏览器输入这个文件的路径就打开，其中没有任何中间环节，区别于动态网页，不需要通过数据库查询，整个过程简单，一条网址就要上传一个页面文件，相对来说比较安全。
静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。
动态页面是可以随时改变内容的，有前后台之分，管理员可以在后台随时更新网站的内容，前台页面的内容也会随之更新，比较简单易学，动态页面主要使用脚本语言，比如php、asp、asp.net等。
静态网页制作步骤
第一建立站点，第二建立主页（一般名明为index），接着就是调整属性，建立连接，建立分页了。
在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。
制作静态网页模板 待到美工提供所有开发原型和素材后，前端就可以出静态网页模板了，并加入页面效果，这一步才把原型真正搬上浏览器。
电子商务网站建设第二步，站点的建设 电子商务网站规划设计以后，就开始进入网站的建设阶段，这一阶段主要有域名注册，网站配置，网页制作和网站测试的四个部分。
一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等； 另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。
网页设计里常用的图片格式有哪些?
1、用于网页图像制作的格式是：BMP、PNG、JPG、GIF、DOG。BMP BMP格式的图像，最常见的是网站注册页面或登录页面中的验证码，其实它一般就是网站程序自动生成的bmp格式小图片。
2、PDF格式，是Photoshop图像处理软件的专用文件格式，文件扩展名是．psd，也是Photoshop中新建图像的默认格式。
3、图片文件格式常见的有JPEG、TIFF、GIF、FPX、RAW、TGA、BMP、PNG。文件最小的格式JPEG格式。 JPEG图像格式 ：扩展名是JPG，其全称为Joint Photograhic Experts Group。
4、常见的图形图像文件格式有以下几种：BMP格式 位图（外语简称：BMP、外语全称：BitMaP）BMP是一种与硬件设备无关的图像文件格式，使用非常广。
5、PCX：ZSOFT公司在开发图像处理软件Paintbrush时开发的一种格式，存储格式从1位到24位。它是经过压缩的格式，占用磁盘空间较少，并具有压缩及全彩色的优点。
6、常用的图像文件格式主要如下： BMP格式 BMP是英文Bitmap（位图）的简写，它是Windows操作系统中的标准图像文件格式，能够被多种Windows应用程序所支持。
网页设计的步骤和注意事项
1、进行用户调研，确定网页的内容（主体）：确定下网站的名称什么，也就是确定我们要做的究竟是一个什么样的网站；确定好名称主题，用户要表现的什么样的主要内容，即用户的意图，用户想要从那个侧面来表现他的主题。
2、确定网页主题在进行网页设计之前，应该提前明确网页的主题，只有主题明确的网页才能够有着更清晰的设计思路。
3、遵循五大设计原则，设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统连贯、分割、对比及和谐。网页的优化，在网页设计中，网页的优化是较为重要的一个环节。
4、步骤：申请域名。申请空间。定位网站。分析网站功能和需求（网站策划）。网站风格设计。网站代码制作。测试网站。FTP上传网站。完善资料。网站推广维护。
5、在网页设计过程中，向下拖动页面是惟一给网页增加更多内容（尺寸）的方法。要提醒家。除非能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。
怎样制作简单的静态的网页设计,尺寸是多大
在1024×768分辨率下，页面宽度应在1003px以内，如果仅一屏显示的页面，高度在612px～615px之间，这样横向和纵向滚动条都不会出现。在photoshop中做800×600分辨率下仅一屏的网页时，尺寸可以设为740×560左右。
如果需要兼容不同浏览器尺寸，现在比较流行的做法是做成响应式的，即根据不同分辨率显示不同的尺寸，工作量也就随之增加了。貌似国内的大网站也没有使用。
如果是比较复杂的页面，我们只需要第一屏撑满全屏，可以使用此方法。单独定义html和body的样式。【html，body{width：100%；height：100%；}】。
