网页设计制作矩形，网页设计制作矩形图片

(分)电脑绘画,电脑动画,电子报刊,网页设计,怎么弄?

1、画一矩形，比页面略小，无填充色，彩色实线。画一细长矩形，横向，无线条色，填充色为白色，长度与页面宽度一致，位置在页面中间偏上；再复制一个细长矩形，向下移动靠近第一个举行下边。

2、电脑绘画应该就是PS绘画了。用Photoshop画的。还有Painter也是一款画画软件。。电脑动画有flash，MAYA。3Dmax动画。maya和3D都是需要建模的。其他的就不知道了。

3、3要根据电子报刊的内容，设计规划版面，并画出报刊的大致轮廓。？动手制作：巧妙运用文本框、艺术字、图片运行word程序，并根据设计的版面进行页面设置：纸型、方向、页边距。设置好以后我们可以利用绘图工具栏的功能制作或浓墨重彩或清静淡雅风格的电子报刊。

Axure制作一个简单的后台管理网页

第一步，打开Axure RP 0，绘制页面的基本框架。 第二步，从元件库中选择“矩形”元件，拖动到画布上，并调整其样式，包括大小、颜色填充和边框。 第三步，设计左侧的导航框架。创建一个较小的矩形，并设置特有的样式。 第四步，向矩形中添加文字。

在Axure中使用动态面板设计管理后台树形导航菜单的步骤如下：基础元素设置：创建一个矩形框，内嵌导航图标和箭头，并为其设置鼠标悬停样式。将上述矩形框及其内嵌元素组合成一个新的动态面板，命名为“收起”。复制“收起”动态面板并重命名为“展开”，旋转箭头图标。

首先，创建一个矩形框，内嵌导航图标和箭头。为矩形框设置鼠标悬停样式，然后将它们组合成一个新的动态面板，命名为“收起”。复制“收起”动态面板并重命名为“展开”。旋转箭头图标，并在面板内添加多个“二级菜单”矩形框，每个矩形框都设置好悬停和选中的样式，并将其转变为选项组，命名为“菜单”。

怎么做网页的边框,(用FW和PS)

1、首先，打开FW或PS，新建一个图层。接着，利用矩形选框工具绘制出你想要边框的范围。然后，设置前景色。如果你希望边框为红色，使用快捷键alt+delete填充红色。接着，在菜单中选择“修改”-“收缩”，输入你希望边框宽度的数值。这样，边框就会出现在你设定的范围内。

2、新建一个图层 用矩形选筐工具给你个边框的范围 2 在给一个前景色。

3、给表格添加框线首先用鼠标选择需要加边框的区域，然后点击鼠标左键，点击所有边框旁边的倒三角图标，选择要加的边框形式即可。具体操作步骤如下：框选表格打开excel，选择需要添加边框的区域框选表格。点击倒三角形图标单击鼠标左键，点击所有边框旁边的倒三角形图标。

4、首先打开fw切片工具，然后将需要切割的网页主页导入工具中。接着使用工具中的选框或者手动调整选区的大小和位置，对需要切割的部分进行框选。在确定好选区后，点击工具栏中的切片按钮，工具会自动将选区进行切割，并生成对应的图片、CSS和html代码。

5、首先要了解框架集的概念。框架集是构造整个框架结构的文档，它不包含具体显示的文本和图像，而只包含如何组织安排各个框架位置、大小和初始页面信息的设计。它是框架使用中最基础的文档，常称之为整个框架显示时的主文档。框架集的基本格式如下：注意到，框架组文档中，用标记符代替了标记符。

6、首先，要对原图进行放大操作，精确到像素级。这样能够确保切片的准确性。在切片过程中，只保留图片和文字元素，其他非必要内容可以舍弃。将切好的图片导出时，建议在文件菜单下选择导出为web格式。这样能够确保图片和文字元素以正确的格式保存，方便后续的使用。

css如何设置圆角矩形css设置圆角矩形区域

