怎么进行网页设计,从切图到网页生成
切成整张大图，需要做链接的地方，画上不规则热区就好了！这种比较简单些。
在Photoshop中打开设计稿，确保整个页面布局清晰可见。使用切片工具将大面积的色块单独切成一块，注意保持切片在水平线上的整齐，以便于后期网页布局的统一。完成切片后，检查切片布局是否合理，确保没有遗漏或重叠的部分。接下来，在Photoshop中选择“文件”-“保存为web...”来输出切片。
网页设计切图制作网页，很多的时候，首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片，不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材，这个过程就是切图。（当然是用剪切、选择工具也可以，但是用切片工具处理更精确。
所以在切图的时候，把原图放大300%以上再切。将整个大图切割后，选择所有一系列切片，然后使用软件中的图像优化工具，即菜单栏中的“窗口”下拉菜单“优化”命令，对所有小切片进行优化，即可解决上述问题。然后使用文件菜单下的“导出”命令生成HTML网页和图片。
网页设计详细操作步骤
不要先决定网页的外观，然后强迫自己甚至是强迫别人去适应它。应该从网站的浏览者、网站要传达的信息以及网站的发展目标考虑，设计出一个最适合的网页架构。不要每页都采用不同的背景图片，以免每次转页都要花时间去下载。采用相同的背景色及近似的按钮都能增加网页一致性，树立统一的风格。
首先，下载并安装Dreamweaver，然后打开软件，创建一个新的网页，通常选择“HTML”来建立网页。选择“经典”界面，以便更方便地使用该软件。 在软件界面的下方，选择“代码”、“拆分”和“设计”这三个视图，通常默认使用设计视图，这对新手来说具有可视化效果，可以更好地制作网页。
首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。下面我们来制作网站站点，在电脑上建一个文件作为根目录。
要使用Photoshop制作活泼手绘风格的网页设计稿，可以按照以下步骤进行： 创建画布与背景设计 创建画布：打开Photoshop，使用“文件”“新建”或快捷键CTRL+N创建一个新的项目，画布大小设置为1000×900像素。
★要想学做网页，首先得了解设计网页的工具。设计网页主要有以下一些工具 Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。
确定需求和目标首先，你得知道这个网站要用来干嘛，是想卖东西、展示作品，还是提供信息？就像做菜前得知道要做成啥口味，对吧？规划网站结构接下来，得想想网站里都要放哪些内容，怎么分类。就像准备食材一样，得把需要的都准备好，然后分类放好。
web网页设计中怎么做页面背景图片
1、找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。替换网页中的元素即可。
2、在Dreamweaver中，为网页设置背景图片有多种方法，具体取决于设计需求和个人偏好。一种简单直接的方式是在HTML代码的标签内插入背景图片。例如：。这种方式直接且直观，但可能难以灵活地调整样式。另一种方法是利用CSS样式表，通过为标签指定背景图片，实现更灵活的背景控制。
3、首先打开Dreamweaver，新建一个网页，然后点击布局中的框架按钮，选择所需的框架类型。这样会自动创建两个页面，分别命名为左侧和右侧页面。点击中间的线，选中整个页面，然后点击文件\保存框架页，进行命名。接着，分别选中左右两个页面并保存，操作步骤相同。
4、如何将网页上的一个图片设置为桌面背景？IE8：右击图片--设置为背景；或图片另存为（保存到电脑上）--再选中图片设置成桌面背景 网页或电脑里的图片如何设为桌面背景图？恢复原来的背景步骤有如下几个：在桌面上右击，选择“个性化”。在弹出的窗口中，选择“桌面背景”。
5、在电脑上打开浏览器，找到需要设置为背景的网页。截图保存下来之后，在电脑上找到刚刚保存的网页图片，并右键打开菜单。在跳出的菜单界面中，找到设置为桌面背景，并点击即可。
6、在网页设计中，将图片设置为背景是一种常见的做法。你可以直接在HTML代码中添加以下语句，将其应用到你的页面中。无论是使用DW还是其他编辑器如table或div，方法都是类似的。不过，由于DW和浏览器在处理格式上的细微差别，建议你以浏览器的实际显示为准进行微调。
如何做好手机网页设计
手机网站制作要兼顾非触摸屏幕的设计：虽然大多数手机都是智能手机，但也有为数不少的传统手机，不具备触摸的功能，使用的是传统的控制方向键做为滑动的工具，这时候，手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。
设计者应注意网页的页面大小不要超过20KB，页面如果太大会消耗用户更多的流量。注意屏幕规格 手机一般都可以用横屏和竖屏两种方式浏览网页，设计者应注意横向和纵向的区别设计两种规格的尺寸。
做好手机网页设计的方法：网站设计应简约而不简单：手机作为移动网站的承载平台跟电脑相比有一定的局限性。比如手机屏幕并不大，手机网页一次只打开一个网页，不能像电脑浏览器一样可以同时打开多个网页。
手机网页设计，要针对手机屏幕小，竖屏观看，手指操作，网速慢这3个特点进行优化设计。针对手机屏幕小 因为屏幕小，所以要合理优化页面内容，把重点内容优先显示，不浪费用户时间查找他要的内容。竖屏观看 手机基本上都是竖屏观看的，所以内容排版尽量竖着排版，方便用户观看。
ps切片后怎么用dw制作网页
1、之后在图片上切出想要做网页的部分，小编演示的比较简单，将整个图片切为若干份，先切中整个图。请点击输入图片描述 然后在图片上右击，划分切片，分成若干就行了。请点击输入图片描述 最后保存一下，选择存储为web所用格式。请点击输入图片描述 选择好格式之后点击存储，如果不是透明的一般选择jpg格式。
2、在使用Photoshop（PS）进行网页设计时，首先需要将所需内容通过切片工具切分，并保存为适合Web和设备使用的格式。完成这些步骤后，你将获得一个名为images的文件夹，其中包含切片后的图片，以及一个HTML文件，这便是网页效果图。接下来，你可以在Dreamweaver（DW）中将这些切片好的图片进行布局。
3、使用Photoshop和Dreamweaver结合制作网页，流程十分简洁。首先，在Photoshop中，运用切片工具将设计好的网页版面进行切割。接着，通过文件菜单中的保存选项，将切片保存为网页格式。这里，记得在保存时选择文件和图像选项，这样便能生成一个基本的网页文件。
4、选择“文件”“存储为Web所用格式”。在弹出的对话框中，选择jpg8格式，并保存切片后的图片。使用Dreamweaver制作网页 创建新网页文件：打开Dreamweaver，创建一个新的HTML文件。在DW中设置网页的基本结构，如！DOCTYPE html、、和等标签。
