怎么做网页设计与制作，网页设计与制作要掌握什么
信息来源：深圳市易捷网络科技有限公司
信息发布时间：2025/4/4
网页设计需要用到的软件
1、Coolsite360。特点有可复制模板，更可任性DIY，无需编程，在线创建，自动适配桌面及移动端。
可复制模板,更可任性DIY，无需编程，在线创建,自动适配桌面及移动端，新锐设计师优选，完全自由的样式设定，丰富的动画设定，一键部署。
2、AdobeDreamweaver。
AdobeDreamweaver，简称“DW”，中文名称"梦想编织者"，最初为美国MACROMEDIA公司开发，2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站制作。
3、Flash。
Flash是由macromedia公司推出的交互式矢量图和Web动画的标准，由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是FutureWave公司的FutureSplash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。
4、Fireworks。是由Macromedia推出的一款网页作图软件，软件可以加速Web设计与开发，是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具。
5、Frontpage。Frontpage，是微软公司出品的一款网页制作入门级软件。FrontPage使用方便简单，会用Word就能做网页，因此相对Dreamweaver等软件更容易上手。
6，php程序员工具箱：中国最大的php学习行业网站php中文网开发的"php程序员工具箱"，php程序员工具箱是迄今为止全网唯一款php程序员的专属工具箱，集合了php环境搭建、在线小工具、原生手册、文字与视频教程、问答社区等，非常适合初学者。
phpstudy：该程序包集成最新的Apache+Nginx+LightTPD+PHP+MySQL+phpMyAdmin+ZendOptimizer+ZendLoader，一次性安装，无须配置即可使用，是非常方便、好用的PHP调试环境。该程序绿色小巧简易迷你仅有32M，有专门的控制面板。总之学习PHP只需一个包。
网页设计应该遵循的原则；
网页设计文字标准视觉标准这两个标准，是同等重要的，都是整体风格规范的一部分。把元素结合在一起将建立一个整体形象。每一个品牌或企业网站都有自己与众不同的地方。选择一个色调和风格，同步运用在字体和视觉画面的效果上，把你的网站和用户融为一体。建立网站整理形象的时候，也正是品牌需求考虑到用户和相关利益的人对此有何种期望的时候。
我们将主要精力集中于网站风格规范的视觉方面，但语言风格是非常重要的，是整体网站的一部分，也是你与用户“交谈”的方式。尽可能地提供细节，色彩样式，例如，包括RGB(或HEX)和CMYK值等，使颜色可以规范使用。打破部分常用的元素案例去设计。格规范是很容易被追随的，就像你写的网站一样，语言是简单的和不生僻的，可以让人们去追随这些准则。风格规范应该留下足够的设计空间对于其灵活性和实际制作上。
网页设计与制作要掌握的东西
1、学习简单的html语言，学习制作静态的网页。
2、数据库的学习，这个是有一定讲究的，学数据库和对应的语言是有一定关系的，
3、学习动态交互网页的制作，就是上面所提到的一些语言，
4、应该是接触到用层替代表格之类的，也就是div+css。
网页设计与制作需要注意的问题；
1，制作网页时，有时会发现，制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时却发现网页的布局乱套了，这是因为各个计算机的分辨率不同所致。在Dreamweaver文档窗口中的右下角，显示当前文档的分辨率大小。单击当前分辨率数字，在弹出的菜单中可以为当前的页面指定显示分辨率，通过修改可以使网页更具灵活性。
2，在Dreamweaver里，进行网页编辑时，不必通过菜单栏里的【打开】命令来打开文件，一个更快的方法是利用【文件】面板，打开相关文件，直接用鼠标拖动文件到文档编辑窗口即可；同样，要在网页上插入图像等元素，也可直接通过【文件】面板将图像文件拖动到网页上。
,3，如果在网页中插入了不可见的元素时，Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于选择不可见元素。但如果不想显示时，也可以隐藏标签，方法是按【Ctrl＋U】键打开【首选参数】对话框，在【分类】中选中【不可见元素】，在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉，以后它就不会再出现了。
4，在做网页设计与制作的时候，有时需要输入空格，但在有些时候却无法输入，导致无法正确输入空格的原因可能是输入法的错误，只有正确使用输入法才能够解决这个问题。
5，CSS样式表在网页制作中一般有3种方式的用法，那么具体在使用时该采用哪种用法呢当有多个网页要用到CSS，采用外联CSS文件的方式，这样网页的代码大大减少，修改起来非常方便；只在单个网页中使用的CSS，采用文档头部方式；只在一个网页一两个地方才用到的CSS，采用行内插入方式。
6，创建表格时，如果开始不能确定它的属性，可以使用默认值，然后再通过【表格】属性面板进行修改。此外，关于表格宽度的设定，一般来说，大表格往往采用绝对尺寸，表格中所嵌套的表格采用相对尺寸，这样定位出来的网页才不会随着显示器分辨率的差异而引起混乱。
网页设计常用的布局方法；
1，巧用元素，2，错位布局，将图形、图片、文字等信息进行错位布局。3，明亮色彩，网页设计中想要突出活力，可以适当运用明亮的色彩。4，人物背景，将人物与图形、图片、文字等信息进行叠加。
5，800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右。1024*768下网页的尺寸:width=955,height=600。
800*600下网页寸:width=760,height=420。一般分辨率在800*600的情况下，页面的显示尺寸为：780*428px
分辨率在640*480的情况下，页面的显示尺寸为:620*311px;分辨率在1024*768的情况下，页面的显示尺寸为：1007*600px