第一步在制作静态网页之前，我们需要对网页进行11的渲染，也称为静态网页渲染制作静态网页效果图可以通过破解中文版PhotoshopCS4来制作第二步PS切片制作好的静态网页效果图通过PS切片，可以把一个大的渲染图切割成几个小图，以后可以直接用在网页上第三步使用HTML5和CSS3进行网页布局网页。

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

1首先，打开Atom编辑器导入项目文件夹，首先创建一个indexhtml文件定义html文件的主要信息，如下图所示2然后填写自己的网页内容，设置样式，添加背景=styletype=quottextcssquot！bodybackgroundimageurlimgtop04jpgbackgroundrepeatnorepeatrepeatrepeatxrepeaty在此设置。

如何制作网页如何制作一个简单的网页 1首先，请确保文件扩展名已经在您的系统中打开方法是打开我的电脑，点击文件夹选项，打开文件夹选项对话框，确定“隐藏已知文件扩展名”前面的勾已经去掉如果没有，请去掉勾号2然后，创建您的第一个网页文件为了便于管理，请创建一个文件夹来存储您的we。

制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材4建立自己的主页，按照之前的定的风格设计布局不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的。

dreamweaver网页制作步骤如下 一定义站点 1在任意一个根目录下创建好一个文件夹我们这里假设为E盘，如取名为MyWeb 备注网站中所用的文件都要用英文名 2打开Dreamweaver，选择“站点新建站点”，打开对话框在站点名称中输入网站的名称可用中文，在本地根文件夹中选择刚才创建的文件夹Eweb。

切记，网站中20%的内容会触发用户80%的操作，这就意味着内容应该被优先考虑，一些界面元素，比如行为召唤和行为召唤按钮，将是引导用户交互的重要部分记住这一点，设计的重点应该放在这20%的内容上，而其余80%的内容是根据需求来调整的这个20%的元素通常是最能吸引用户点击的内容按钮图片和行为。

我的岗位是美术编辑，工作岗位在开发中心，可是我的工作范围并不局限于程序开发中的模版设计等工作，而是涉及到了编辑部的广告设计，广告图片替换，页面策划修改涉及到技术部页面制作，代码调试，样式修改，后期维护等不同工作可以说凡是需要突出我们网络部及网站整体形象的地方，就需要美编参与工作 设计工作是痛苦与快乐的。

web网页设计怎么添加图片1 添加图片后，选择quot 背景quot 图片quot quot 背景色，选择背景色2 选择图片后，选择图片背景色和图像大小quot ，设置图片的颜色为黑色3 选择图片的文本效果，点击确定4 添加一个图层样式，设置为叠加的样式，效果如图所示5 选择所有的图层，点击对象菜单的图层属性命令。

DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能 2Fireworks第一款彻底为Web制作者们设计的软件Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图生成鼠标动态感应。

因为受到网路频宽的限制，网页设计中的图像处理也不同於平面设计，为了加快下载速度，在保持图像质量的前提下我们要尽可能的缩小其档案大小，而不像平面设计那样为了追求图像的质量而不管其文件大小作为一名合格的网页设计师，在处理网路图形时，应做到在保持图像清晰的前提下，尽可能缩小图片的档案大小网页的。

这里以移动端响应式网站为例，讲述如何制作响应式网页#xF4CF选定基本设计尺寸选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局以及rem等可以使用一套设计图，以最常用的移动设备屏幕分辨率为基准#xF3A8。

操作完成后，出现2条垂直的蓝色参考线，参考线中间区域为1000px设置参考线主要考虑到页面设计的主内容的大小，效果如下6经典设计布局分配一般包括头部，导航，焦点图，主要内容，底部5部分7设计准备3设计图层的规范 基于经典设计，在图层面板里添加5个文件夹，分别命名是头部，导航，焦点图。

什么是web网站设计 web就是我们说的万维网的意思 就是指互联网 web网页设计，就是特指电脑端看到的那些网站的页面设计除了电脑端，我们还有一个很大的地方是移动端，就是指手机端 注意，只是设计哟不包括把网站用代码写出来，用代码制作网站的技术是另一个学科 叫做web前端开发你看，都叫web什么什么网页设。

图一新建网页对话框 使用模板可以不用总是从空白网页开始编辑，这样就省力很多加入文字 FrontPage中对于文字与图像的处理与word很相似，用过word的人对于FrontPage中这部分的操作很容易上手的不过，毕竟是网页制作软件，在Web的基础上，又增加了很实用的功能，也能做出复杂而且高级的网页文字与图像。