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

1新建HTML文档，在body标签中添加span标签，这时字体的默认背景颜色为白色2在head标签中添加style标签，定义一个“bg”类，为这个类设置“background”属性，属性值为背景色3为span标签添加“class”属性，属性值为之前定义的“bg”类，这时网页的字体背景色就被添加上去了网页设计背景图片怎么。

1先在网页文件选择文件，如果网页中包含了文件，可以选择，然后在图中点击菜单中的插入，打开一个窗口，将这个窗口导入到文件中再用鼠标右键选择菜单中的插入在文件选项的选择要做的内容，在菜单选项的插入图片中，选中一个图片，然后点击菜单中的插入，打开一张图片，选择其中的图片，并将它移至窗口中。

创建元素之间的分离效果，并不一定要通过线框来表现，只要增加留白，让它们分隔开就行了通过留白和间距来实现元素分组是UI设计中的常用手法05 不要让小图标无端地放大 当你在设计着陆页的时候，可能会突出产品的功能，这个时候你需要一些大图标来作为视觉锚点，这个时候你可能会去 Font Awesome 或。

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

1打开Word文档，点击工具栏的“插入”选择“形状”中的矩形图形如上图所示2在页面拖动鼠标，画出一个合适的矩形图案如上图所示3然后选中矩形图案，右击选择复制点击如上图所示4然后粘贴图案，排版成为一行2个，一共2行的格式，组成4个相同的图形如上图所示5接着选择一个。

常见的网页布局结构FLASH布局FLASH布局是指网页页面以一个或多个Flash作为页面主体的学习前端第一步划分网页结构，网页的结构的划分应该遵循哪些原则，如何去划分网页的结构呢？ 对于一个前端初学者，第一步就是要学会如何划分一个网页的结构当设计师给到你一张设计图，你需要根据这张图做出一个符合标准的页面。

网页的设计有几种方法 第一靠前无边框设计无边框设计在近几年比较流行，在设计页面的时候，将页面中的风格线边框删掉，用间距来代替的一种设计方法无边框设计一般是以大图为主，图片本来就是一种分割元素而内容基本是有规律的，留白间距之间的内容一定要相对一致重复紧密，这样用户在浏览的。

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

小编这里用Photoshop CC和Dreamweaver CS6来做演示首先我们打开ps软件请点击输入图片描述 2 然后打开网页设计图，一般都是psd格式的，小编这里以简单的JPG格式代替了请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具，就是那个小刀子形状的请点击输入图片描述 之后在图片上切出想要做网页。