静态网页系统设计

1、静态网页与动态网页的工作原理？

1、静态网页的工作原理：

静态网页面通常是超文本标记语言文档存储为文件在文件系统里头，并且可以通过HTTP访问网络服务器。

2、动态网页的工作原理：

动态网页是基本的html语法规范与Java、VB、VC等高级程序设计语言、数据库编程等多种技术的融合，以期实现对网站内容和风格的高效、动态和交互式的管理。

(1)静态网页系统设计扩展资料

静态的特点：

1、网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；

2、静态网页的内容相对稳定，因此容易被搜索引擎检索；

3、静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；

4、减轻了服务器的负担，工作量减少，也就降低了数据库的成本。

5、静态网页的交互性较差，在功能方面有较大的限制。

6、页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面。

2、我要做一个网站，使用dreamweaver做得静态页面，但是不知道后台管理系统如何做，请各位高手指教。多谢！

楼上的...dreamweaver只是一个辅助工具...显示不正常只是你不会做罢了....并且是根本不可能做出一个完善的企业网站以及后台程序

言归正传：静态网页是无法做到有后台程序这一回事，这个需要用到数据库，ASP，PHP，或者.NET甚至是JSP才能实现的

dreamweaver只是一个网站制作的辅助工具...做网站仅凭这辅助工具是不可能做好的....这个你需要学习html，css，asp(php，或者jsp)等等...要学的东西多的是呢

3、博客系统的整套静态html页面

最近正好有这方面的项目. 我这里有一套css+div+xhtml的模板.
发送给你了.
附带了数据关系图. 你可以参考一下.
[email protected]

4、一个精美的静态网页是如何设计实现的

直接到网上下载建站系统来做：pageadmin cms、shopex cms这些都是非常简单的建站，直接下载就可以使用。。

5、静态网页是什么

静态网页也称平面页，静态网页是标准的HTML文件，它的文件扩展名是.htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。

静态网页的特点

1、静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”。

2、静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。

3、静态网页的内容相对稳定，因此容易被搜索引擎检索；

4、静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；

5、静态网页的交互性较差，在功能方面有较大的限制。

6、页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面。

7、减轻了服务器的负担，工作量减少，也就降低了数据库的成本。

(5)静态网页系统设计扩展资料：

与动态的区别

1、网页制作使用的制作语言：

静态网页使用语言：超文本标记语言（标准通用标记语言的一个应用）

动态网页使用语言：超文本标记语言+ASP或超文本标记语言+PHP或超文本标记语言+JSP等。

2、程序是否在服务器端运行，是重要标志。

在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页， ASP、PHP、JSP、ASPnet、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如 html 页、Flash、JavaScript、VBScript等等，它们是永远不变的。

6、网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

(6)静态网页系统设计扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

7、用html和css设计一个静态网站，至少包含4个网页，要有完整的网站导航。主题自选，可以是个人主页等。

你自己看着选吧 很多  很老的一个人事管理系统项目

满意 记得采纳 不然没分！谢谢

8、OA系统中流程管理静态页面如何设计