在CSS中，要实现圆角矩形，可以通过设置border-radius属性来达成这一效果。

首先，需要定义一个CSS类，例如 `.rounded-corners`，并在HTML中应用此类。使用`border-radius`属性来设置圆角的大小。例如：.rounded-corners { border-radius： 10px；border： 1px solid #000；padding： 10px；} 此代码将创建一个具有10像素圆角的矩形，边框宽度为1像素，颜色为黑色。

如果你希望创建一个四角均为圆角的矩形，只需使用CSS的`border-radius`属性。该属性允许你指定矩形四个角的圆角程度。例如，你可以设置`border-radius： 10px；`来给你的矩形设置一个10像素的圆角半径。这行代码足够简单，几乎适用于所有现代浏览器，包括IE9及以上版本。

我们新建一个html网页文件，把他命名为test.html，接下来我们用test.html文件来讲解css如何设置圆角边框。在test.html文件内，要使用p标签创建一行文字，并且把文字内容写上“css如何设置圆角边框”。给p标签加上一个样式，设置p标签的class属性为mybkkd。

首先看CSS部分：div#nifty{margin：0；background：#9BD1FA} 这段代码定义了一个ID为nifty的div元素，设置了边距为0，背景色为#9BD1FA，这是一种亮蓝色。接着是内容部分：div#nifty里面嵌套了几个div，每个div都设置了不同的样式，以便生成圆角效果。

创建圆角样式。创建圆角的样式class类，在div标签中引用class类。如图：查看效果。保存html文件后，使用浏览器打开即可看到效果。

如何用ps简单制作一个web网页

用PS简单制作一个web网页的步骤如下： 新建文件 打开PS软件，新建一个文件，尺寸为1920*3000像素，分辨率选择72像素/英寸，颜色模式选择白色作为背景。 设置网格 安装并使用guideguide插件，设置左右边距为360像素，行数为12行，余边为20像素。这有助于规范页面布局。

在Photoshop中制作网页的关键步骤包括尺寸与分辨率设置、文字规范、图片处理、栅格系统应用以及切图。尺寸与分辨率 选择适合的网页尺寸，如1366x761920x1080等，以适应不同屏幕尺寸。设置分辨率为72ppi，颜色模式为RGB，以适应网页显示需求。

使用PS的切片工具，将设计好的网页效果图进行切片。每个需要链接的部分都应该单独切片。使用切片选择工具选择单个切片，并为其添加链接。保存为Web所用格式：选择“文件”“存储为Web所用格式”。在弹出的对话框中，选择jpg8格式，并保存切片后的图片。

用 Photoshop 制作网页需要以下步骤：确定网页的布局和设计：首先需要确定网页的布局和设计，包括页面的宽度、高度、颜色、字体、图像等。创建新文件：在 Photoshop 中创建一个新文件，根据网页的布局和设计设置文件的大小和分辨率。

首先是在Photoshop中制作网页的框架。网页中的元素有很多，像banner条、文本框、文字、版权、logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。

大屏网页设计-如何设计自适应屏幕大小的网页ResponsiveWebDesign...

1、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。在背景图层的上方新建一新图层，并命名为“背景颜色”。

2、年，Ethan Marcotte提出了”自适应网页设计”（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。

3、自从2010年，Ethan Marcotte提出了 “自适应网页设计”（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个 范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。

4、自适应网页设计的核心，就是CSS3引入的MediaQuery模块。它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。 上面的代码意思是，如果屏幕宽度小于400像素（max-device-width： 400px），就加载tinyScreen.css文件。 如果屏幕宽度在400像素到600像素之间，则加载smallScreen.css文件。

5、年，Ethan Marcotte提出了“自适应网页设计”（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。 他制作了一个范例，里面是六个主人公的头像。 如果屏幕宽度大于1300像素，则6张图片并排在一行。如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。

6、响应式网页设计的概念 响应式网页设计（Responsive Web Design， RWD）是近年来流行的网页设计方法。