网页设计中如何分区域（网页设计怎么分块）

本文目录一览：

• 1、参考线如何使用
• 2、用ps怎么网页设计怎么用ps做网页设计
• 3、静态网页设计制作中的布局模式
• 4、框架的网页设计
• 5、网页设计中如何定义模板的可编辑区域

参考线如何使用

按住鼠标左键不放拖动标尺到页面，释放鼠标即可创建参考线。在参考线上单击鼠标右键，然后选择“移动参考线”命令。

我们可以根据自己的需要添加垂直或水平参考线。我们按住鼠标不动，拖动参考线，这样就可以移动参考线的位置。以这里的设置为例，参考线移动的间距是0.2的倍数，大家可以根据自己的需要进行设置。

打开ai的软件，执行菜单栏中的文件—新建，或者直接按快捷键Ctrl+N，新建一个画布。给画布建立参考线。执行菜单栏中的视图—标尺—显示标尺，或者直接按快捷键Ctrl+U，如下图所示。

①启动PowerPoint2010，我们先调出参考线，单击菜单栏--“开始”--“排列”--“对齐”--“网格设置”选项。②弹出网格线和参考线对话框，勾选“屏幕上显示绘图参考线”选项，单击确定。

ps怎么调参考线？演示使用的软件为图像处理软件photoshop，软件版本为AdobephotoshopCC2017。；首先打开photoshop图像处理软件，并在软件中加载用于演示参考线设置操作的图片。

用ps怎么网页设计怎么用ps做网页设计

首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。

打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择“1024x768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作。

首先打开需要编辑的ps，点击左侧“路径选择工具”选项。然后在该页面中鼠标左键选择要移动图案的整条路径。之后在该页面中鼠标左键按住椭圆边框并移动鼠标即可移动路径。最后点击选中ps网页版，点击确定移动即可。

很多朋友不知道用ps制作网页的规范。下面介绍一下。01打开电脑中的Photoshop界面。首先，我们创建一个画布，宽度为1200，任意高度，分辨率为72。02画布创建完成后，我们在1200px左右两边拉一条辅助线固定。

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

布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。

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

所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式。

对比布局 顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。

．T型布局 T型布局是指页面顶部为横条网站标志和广告条，下方左半部分为主菜单，右半部分为显示内容的布局。因为菜单背景饺探，整体效果类似英文字母T，所以称之为T型布局，这是网页设计中使用最广泛的一种布局方式。

静态布局 在传统的网页设计中，网页上所有元素的大小都是px。布局特征 无论浏览器的确切大小如何，页面的布局始终与第一次编写代码时相同。

框架的网页设计

1、框架是网页中经常使用的页面设计方式，框架的作用就是把网页在一个浏览器窗口下分割成几个不同的区域，实现在一个浏览器窗口中显示多个HTML页面。

2、第一步：新建网页 首先我们打开软件，选择菜单栏下“修改”——“框架集”——“拆分为左右框架”。进行三个网页的保存。整个框架网页。选中框架最中间的竖线，当我们看到代码栏中有“”代表我们选取成功。

3、网站色彩的布局 网站给客户的第一印象就是网站整体色调的样式，能够帮助我们为客户留下好印象，从而为后面的转化做好铺垫。

4、在开始菜单打开dreamweaver，打开之后，见到的第一页默认应该是下图所示的这样，我们选择html，就进入网页的编辑窗口了。如何进入框架的编辑呢，如果你的工作区不是“经典”，那就切换过来，在右上角的位置。

5、第一步：新建网页首先；打开软件，选择菜单栏下“修改”——“框架集”——“拆分为左右框架”。进行三个网页的保存。第二步：制作左边的框架网页首先插入表格并设置基本属性：选择主菜单下的“插入”——“表格”。

网页设计中如何定义模板的可编辑区域

1、用模板创建的文档继承模板的页面属性，页标题除外。

2、打开网站模板后，可以对模板中的文字内容、图片素材等内容进行自定义修改，在复制模板的基础上，可以适当地调整会修改模块内容，让搭建的网站有专属的风格。

3、先把网页保存为模板，再在模板中选择你要编辑的区域，点击反键。选择可编辑区域选项。然后再为这个区域添加更改。然后再打开文件菜单，选择另存为选项，再把模板保存为html的格式就可以了。你按这个步骤试试看。

4、接着在需要编辑的部分插入“可编辑区域”，操作如图所示。保存后，我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。

5、在表格第一行中任意输入几个字，设置为居中；将光标放在表格的第二行，点击“插入”，模板对象，可编辑的可选区域。创建一个可以编辑的区域；弹出了对话框，把这个可编辑的区域命名为redit。