如何用Dreamweaver制作网页模板简单网页制作模板 _经验分享

如何制作网页模板
先使用Photoshop制作效果图，可以参考一些有名的网站，比如酷站之类的。
然后把效果图切成Html ，就是继续使用Photoshop图片上的元素分开成一张张小图，比如按钮， logo 。。
切好后使用Dreamweaver来制作成Html文件，即可图片转成DIV+CSS的过程。
这样模板做好后交给程序员套程序就可以了！
如果你不会Photoshop也可以使用Firework ，不过一般都是使用Photoshop来制作效果图。
制作网页效果图主要是要注意一下网页的局限，比如文字一般是用宋体12号或14号字，文字的行距等，制作过程中应尽量要模仿真实网页来形式，比如不要贪方便而把同样一段话不断复制，这样会对效果打折扣，又如当有使用到图片素材时，应尽量配合网站风格色调，而不要随便拿一张图占位！
怎么创建一个网页？
怎么创建一个网页？制作一个完整的网页有哪些步骤吗？
一、明确网页主题
网页的影响面是整个企业，所以一定要在网页建设之前确定好网页建设的主题。比如需要制作的网页是一个用于宣传企业形象的，或是推广企业产品的，还是服务型的。不同的需求对应不同的网页主题，也对应着不同的网页功能。不想要漫无目的的建站，想要确保网页的质量，那就要做好这一步。
二、设计网页界面
如今互联网上的网页有千千万万个，但是好的网页都有自己的特点，这都是要靠网页设计的。想要设计出好看又特别的网页界面，我们就要考虑到网页风格的选择，色彩的搭配，模块的布局等等。
三、制作发布网页
上面的都是策划的工作，这里就是实际的网页建设操作了。比较简单的方法就是直接套用现成的网页模板。当然制作网页并不止使用网页模板搭建这么简单，还需要进行域名注册、备案、解析，网页空间配置等一系列的工作之后，才能进行网页发布上线。
四、宣传优化网页
特别是对于新网页来说，宣传和优化是必不可少的，常见的方法就是广告宣传、seo优化网页排名等等方法。
如何制作网页模板
要是有需求的话
你得先根据你的需求来画网页，就是出你网页的效果图。一般的工具是photoshop 。然后拼凑页面，这一步一般是在Dreamweaver里面进行。这样，一个静态的网页模版就出来了！剩下的就交给程序，完善功能模块！
要是不想自己做，那就去网上淘吧。网上有很多免费的模版。不需要什么程序，根据你的需要进行修改就行了！
祝你成功！
如何用Dreamweaver制作网页模板
隔三岔五将网站来个大更新，不知道他们是怎么忙过来的。告诉你这个秘密吧，其实是这样的，他们很多都是在“批发”网页，并且你的服务器中也有这样的“批发站”!这个东西就是——模板。常见的网页制作工具FrontPage和DreamWeaver中都有这项功能。如用DreamWeaver 3.0 制作网站的时候，使用模板就能减少大量的重复工作。如何制作网页模板第一步、建立模板 1、创建模板的页面最简单的方法是就将一个网页另存为模板文件，通过执行命令：File→Save as Template ， DreamWeaver会在网站根目录中建立一个模板的文件夹——Templates来保存这个模板。当然，其实也可以新建一个模板：Window→Templates ，会出现Templates面板，单击右下角的New Template这个按钮，输入文件名之后，就建立好了一个空模板;再单击Open Template按钮打开这个模板，保存后自动存放在网站模板文件夹Templates当中。新建、打开的模板页面和普通的网页基本没什么不同，同样还可以加入表格、层、图片、动画、脚本和设置页面属性等。2、要设定可编辑区域设定模板可编辑区域，一般来说是有两种方法的。新建一个可编辑的区域：选择命令按钮：Modify→Template→New Editable Region 。在空白区域中单击后执行该命令就可以将该区域变为可编辑的区域。标记某一个区域为可编辑的区域：选择命令按钮：Modify→Template→Mark Selectin as Editable Region 。如果某个区域已经有一些文字了，并且希望以后在新建的超文本文件中部分保留其内容，先选中该区域再执行标记命令就可以了。取消可编辑的状态：选择命令：Modify→Template→Unmark Editable Region 。执行命令后会弹出一个对话框，其中有当前已有的可编辑的区域列表，选中要取消的区域名称，点击确认即可。如何制作网页模板第二步、使用模板 1、根据模板来新建页面弹出该对话框，从模板列表中选取一个模板，出现的新页面中除了可编辑的区外均有背景，这个是不能进行修改的部分。空白处的Main编辑区就可一直接进行插入表格、文字或者图片等操作， Exp编辑区要保留有原来的文字，修改或重新编辑也都可以。2、对一个已有内容的页面应用模板选择模板之后还会弹出一个对话框，让您选择现有的孤的立内容保存到那个可编辑的区域。要是不想保留就直接选择“(none)” 。3、以全面更新站点更新模板基于某一个模板建立了一些页面之后，对模板进行修改保存的时候，就自动弹出了一个对话框，列出所有的使用了该模板的页面，询问是不是要更新。还有另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages的对话框中选择一个站点或站点的某一种模板，单击右变的Start按钮，软件会自动搜索与该模板相关联的网页并对其进行更新。也是非常方便的!
网站模板怎么制作
制作网页模板是制作网页的一种非常便捷和有效地方法。制作网站的时候，如果许多网页的某一部分都相同（一般是顶部和底部），那么可以把这些部分制作成模板，然后以后要新建一个页面就可以从模板页创建。下面给大家介绍一下如何用Dreamweaver制作网页模板的方法。
新建一个ASP网页并且保存。如图所示
连接好数据库，见笔者之前分享的经验
在网页中插入模板的内容，并添加好各个超链接
页面设计好后把网页另存为模板。操作如图所示。
接着在需要编辑的部分插入“可编辑区域” ，操作如图所示。
保存后，我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。
如何制作一个网页页面
如何制作网页?如何做一个自己喜欢的网站呢?看到别人有自己的网站是不是有点羡慕呢?当然。比较复杂的网站就需要很多技术上面的知识咯。比如javascrpt、jquery、ajax、flash等等!这些都只是让网站的页面好看。使静态的网站变为动态的。那如何制作个简单的网页呢?那么先用Dreamweaver ， Frontpage做,然后细节用Homesite ， Hotdog修改,图片用Photoshop动画用fireworks ， Adobe ImageReady ， Flash然后申请空间，域名，大多数都是收费的，最后用软件上传就成了。
在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。
1.网页顶端的标题“我的主页”是一段文字。
2.网页中间是一幅图片。□最下端的欢迎词是一段文字。
3.网页背景是一深紫红颜色。构思好这个网页的结构，我们就可以开始制作了。
【如何用Dreamweaver制作网页模板简单网页制作模板】1
解决方法与步骤：
1.首先启动Dreamweaver ，确保你已经用站点管理器建立好了一个网站(根目录) 。为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。
2
2.然后在创建新项目下面点击HTML ，下面常用到的有javascrpt ，和CSS样式。
3.进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。
2
4.使用插入栏：单击插入栏对象按钮>选按钮，弹出“选择图像源文件”对话框，其余操作同上。
5.使用面板组“资源”面板(如下图)：点按钮，展开根目录的图片文件夹，选定该文件，用鼠标拖动至工作区合适位置。
6.在图片右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您??”然后，利用属性面板对文字进行设置。保存页面。一个简单的页面就这样编辑完毕了。
5
7.在页面编辑器中按F12预览网页效果。网站中的第一页，也就是首页，我们通常在存盘时取名为index.htm 。
6
在很多时候，我们都需要html的静态页面代码，那么我们介绍一下静态页面的代码。
<html></html>：静态网页源代码首尾结构标记，代码内呈现网页所有内容
<body bgcolor>=背景色；</body>：网页主体部分
<title></title>：标签内显示出网页台头的标题名，用于<head></head>标签之内
<meta name=关键字 content=IT ，教育，网络”>：设定搜索关键字
关于简单网页制作模板和的内容就分享到这儿！更多实用知识经验，尽在 www.hubeilong.com

如何用Dreamweaver制作网页模板 简单网页制作模板

如何用Dreamweaver制作网页模板简单网页制作模板