1200px网页怎么设计（网页制作宽高）

本文目录一览：

• 1、PC端网页设计基本规范有哪些
• 2、如何在在ps制作网页如何用ps制作一个网页
• 3、如何用ps设计网页ps网页设计
• 4、如何设计有效的网页布局?
• 5、如何进行网页设计简单网页设计

PC端网页设计基本规范有哪些

文字规范 我们现在都知道了网站上面的文字是通过前端工程师重新写在代码里的。那这种文字在浏览器上的渲染与系统和浏览器有关。图片规范 网站设计中的图片常用4（宽）：3（高）、16（宽）：9（高）、1：1等比例。

后台产品设计规范 以下数值为参考，请结合特定产品灵活运用。 页面布局 统一尺寸 据统计，目前 PC 端用户屏幕分辨率占比排名前三的是 1920*1080、1366*761440*900，以 1440 来设计的话，向上适配或者向下适配误差会比较小。

页面尺寸规范 PC端页面的尺寸宽度1920px，高度尺寸按照页面所需信息来定即可，显示尺寸1920×1080px；手机端页面的尺寸宽度750px，高度尺寸按照页面所需信息来定即可。

如何在在ps制作网页如何用ps制作一个网页

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

2、打开新版PS文件后，会出面一个主页屏幕，会把之前用打开过的文件显示出来。在菜单栏上点击“编辑首选项”常规”（Ctrl+K）打开首选项。

3、首先我们打开ps任意版本进入 建立图层10*10像素大小的图片，这个大小决定网格的大小，10像素不够就20依次递增或递减，自己测试自己需要的大小。

4、最终的页脚 如何用PS制作网页模版 设计一个尺寸后，就直接设计内容就可以，注意不要合并任何图层，文字可以拿一些常用的字代替。都做完后，保存成PSD和JPEG两种格式。

5、photoshop网页美工期末总结与体会文章 篇一 在这一年美工总结自己接触和学习设计的一点经验心得。 网站的配色 网站的布局 做美工设计的不单要对色彩要有好的感觉外，对布局也要有很好的把握，组合的好坏直接影响作品的效果。

6、下面是使用 Photoshop 制作电影网站的基本步骤：设计页面布局：首先，你需要设计你网站的页面布局。你可以在 Photoshop 中创建一个新的文档，并使用网格或参考线来帮助你创建一个平衡的页面布局。

如何用ps设计网页ps网页设计

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

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

画布创建完成后，我们在1200px左右两边拉一条辅助线固定。03然后打开画布大小，取消“相对”，宽度调整为1920px。04设置好之后，在红色区域，也就是1200px区域编辑设计就行了，看你个人网页设计能力。

首先我们打开ps任意版本进入 建立图层10*10像素大小的图片，这个大小决定网格的大小，10像素不够就20依次递增或递减，自己测试自己需要的大小。

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

如何设计有效的网页布局?

平面设计—页面切割—布局—细节控制 1平面设计是一个网页的精髓所在，读者直接面对的界面，在本站以后的文章中会涉及此方面内容。

左右框架型：这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。

有三种基本布局：静态布局、丢失布局和灵活布局。 静态布局 静态布局使用像素（px）作为页面设计的单位。在不同的显示宽度下，页面元素大小都是固定的。 流式布局 流式布局将页面宽度设置为百分比。当显示区域改变时，页面布局将按比例改变。

界面设计侧重于界面功能的布局，用户体验设计则侧重于更大的局面，也就是整个体验，界面设计只是其中的一个子集。 了解客户的需求 最重要的是，我们需要定位用户——内外都需要。

通过层叠样式表来布局 CSS（层叠样式表）被提出来，它能完全精确的定位文本和图片。CSS对于初学者来说显得有点复杂，但它的确是一个好的布局方法。

如何进行网页设计简单网页设计

1、做网页，首先要对自己的网页有一个整体的规划。建一个什么样的网站，网站主色调用什么颜色，版面设计用什么样的方式等等。都需要一个好的计划。做任何事情都不能盲目，漫无目的，这样只会浪费时间和精力。

2、返回到标准视图，在已经划分好的表格里，再插入嵌套的小的表格，把页面再细化，就可以完成整个页面的设计了。 注意把整个页面都放在一个大的布局表格中，因为这样的网页浏览速度会很慢。

3、首先输入如图代码，这些代码都是成对出现的，有头有尾，html/html是描述网页的超文本语言，head/head是头部，可以输入标题title/title，body/body键输入的文本是可见的内容。

4、如何制作网页如何制作一个简单的网页 1。首先，请确保文件扩展名已经在您的系统中打开。方法是：打开我的电脑，点击文件夹选项，打开文件夹选项对话框，确定“隐藏已知文件扩展名”前面的勾已经去掉。如果没有，请去掉勾号。