网页界面设计手法_网页设计制作详细流程

1、UI要做网页界面设计把，应该怎么去学习网页界面设计呢，有什么快速的好方法吗

什么事情都要有过过程，不可能一频登天，

UI要做成网页的话最简单方法是，PS CC这类的版本好像支持直接生成HTML（静态）网页；

学习DIV +CSS 这个是最基本的HTML代码，上手很快的，学习完这个可以创建HTML网页

HTML5是这些年新出来的HTML升级版，直接支持动画与游戏类的开发

网页的尺寸：每个人使用的电脑显示尺寸都不一样的，所以才要考虑到用户体验的问题，常用的尺寸为1000px左右（也就是为了1024px尺也就是14寸显示器）

2、网页设计中怎么让一张图片填充满整个画面？

1、如果楼主只是将其当做一张图片显示，可以通过css控制，如img{width:100%;height:100%;}.
否则需要将其作为网页背景的话可以试试如下方法：
2、如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。
这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再将网页内容放置到第二层上<div id="content">页面内容</content>
3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复，但又得占满浏览器所采用的方法。

3、设计一个网页方法

熟悉HTML/CSS/JS等网页基本元素，完成阶段可自行制作完整的网页，对元素属性达到熟悉程度。
用Dreamweaver自己先找个简洁点的网站模仿着做，如果不会Dreamweaver那么就先买本Dreamweaver的书看看吧。很简单的就学会了，然后了解CSS。会了CSS就可以做静态页面了，你可以找个简洁点的公司网站，模仿着做。静态页面做熟练了，就会有需求学动态脚本语言了，PHP,ASP等动态语言。

4、短文档的页面布局通常采用什么方法规划页面

方法/步骤
打开一个新的word文档

点击”页面布局“下的”页边距“

点击”自定义页边距“

页边距

纸张设计

板式布局

文档网格设计

分栏设计

5、dw设计网页时,布局常用什么方法来布局呢???

1、严格意义来说dw并不能用来设计网页，设计网页都是在平面设计工具里完成的，比如在ps里面设计好网站的效果图，在ps里面切图。

2、dw只是个网站代码编写工具，使用dw编写代码会比较方面，因为有很多的快捷功能。但是对于高手来说，是用记事本都可以编辑网站的。

3、dw的编辑面板主要有三种视图，分为 “代码”“拆分”“设计”，如下图

在制作网站的时候，能够用到的主要是“代码”视图功能。“设计”和“拆分”视图很少用到，只有当网站代码出现问题的的时候用来查找错误，对于有一年多代码编写经验的人来说，就已经用不到了。

4、在dw中编写制作网站的代码主要是div+css，也是就是html。网站布局也是通过html代码来实现的，比如maigin 与padding position 都是来控制div的布局和位置的。

所以，在dw里面设计网页布局网站并不是dw的功能，还是通过代码实现的。

6、网页页面的整体设计方法？急啊~！

我用div布局跟你说吧：
一般我们设置整个网页的宽度是960px或980px ,当然也有800px的。以960px为例跟你说吧，
在网站最上方，首先设置一个banner(横幅)，把它宽度设为960px，高度大概200px吧；它下面设置为menu(导航条)，宽960px,高度大概40px；接下来是我们网页的main(正文区域),我们可以把左边设为300px，可以放广告、文章列表，右边设为600px，是文章区，中间设为60px，作为两板块的空隙。
最后就是bottom（网页底部）了，我们可以放置一些友情链接、备案号，网站站长联系方式。

可以到我的网站去看一下 http://zhanghuaipeng.3.bname.biz/ 我是用源码作的，本人学网络工程的，网站建设不是主科目，只学了十多次课，平时也没时间打理网站，希望对你有帮助。

7、PS中普通设计页面的默认设置方法是？

方法1：快捷键完成来恢复
1、启动PS时马上自按下SHIFT+ALT+CTRL+Z。
2、在弹出的“是否删除PS配置文件？”选择“是”即可恢复出厂设置。
方法2：打开有选择的恢复
1、打开Photoshop。
2、窗口－>工作区->基本功能，便可恢复到刚安装时的设置。

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

分析如下：

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

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

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

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

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

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

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

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

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

(8)网页界面设计手法扩展资料：

网页设计

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

风格

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

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

色彩搭配

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

网页配色小技巧：

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

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

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

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

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

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

9、网页版式设计中可以同时运用多种表现手法吗

网页版式的基本类型主要有骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。

1、骨骼型
网页版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用，既理性、条理，又活泼而富有弹性。

2、满版型

3.分割型
把整个页面分成上下或左右两部分，分别安排图片和文案。两个部分形成对比：有图片的部分感性而具活力，文案部分则理性而平静。可以调整图片和文案所占的面积，来调节对比的强弱。例如：如果图片所占比例过大，文案使用的字体过于纤细，字距、行距、段落的安排又很疏落，则造成视觉心理的不平衡，显得生硬。倘若通过文字或图片将分割线虚化处理，就会产生自然和谐的效果。

4.中轴型
沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直排列的页面给人以舒畅的感觉。

5.曲线型
图片、文字在页面上作曲线的分割或编排构成，产生韵律与节奏。

图1：综合运用多种分栏形式。
图2：四边出血，向外扩张，适合年轻人的口味。
图3：分割线上的压置的图片既打破了页面分割的生硬感，也使自身得到强调。左边框上的小标签乃点睛之笔。
图4：不易觉察的中轴型版式，给人以轻快之感。
图5：网站的导航标题沿图形弧线排列。

6.倾斜型
页面主题形象或多幅图片、文字作倾斜编排，形成不稳定感或强烈的动感，引人注目。

7.对称型
对称的页面给人稳定、严谨、庄重、理性的感受。
对称分为绝对对称和相对对称。一般采用相对对称的手法，以避免呆板。左右对称的页面版式比较常见。
四角型也是对称型的一种，是在页面四角安排相应的视觉元素。四个角是页面的边界点，重要性不可低估。在四个角安排的任何内容都能产生安定感。控制好页面的四个角，也就控制了页面的空间。越是凌乱的页面，越要注意对四个角的控制。

8.焦点型
焦点型的网页版式通过对视线的诱导，使页面具有强烈的视觉效果。焦点型分三种情况

（1）中心　以对比强烈的图片或文字置于页面的视觉中心。
（2）向心　视觉元素引导浏览者视线向页面中心聚拢，就形成了一个向心的版式。向心版式是集中的、稳定的，是一种传统的手法。
（3）离心　视觉元素引导浏览者视线向外辐射，则形成一个离心的网页版式。离心版式是外向的、活泼的，更具现代感，运用时应注意避免凌乱。

9.三角型
网页各视觉元素呈三角形排列。正三角形（金字塔型）最具稳定性，倒三角形则产生动感。侧三角形构成一种均衡版式，既安定又有动感。

导航:首页 > 万维百科 > 网页界面设计手法

网页界面设计手法

与网页界面设计手法相关的知识