静态网页设计实验问题（静态网页实验报告）

本文目录一览：

• 1、静态网页设计制作中的布局模式
• 2、静态网页开发流程
• 3、静态网页设计
• 4、有关网页设计与制作毕业论文范文
• 5、网页设计的注意问题

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

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

静态网页的布局模式主要有：表格布局 层布局 div+css样式表布局 布局表格等 备注：表格布局容易把握，是最简单的一种总局方式，适用于初学者。设计网页的第一步是设计版面布局。所谓布局，就是以最适合浏览的方式将图片、文字以及表单等元素排放在页面的不同位置。

对称对比型 对称对比型采取左右或上下对称的布局，一半深色，一半浅色，一般用于设计型网站。而其优点是视觉冲击力强，缺点是将两部分进行有机结合较难。变化型 即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。

POP布局是一种艺术化、时尚化的网页布局方式。设计通常以一幅精美的海报图片作为版面的主体。[8]闪光灯布局 Flash布局是指以一个或多个FLASH作为页面主体的网页布局。在这种布局中，大部分甚至整个页面都是Flash。网页布局提示 首先要定位网站的主题。

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。

左右框架类型：这是一种左右分别为两页的框架结构，一般布局是：左边是导航链接，最上面有时是一个小的标题或标志，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的；这种类型的布局的特点是结构清晰明了。

静态网页开发流程

确定网页的功能需求和设计要求。 进行页面布局设计，包括页面结构、色彩搭配、字体选择等。 产出设计稿，与客户或团队成员沟通确认设计方向。前端开发准备 选择合适的开发工具，如代码编辑器、浏览器等。 编写HTML代码，构建网页的基本结构。

随便进一个网页。把这段代码打到浏览器中javascript：document.body.contentEditable=true；document.designMode=on；void0。然后，修改想改的内容。输入javascript：document.body.contentEditable=false；void0进行保存。

确定好目标之后，还要决定网站的目标观众。新建站点 规划好站点之后，就可以用专门的网页开发软件创建站点了。收集资源 确定好站点目标和结构之后，接下来要做的就是收集有关网站的资源。布局页面 设计站点结构和收集了足够的资源之后，就可以开始布局页面了。

静态网页设计

1、网页设计一般分为以下三种大类：静态网页设计静态网页是相对于动态网页而言的，其内容是预先设计好的，不会因为用户的操作而改变。静态网页一般用于展示一些固定的信息，如公司简介、产品介绍等。由于静态网页的技术相对简单，所以对于一些初学者或者只需要简单制作网页的人来说，是一个很好的选择。

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

3、静态页面利于网站优化，动态页面侧重互动和用户体验。从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。所以，企业在做网站的时候一定要结合企业的本质和浏览者的一个兴趣来选择了。

有关网页设计与制作毕业论文范文

1、网页设计毕业论文篇一：《Flash软件画在网页设计中的应用》 网页设计毕业论文摘要 摘要：Flash技术运用范围非常广泛，不论是网站、 广告 、动画、游戏，甚至程序设计与多媒体化展示方面都有一定程度的运用。

2、不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中，我学习了Flash、Dreamwave、Fireworks、Html语言、IIS、网站建设的基本思想等重要内容。到现在为止，我还是很庆幸能够学到这么多的内容。整个网站的制作是我一个人完成的。

3、布局和色彩作为网页设计的两个重要因素，对网页的合理性和风格有很大的影响。

4、柳州华力网站主要介绍柳州华力的有关信息，并用PHP+MYSQL架设用户登陆以及客户信息反馈，使客户信息第一时间反馈给企业，拉近企业与客户之间的距离。

网页设计的注意问题

1、网页设计注意事项：网站主题规划需要注意不要让网站主题过于分散。集中的网站主题通常会吸引更多的投入和提供更高质量的信息，这有利于搜索引擎优先返回高质量信息的网站。因此，网站主题的集中化有助于提高网站的排名和用户体验。丰富的网站内容和受欢迎程度是相辅相成的。

2、明确内容：一个网页在设计的时候首先应该考虑网站的内容，包括网站功能和用户需求，整个设计都应该围绕这些方面来进行。不了解网页用户的需求，设计出的网络文档几乎毫无意义，如要设计一个网上电子交易系统，就没有必要罗列一些文学艺术等内容，否则只会引起用户的反感。

3、内容过于堆叠 网页的内容繁多，各种分支信息占据的空间过多，没有突出关键的主题。它有助于在内心组织重要的信息，并引导用户注意在你想让他注意的地方。在传统艺术中，新手们被教导色彩、价值和线性透视三原则和其他艺术指导。

4、精简代码 为了更有利于网站优化，要符合web0标准，尽量使用DIV+CSS设计网页，合理布局标签要尽量减少div层，使用描述标签，精练的描述网页，将网站重点内容与经常更新的内容代码尽量靠近的位置，还要注意页面不要超过125K。

5、注意视觉冲击力 在利用进行网 页设计时可以充分利用头大的单色图正格的民色来形形成如表格力用图像来拼接，这样就 比较经济。大色块构图进行网页设计具有很强的视觉冲击力。因为大色块集中、醒目。

6、网页模块问题 设计师在进行网页设计的过程中，要严格按照板块对相关内容进行匹配，属于哪一类就放在哪个板块中，而且要多围绕行业丰富内容，这样能够凸显页面的主题，但是内容不宜过于广泛，这样就显得页面非常乱，让用户感觉不专业。