设计静态网页的知识（静态网站的设计与实现）
本文目录一览：
- 1、静态网页是什么
- 2、静态网页制作步骤
- 3、简要叙述静态网站制作的主要步骤?
- 4、网页制作基础知识
- 5、网页设计需要学习哪些技术
- 6、静态网页设计制作中的布局模式
静态网页是什么
静态网页也称平面页，静态网页是标准的HTML文件，它的文件扩展名是.htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。
静态网页面通常是超文本标记语言文档存储为文件在文件系统里头，并且可以通过HTTP访问网络服务器。
静态网页是指网页内容和代码都是固定不变的，不会随着用户的交互和时间的变化而发生变化的网页。这意味着静态网页的内容和格式在网页被创建后就已经固定下来，不会随着用户的访问或时间的推移而改变。
静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。
HTML编写语言静态网页是HTML编写语言和数据库。标准的HTML文件静态网页是标准的HTML文件，它的文件扩展名是.htm、.html。
静态网页制作步骤
1、在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。
2、第一建立站点，第二建立主页（一般名明为index），接着就是调整属性，建立连接，建立分页了。
3、制作静态网页模板 待到美工提供所有开发原型和素材后，前端就可以出静态网页模板了，并加入页面效果，这一步才把原型真正搬上浏览器。
简要叙述静态网站制作的主要步骤?
第一步：制作一个静态网页之前，我们需要先制作一个网页1：1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。第二步：将制作好的静态网页效果图进行PS切片。
打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。
第一建立站点，第二建立主页（一般名明为index），接着就是调整属性，建立连接，建立分页了。
在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。
制作静态网页模板 待到美工提供所有开发原型和素材后，前端就可以出静态网页模板了，并加入页面效果，这一步才把原型真正搬上浏览器。
最后，才是网站开发：开发包括设计和开发，各个页面的视觉设计，网站后台结构设计等等，还有包括网站测试，然后才是最终上线。
网页制作基础知识
1、Frontpage采用了典型的Word界面设计，凡是会使用Word的朋友都能比较容易掌握和使用这一款网站建设软件。技能升级软件——Dreamweaver Dreamweaver是目前网页设计师用得最多的网站建设软件之一，它需要一定的html知识作为基础。
2、静态网页和动态网页按网页的表现形式，可将网页分为静态网页和动态网页。站点管理Dreamweaver中的“文件”面板，又叫站点管理。超链接超链接是网页中的灵魂，正是由于它的作用，才把一个个独立的网页链接在了一起。
3、要制作网页就需要架设服务器来调试你做出来的网页，有iis等很多种，可以在网上搜索得到。
4、网页制作的基本步骤。挑选网页主题。做网页构造整体规划。充足搜集原材料。一般来讲，会搜集文字、照片、动漫等原材料，还会继续历经书本、报刊、杂志期刊等方法，寻找一些需要的原材料。简易网页制作刚开始。
5、html、javascript代码：是所有建设网站的基础，这个学习起来并不难，懂得其中的代码是什么意思就可以了。2：DREAMWEAVER：主要用于制作页面，代码，并用它来修改、制作模板。
6、更多网页设计信息，请咨询【达内教育学习网页制作需要哪些基础？基础：最重要的是代码、设计、php，javascript等等这些内容要学会做网站其实也是有技巧的。
网页设计需要学习哪些技术
要对网页设计常用软件很精通，一般常用的网页设计软件包括Photoshop，firework，flash，dreamweaver，当然了，还要精通HTML标记代码，他可是所有设计的根本。还有一些网页特效的使用，所以，您还需要学习有关CSS，JSP的有关知识。
网页设计需要学习通过Dreamweaver、Fireworks、Photoshop、CorelDraw、Illustrator等软件工具来进行网站的页面设计及美观优化，包括各类专题模板、宣传广告、标语图片设计，及交互体验的提升等。
因此前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在新的高级版本HTMLCSS3，以及SVG等。
静态网页设计制作中的布局模式
布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。
网站建设中网页设计布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型这九种。
静态布局 在传统的网页设计中，网页上所有元素的大小都是px。布局特征 无论浏览器的确切大小如何，页面的布局始终与第一次编写代码时相同。
．T型布局 T型布局是指页面顶部为横条网站标志和广告条，下方左半部分为主菜单，右半部分为显示内容的布局。因为菜单背景饺探，整体效果类似英文字母T，所以称之为T型布局，这是网页设计中使用最广泛的一种布局方式。