极品OA能够为单位管理人员、工作人员提供良好的办公手段和环境，使之准确、高效、愉快的工作。 实施OA系统可帮助企业事业单位实现信息资源的共享；增强员工协同工作的能力；强化领导的监控管理；有效管理起有形（设备等）、无形(业务信息、知识)资产，避免流失；实现公文流转、审核、签批等行政事务的自动处理，促进管理电子化、规范化，完美整合了组织内部的信息流。具体来说，实施OA办公自动化系统作用为： 1、 建立内部的通信平台。 建立单位内部的邮件系统，使单位内部的通信和信息交流快捷通畅。 2、 建立信息发布的平台。 在单位内部建立一个有效的信息发布和交流的场所，例如电子公告、电子论坛、电子刊物，使内部的规章制度、新闻简报、技术交流、公告事项等能够在企业内部员工之间得到广泛的传播，使员工能够了解企业的发展动态。 3、 实现工作流程的自动化。 变革了单位传统纸质公文办公模式，企业内外部的收发文、呈批件、文件管理、档案管理、报表传递、会议通知等均采用电子起草、传阅、审批、会签、签发、归档等电子化流转方式，提高办公效率，实现无纸化办公。不用拿着各种文件、申请、单据在各部门跑来跑去，等候审批、签字、盖章，而是利用快速而廉价的网络传递手段，发挥信息共享功能来协调单位内各部门的工作，减少工作中复杂环节。 4、 实现文档管理的自动化。 可使各类文档（包括各种文件、知识、信息）能够按权限进行保存、共享和使用，并有一个方便的查找手段。文档管理自动化使各种文档实现电子化，通过电子文件柜的形式实现文档的保管，按权限进行使用和共享。实现文档管理自动化以后，如企业来了一个新员工，只要管理员给他注册一个身份文件，给他一个口令，他自己进入系统就可以看到这个单位积累下来的东西，规章制度、各种技术文件等等，只要他的身份符合权限可以阅览的范围，他自然而然都能看到，这样就减少了很多培训环节。 5、 辅助办公。 它牵涉的内容比较多，像会议管理、车辆管理、办公用品管理、图书管理等与我们日常事务性的办公工作相结合的各种辅助办公，实现了这些辅助办公的自动化。 6、 实现分布式办公。 变革了传统的集中办公室的办公方式，扩大了办公区域，可在家中、城市各地甚至世界各个角落通过网络连接随时办公，大大方便了员工出差在外的办公与信息交流。 7、 建立信息集成平台。 现代企业中已存在的MIS系统、ERP系统、财务系统等存储着企业一些经营管理业务数据，对企业的经营运作起着关键性作用，但它们都是相对独立的、静态的，智能网络办公系统具备数据接口功能，能把企业原有的业务系统数据集成到工作流系统中，使企业员工能有效获取处理信息，提高企业整体反应速度。 8、 节省企业的办公费用支出。 将传统的纸张填写过程电子化，尤其是长途电话、传真、复印、打印和办公用纸费用，真正实现无纸化办公，是企业实现管理现代化的标志。 9、 搭建知识管理平台。 系统性利用企业积累的信息资源、专家技能，改进企业的创新能力、快速响应能力、提高办公效率和员工的技能素质。 10、增强领导监控能力 强化领导的监控管理，增强管理层对组织的控制力，及时有效监控各部门、各个人员的工作进度情况；实时、全面掌控各部门的工作办理状态，及时发现问题及时解决，从而减少差错、防止低效办公。 OA怎么来帮助管理？现代企业之间竞争越来越激烈，怎么让企业始终站在战略的制高点，在竞争中游刃有余？企业经营者越来越意识到管理的重要性，开始关注各种各样的管理模式。目前企业界的管理方法和理论层出不穷，这个我们很难去分清孰是孰非，因为每种方法都有自己的适应面和优缺点，但是怎么落实这些管理理论，怎么样通过信息化改造来把这种管理思想真实落实到位是很关键的问题。 信息化系统包括ERP、OA、PORTAL、MES说白了都是在落实这些管理观，这里以我们熟悉OA系统为例介绍一下OA在管理中的作用。 现在市场上有很多OA系统，传统的OA，从功能上讲大部分都差不多，无外乎流程类、信息共享类、信息沟通类等等，但是总体上来看很多系统都偏“技术”，说白了就是为了“OA”而“OA”，没有真正想通OA是做什么的，仅仅是为了沟通和无纸化办公？仅仅是为了共享信息和工作流这些技术概念？我们认为OA发展到现在不仅仅是如此，它应该是企业管理思想和管理灵魂的载体。。。 我们认为企业管理内容主要分以下3块 机遇管理 ——创意、想法（需要数据分析做基础），要使企业把握这种机遇，并且去落实它。 基础管理 ——细节管理、流程管理、把机遇转变成具体的工作去执行，变成一种开发的稳定的状态。 投资管理 ——投资分析、决策支持，使企业在投资发展中扩大。 基础管理： 现在我们重点来介绍一下我们企业的基础管理，也就是怎么把公司的具体管理落实到每个终端，真正达到管理目的措施。 1， 管理办公事务规范化，流程化，日程化，避免虎头蛇尾； 2， 协作高效化； 3， 信息共享化； 4， 管理网络化； 5， 执行责任化； 6， 掌控全局化。 上面6条又怎么去通过具体的软件功能去实现？我觉得通过OA整和流程、权限、内容、报表实现广义的绩效监督和考核，实现对子公司，部门统一管理是一条可行之道。 也就是通过公司战略的层层分解、把最终的任务（KPI指标）落实到个人，这是一个从上到下的过程，然后，通过基层的执行，又把执行情况层层统计，个人统计到小部门，小部门统计到大部门，最后汇总到公司，实现一个从下到上的反馈过程。实现一个闭环的控制系统，通过反馈的情况进行KPI指标调节，逐步使公司变成一个按照公司战略稳步运行的机器。 在统计和执行的过程中又通过系统进行监督执行过程，不但对结果进行考核，还要对过程进行监督，实现全程监控的目标。

