先在PS里将效果图做出来，然后将效果图放到FIREWORKS里面，量取每个对象像素的大小，最后在DREAMWEAVER用代码写出来就可以了，注意写的时候像素的多少一定要把握好了，否则整个网页会变形，编辑代码直接在代码视图里面编辑就可以了，有的可以在CSS。

2用DW修改文字内容在DW里面的设计窗口，可以看见你的网页，DW中对应的位置所显示的内容就是在网页里面显示的内容想要修改文字，直接将光标定位到文字位置，进行删除添加等修改操作即可，也可以在代码里面修改，个人建议。

1网页设计师主要是用PS先将网页设计出来2进行网页制作，就是切片，div+css布局，将图片变成网页3后台制作可以自己开发，也可以套用cms，如dedecms，phpcms等 4具体步骤就是这样详细的牵扯到一些技术。

3代码设计代码设计其实也就是功能设计，一个网站不可能只是展示，还需要有一些其他功能，最少有联系版块的功能，留言功能等等，如果是电子商务网站还需要一些支付功能等等此外，代码设计也涵盖了整个网站的框架布局，这个。

所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改在制作网页时要多灵活运用模板，这样可以大。

11点击ok以后我们就回到了模板页你看不到轮播广告的图片，因为你需要新建页面来看按快捷键ctrls保存12我们新建一个页面，按快捷键ctrln，在弹出的新建对话框中选择模板选择banner轮播模板，这是我们刚才新建的模板。

步骤阅读4页面设计好后把网页另存为模板操作如图所示步骤阅读步骤阅读步骤阅读5接着在需要编辑的部分插入“可编辑区域”，操作如图所示步骤阅读步骤阅读步骤阅读6保存后，我们就可以在网站根目录下的“Templates。

首先下载VScode 其次打开VScode，创建一个后缀名为html的文件，比如xxhtml 按住shift＋再回车会生成HTML文件的模板 其中在中写网站的标题 中写网站的主要内容 具体要做出网站需要靠深入学习。

要制作网页模板，要先懂得最基本的网页制作方法比如构思好网站结构之后，用网页制作软件Dreamwearer打边框，设计框架和布局，然后插入图片，输入文字等媒体内容然后可以保存为模板需要用软件来制作的比如三剑客如果需要我。

接着在需要编辑的部分插入“可编辑区域”，操作如图所示保存后，我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了以后要修改模板的内容就可以直接打开编辑了Dreamweaver如何设计网页模板 第一明确。

好，现在说说网站的设计，相信您会同意这种说法网站的页面就好比是“无纸的印刷品”既然如此，我们会因此而得出一个结论精良和专业网站的设计，如同制作精美的印刷品，会大大刺激消费者访问者的购买欲望，反之，您。

构思好这个网页的结构，我们就可以开始制作了首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站根目录为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内进入页面编辑设计。

2下面选择这三个界面，代码拆分设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页 3下面我们来制作网站站点，在电脑上建一个文件作为根目录我们所建网站的所有文件和网页都保存在这个文件中站点的作用就是。

网页设计一般分为三种大类功能型网页设计服务网站BS软件用户端形象型网页设计品牌形象站信息型网页设计门户站设计网页的目的不同，应选择不同的网页策划与设计方案网页设计的工作目标，是通过使用更合理的。

第2步 设计了导航栏，以容纳您的文档的链接在图形应用程序，您可以构建功能，如烟花，或使用自动工具栏生成器请参阅参考资料将这个文件保存在同一文件夹为您的模板，以便它可以很容易地添加到页面中 第3步 创建。

你要不用dw 生成个版面，然后，保存为html。

是不是也羡慕得很，不过不要以为在网上安个家，就非要掌握那些繁琐的代码，事实第一招，套出来的为了方便网友网上安家，有不少网站免费提供各种风格的模板，这个你可以在搜索引擎中，输入关键词“网页模板”进行搜索。

比如wordpress过程有点复杂，这里先不写了2或者你可以输入一行命令，一键安装宝塔面板，然后在可视化的面板后台，安装好LNMP环境后，点击一键部署wordpress就能轻松搭建好一个网站了参考来源网页链接。