网页设计模板制作（页面设计模板）
本文目录一览：
网页设计模版是什么?应该怎么设计？
网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。
创建和设置
1)模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。
2)模板的作用：有利于保持网页风格的一致;提高工作效率。
1.创建模板
1)创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮
模板面板的打开：Window菜单--Templates
2)创建基于文档的模板：File菜单-Save As Template
2.设置模板页面属性
1)用模板创建的文档继承模板的页面属性，页标题除外。
2)设置：Modify菜单-Page Properties
3.定义模板的可编辑区
1)定义模板的可编辑区
在模板文档中选定对象、Modify菜单、Templates、New Editable Region
2)取消可编辑区标记
Modify菜单-Templates-Remove Editable Region
应用和更新
1.应用模板创建文档
1)应用模板创建文档
使用模板创建新文档：File菜单-New From Template
或：File菜单-New-从模板面板中拖一个模板到文档
对现有文档应用模板：Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Select
或：从模板面板中拖一个模板到文档中
或：从模板面板中选定一个模板，单击Apply
2)可编辑区和锁定区
在应用了模板的文档中，只有可编辑区的内容才可以修改。
3)把页面从模板中分离出来
如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。
具体操作：Modify菜单-Templates-Detach From Template
2.修改模板
在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存
3.更新站点中使用模板的所有文件
Modify菜单-Templates-Update Pages
网页制作基本步骤
01 网页制作的基本步骤是：要注册好域名、服务器空间的创建、掌握建站软件、开展网站升级改造和网络营销推广等等。
1、要注册好域名。
浏览网站是不能用网站域名的，并不是越多越好，只是尽量做到简洁，关于建站方便记忆，这需要我们自己去设计方案，如果方便我们自己和客户的记忆就可以了。在这个阶段，“.com”和“.cn”是使用数量多的两种网站域名，这些网站可以通过域名服务商标或IDC商业代理处申请办理。
2、服务器空间的创建。
建立站点必须有一个用于存储站点的服务器空间。对于普通用户，我建议购买一台云虚拟主机，在购买云虚拟主机时还要看其服务项目、速率和响应速度等，选择名气较大的服务提供商比较可靠。万网域名是现阶段国内名声比较大的网站服务提供商，它肯定要比同行贵些，如果有必要的话，在自己的经济发展范畴之内，大家可以选择自己的区域代理来注册网站。
3、掌握建站软件。
网域空间都做好了，那就接下去建网站吧。一般很多盆友在这里一步也走不完，他们担心，现在很多建站软件都可以直接下载，然后上传到服务器空间安装，一般的程序都是上面提到的PageAdmin，这个是免费查看的，掌握了安装方法之后，安装就比较简单了。设置后大家可以在后台自行更改网站频道、新闻报道及其商品信息等。
4、开展网站升级改造和网络营销推广。
站点做好了，那就接踵而至，对站点进行升级和营销推广。所谓升级，就是经常在网站上发布一些新的内容，保持网站的新鲜度；说到网络营销推广，一家网站建站两年后却没有人来浏览，那也是行不通的，如何开展合理的网络营销推广，这个必须要大家自己去各个网络平台进行社区论坛宣传策划，交换友链等方法来推广自己的网站，自然网络推广的方式也有很多种，大伙儿可以检索一些范例教程来学习培训，自己探索。
网站模板怎么制作
制作网页模板是制作网页的一种非常便捷和有效地方法。制作网站的时候，如果许多网页的某一部分都相同（一般是顶部和底部），那么可以把这些部分制作成模板，然后以后要新建一个页面就可以从模板页创建。下面给大家介绍一下如何用Dreamweaver制作网页模板的方法。
新建一个ASP网页并且保存。如图所示
连接好数据库，见笔者之前分享的经验
在网页中插入模板的内容，并添加好各个超链接
页面设计好后把网页另存为模板。操作如图所示。
接着在需要编辑的部分插入“可编辑区域”，操作如图所示。
保存后，我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。
如何制作网页模板
先使用Photoshop制作效果图，可以参考一些有名的网站，比如酷站之类的。
然后把效果图切成Html，就是继续使用Photoshop图片上的元素分开成一张张小图，比如按钮，logo。。
切好后使用Dreamweaver来制作成Html文件，即可图片转成DIV+CSS的过程。
这样模板做好后交给程序员套程序就可以了！
如果你不会Photoshop也可以使用Firework，不过一般都是使用Photoshop来制作效果图。
制作网页效果图主要是要注意一下网页的局限，比如文字一般是用宋体12号或14号字，文字的行距等，制作过程中应尽量要模仿真实网页来形式，比如不要贪方便而把同样一段话不断复制，这样会对效果打折扣，又如当有使用到图片素材时，应尽量配合网站风格色调，而不要随便拿一张图占位！
如何用Photoshop制作网页模板
网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。 不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择“新建组”，在随后出现的对话框中为新建组取一个名称(如：“网页顶部”)，确定即可。这时图层面板中多出一个文件夹图标，即图层组。把相关联的图层都拖放到同一组中，比如网页顶部的所有元素，标题、菜单、Logo等都放到“网页顶部”组中(见图1)。同样方法可以建立多个组，在组的下面还可以建立子组。 点击图层组前面的小三角，就可以像文件夹一样展开或折叠它，这样图层面板就显示干净利落得多，要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一操作，如整体复制、删除、隐藏、合并等。 小提示： ★如果你想借鉴某个网页的设计，不妨把它截成图片放在最下面的图层中，再拉出多个参考线划出网页的大致版式，再在此基础之上边参考边制作自己的网页。 从Photoshop到Dreamweaver的转换 在Photoshop中设计好之后，下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层，其实没有必要，合不合并图层对最终生成的网页没有多大影响，反而会妨碍以后的编辑修改。 第1步：我们最终需要的，只是Photoshop中制作的图形和框架。选择切片工具(快捷键为K)，把需要的每个图形独立切分出来。每切分出一个图形，在它的左上角会显示出切片编号(见图2)。 第2步：在工具箱右击切片工具，从弹出菜单中选择“切片选择工具”，用它可以选取、移动切片，并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。
网页设计制作详细流程
分析如下：
1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。
3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。
4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。
5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。
6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。
7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。
8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。
9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。
扩展资料：
网页设计
设计网站要注意两个要点：整体风格和色彩搭配。
风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
色彩搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
网页配色小技巧：
1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；
2．用两种色彩：先选定一种色彩，然后选择它的对比色；
3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；
2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。
参考资料：百度百科：设计
关于网页设计模板制作和页面设计模板的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
发表评论
暂时没有评论，来抢沙发吧~