9、静态网页设计制作中的布局模式

一、静态布局（Static Layout）

即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。

1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。

2、设计方法：

PC：居中布局，所有样式使用绝对宽度/高度(px)，设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；

移动设备：另外建立移动网站，单独设计一个布局，使用不同的域名如wap.或m.。

在移动端开发中采用静态布局的两种方式：

（1）在viewport meta标签上设置width=320，页面的各个元素也采用px作为单位。通过用JS动态修改标签的initial-scale使得页面等比缩放，从而刚好占满整个屏幕。（见前端开发-web app 变革之rem）

（2）设在viewport meta标签上设置content"width=640,user-scalable=no，页面的各个元素也采用px作为单位。由于640px超出了手机宽度，浏览器会自动缩小页面至刚好全屏。

优点：这种布局方式对设计师和CSS编写者来说都是最简单的，亦没有兼容性问题。

缺点：显而易见，即不能根据用户的屏幕尺寸做出不同的表现。

二、流式布局（Liquid Layout）

流式布局（Liquid）的特点（也叫"Fluid") 是页面元素的宽度按照屏幕分辨率进行适配调整，但整体布局不变。代表作栅栏系统（网格系统）。

网页中主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用），例如，设置网页主体的宽度为80%，min-width为960px。图片也作类似处理（width:100%, max-width一般设定为图片本身的尺寸，防止被拉伸而失真）。

1、布局特点：屏幕分辨率变化时，页面里元素的大小会变化而但布局不变。【这就导致如果屏幕太大或者太小都会导致元素无法正常显示】

2、设计方法：使用%百分比定义宽度，高度大都是用px来固定住，可以根据可视区域 (viewport) 和父元素的实时尺寸进行调整，尽可能的适应各种分辨率。往往配合 max-width/min-width 等属性控制尺寸流动范围以免过大或者过小影响阅读。

这种布局方式在Web前端开发的早期历史上，用来应对不同尺寸的PC屏幕（那时屏幕尺寸的差异不会太大），在当今的移动端开发也是常用布局方式，但缺点明显：主要的问题是如果屏幕尺度跨度太大，那么在相对其原始设计而言过小或过大的屏幕上不能正常显示。因为宽度使用%百分比定义，但是高度和文字大小等大都是用px来固定，所以在大屏幕的手机下显示效果会变成有些页面元素宽度被拉的很长，但是高度、文字大小还是和原来一样（即，这些东西无法变得“流式”），显示非常不协调。

三、自适应布局（Adaptive Layout）

自适应布局的特点是分别为不同的屏幕分辨率定义布局，即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围。改变屏幕分辨率可以切换不同的静态局部（页面元素位置发生改变），但在每个静态布局中，页面元素不随窗口大小的调整发生变化。可以把自适应布局看作是静态布局的一个系列。

1、布局特点：屏幕分辨率变化时，页面里面元素的位置会变化而大小不会变化。

2、设计方法：使用 @media 媒体查询给不同尺寸和介质的设备切换不同的样式。在优秀的响应范围设计下可以给适配范围内的设备最好的体验，在同一个设备下实际还是固定的布局。

四、响应式布局（Responsive Layout）

随着CSS3出现了媒体查询技术，又出现了响应式设计的概念。响应式设计的目标是确保一个页面在所有终端上（各种尺寸的PC、手机、手表、冰箱的Web浏览器等等）都能显示出令人满意的效果，对CSS编写者而言，在实现上不拘泥于具体手法，但通常是糅合了流式布局+弹性布局，再搭配媒体查询技术使用。——分别为不同的屏幕分辨率定义布局，同时，在每个布局中，应用流式布局的理念，即页面元素宽度随着窗口调整而自动适配。即：创建多个流体式布局，分别对应一个屏幕分辨率范围。可以把响应式布局看作是流式布局和自适应布局设计理念的融合。

响应式几乎已经成为优秀页面布局的标准。

1、布局特点：每个屏幕分辨率下面会有一个布局样式，即元素位置和大小都会变。

2、设计方法：媒体查询+流式布局。通常使用 @media 媒体查询 和网格系统 (Grid System) 配合相对布局单位进行布局，实际上就是综合响应式、流动等上述技术通过 CSS 给单一网页不同设备返回不同样式的技术统称。