怎么设计网页模板网站模板设计

~

网页设计的详细操作步骤

一、确定网页主题

主题是您创建的网页的主要内容。一个网页必须有一个明确的主题。尤其是个人网页，你不可能做到综合网页那么大，那么全面。你没有能力也没有精力，所以你必须找准自己最感兴趣的内容，做深做透，打造自己的特色，才能给用户留下深刻的印象。网页的主题没有规则。任何你感兴趣的都可以，但是主题要明确，主题内的内容要大，要全面，要精炼，要有深度。

第二，收集材料

确定网页主题后，就要开始围绕主题收集素材了。俗话说“巧妇难为无米之炊”。如果你想让你的网页有血有肉，吸引用户，你就要尽量收集素材。你收集的材料越多，将来制作网页就越容易。材料可以从书籍、报纸、光盘、多媒体中获得，也可以从互联网上收集。然后，收集到的素材可以作为制作网页的素材。

三。规划网页

一个网页设计的成功与否，很大程度上取决于设计者的策划水平。规划一个网页就像设计一座建筑。图纸设计好了，才能造出漂亮的建筑。网页策划的内容很多，比如网页的结构、栏目的设置、网页的风格、色彩搭配、版式、文字和图片的使用等。只有在制作网页之前考虑到这些方面，你才能熟悉它，心中有数。只有这样制作出来的网页才能个性化，有特色，有吸引力。如何规划网页的每一个具体内容，下面会详细介绍。

第四，选择合适的工具。

虽然工具的选择不会影响到你的网页设计质量，但是一个强大而简单的软件往往可以事半功倍。网页制作涉及的工具很多，首先是网页制作工具。目前大部分网友选择所见即所得的编辑工具，其中Dreamweaver和Frontpage当然是最好的。如果你是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等。动画工具，如Flash、酷派3d、GifAnimator等。还有网页特效工具，比如生动多彩。网上有很多这方面的软件，你可以根据自己的需求灵活使用。

第五，制作网页

有了选好的材料和工具，我们需要按照计划一步一步把想法变成现实。这是一个复杂而细致的过程，一定要按照先大后小，先简单后复杂的原则来制作。所谓“先大后小”，就是在制作网页时，先设计大的结构，再逐步完善小的结构。所谓先简单后复杂，就是先设计简单的内容，再设计复杂的内容，这样出现问题的时候就可以轻松修改。制作网页时，要灵活使用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完成后，必须发布在Web服务器上，让全世界的朋友都能看到。现在上传工具很多，有些网页制作工具有FTP功能。有了这些FTP工具，你就可以轻松地将网页发布到你申请的主页存储服务器上。上传网页后，要在浏览器中打开自己的网页，逐页链接，测试，发现问题，及时修改，然后上传测试。做完所有测试后，你就可以把你的网址告诉你的朋友，让他们浏览了。

七。推广和宣传

网页制作完成后，要继续宣传，让更多的朋友知道，提高网页的访问率和知名度。推广的方式有很多，比如在搜索引擎上注册，与其他网页交换链接，加入广告链等。

八。维护和更新

要注意不断维护和更新网页内容，保持内容新鲜，不要一完就丢在那里。只有不断给它添加新的内容，才能吸引访客。

阅读:网页设计的禁忌

关于外貌的禁忌

1.不要先决定网页的外观，再强迫自己甚至别人去适应。我们应该考虑访问者，网站要传达的信息和网站的发展目标，设计一个最合适的网页结构。

2.每个页面不要使用不同的背景图片，以免每次翻页都要花时间下载。使用相同的背景颜色和相似的按钮可以增加网页的一致性，建立统一的风格。这也是最基本的网站VI设计(视觉识别系统)。

3.不要把图片的白色部分当成透明色，要知道别人的操作系统不一定会把背景色设置成白色。解决方法是将网页的背景色设置为白色。最好的方法是使用图像编辑工具为图像设置透明的背景色。

4.底色或背景必须与文字颜色形成明显的对比，便于阅读。如果你的网页字数比较多，不妨在这方面多下点功夫，让访问者舒服地阅读你的文章。

5.每一页的版面不要太稀疏，也不要用太大的字。阅读网页时尽量避免大幅度滚动。

6.对过长的页面使用内部链接。聪明的网页设计师不会让访问者在浏览网页时滚动太多。内部链接的常见例子是FAQ，或名词解释。

7.在17寸显示器还没有普及的时候，不要设计800x600像素以上的网页。因为这往往会导致设计错误。所以无论你的显示器多大，设置为800x600显示模式都是合适的。

8.每页不要插入太多广告牌。我相信你也不会喜欢满是广告的网页。什么广告交换，一些金钱横幅，弹窗，还有时下最流行却又最讨厌的浮动广告，还是少放点好。至少，我看到的时候，会第一时间按下右上角的“X”。

关于伦理的禁忌

1.不要抄袭别人的创作。网上所有资料都是公开的，但都是有版权的。如果要引用别人的作品，不妨先征得同意。一般作者只需要你注明出处。我的大多数朋友对与计算机有关的事情都很热情和慷慨。不要下载别人的网站放在网上当作自己的。这样做的结果就是让所有人都知道你是抄袭者。

2.引用新闻组、BBS或其他非电子媒体的文章时，记得注明原作者姓名和文章来源。如果引用其他网页，要告知站长。尊重版权，避免诉讼，造福他人。

3.不要利用网页造谣中伤他人。网络虽然难管，但你要洁身自好，用道德良心爱自己。维护良好的网络环境要靠大家的努力，从我做起。

4.不要把别人的网页变成你框架里的窗口，这样不仅会给浏览者带来不便，让网页变得更丑，还会侵犯他人的版权。解决方法是在链接中采用目标参数，比如target="_top"，或者target="_blank"从新窗口打开网页等。如果你看重游客的感受，请从每一个细节做起。

5.不要放别人的搜索引擎、表单、计数器等。在你自己的网页里。这样做会干扰它的正常运行，增加服务器的负载，除非主人表示可以连接到他的cgi-bin或者JavaClass。

如何设计一个成功的网站？

第一，沟通，定位风格，栏目建立拓扑图，确定要出现的栏目。

第二，客户资料，logo，客户相关的尽可能完善的字体图片资料。

第三，分析资料从庞杂的资料中对重点进行整理，取舍，优化方案。

第四，草图布局对网页首页布局进行草图设计。

第五，寻找素材同类型或同行业网站搜集配色，图标，图片等初稿沟通完成首页设计并交付对方根据修改意见进行修改，进行其他页面设计。

第六，校对完稿交付后期。

网页设计中什么是模板，有什么特点？

网页设计中的模板指的是常见的网页架构，比如最常用的厂字形，就是把整个网页使用frameset将其分割成上，左、右、下几部分，在各个部分关注不同的数据显示和操作。

比如这就是了

如何用PS来设计简单的网页？

用PS做出一张大图片，为了能够快速下载，必须作成切片，然后导出为网页！程序自动保存图片！做好的方法是：用PS做素材，用MacromediaDreamweaver8作网页！毕竟后者才是做网页的首选利器！PS只是美化网页！

个人网站设计制作步骤？

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好地制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

---

龙泉市17151324141： 如何制作网页模板 - ？
莘唯益母： 首先你要明白网页制作的流程:1、网页设计师(主要是用PS)先将网页设计出来.2、进行网页制作,就是切片,div+css布局,将图片变成网页.3、后台制作.可以自己开发,也可以套用cms,如dedecms,phpcms.等4、具体步骤就是这样.详细的牵扯到一些技术,就是html,div+css,js,(jquery,js框架).后台目前流行PHP语言.这些都是基础5、需要学习的有,html,div+css , js (jquery) , php等.教程网站,百度“W3C”,即可 如果你只是制作模板,那么就学习html,div+css , js (jquery)即可

龙泉市17151324141： 怎么设计网页模板??急求,谢谢 - ？
莘唯益母： 网页模板设计 第一:设计 设计模板一般用photoshop或者fireworks等做图软件来设计,设计出来的是一张图片.也就是我们看到的网页外观. 第二:转化为html模板 这也是个一个不可缺少的过程.主要用dreamweaver,把图片改成html形式的模板. 第三:转化为可用模板 每个程序都有不同的标签,有了这些标签,才能显示出需要显示的内容.所以最后一步,我们要根据不同的网页程序调整网页结构,标出可用标签,做出相应的模板.

龙泉市17151324141： 网页模板的详细制作过程？
莘唯益母： 1.找到需要的素材, 2.把经常不变的(比如导航,公司logo,左边的导航,友情链接,底部的版权等等信息先做好)然后留出一块或者多块区域,插入可编辑区域,用于编辑每个不同的页面,因为每个页面内容都不一样. 3.然后保存为模板 4.在新建页面时可以选择模板,创建页面,一个站点可以制作几个模板来用. 5.保存模板时会自动存于根目录下生成个文件夹,所以最好先建个根目录

龙泉市17151324141： 怎么制作模板网页模板? - ？
莘唯益母： 网页模板只是一个网页的模块,目的是为了方便网页编辑者可以快速导入这个模块,并且对里面的内容进行编辑,节省时间. 要制作网页模板,要先懂得最基本的网页制作方法.比如构思好网站结构之后,用网页制作软件《Dreamwearer》打边框,设计框架和布局,然后插入图片,输入文字等媒体内容.然后可以保存为模板.

龙泉市17151324141： 网页模板如何制作 - ？
莘唯益母： 椋?康氖俏?朔奖阃?潮嗉?呖梢钥焖俚既胝飧瞿?椋?⑶叶岳锩娴哪谌萁?斜嗉??谑∈奔洹 要制作网页模板,要先懂得最基本的网页制作方法.比如构思好网站结构之后,用网页制作软件《Dreamwearer》打边框,设计框架和布局,然后插入图片,输入文字等媒体内容.然后可以保存为模板.

龙泉市17151324141： 网站模板怎么弄 - ？
莘唯益母： 1、下载psd网站模板,自己切图生成html页面 2、下载现成的html模板,如到多素材duosucai 去选择,全部都有演示网站的哦 3、下载好html模板直接套用到其他cms上,例如用在织梦cms里. 4、需要现成的织梦模板也可以去选择哦.多素材织梦模板 为您解答 望采纳

龙泉市17151324141： 网页模板怎么制作 - ？
莘唯益母： 用作图工具photoshop或firework画出来,再用网页编辑工具编写代码 最初你会用到dreamweaver或frontpage(现在很少有用的了) 熟练之后用多功能记事本编写就OK了,如editplus,notepad++等...开始先在网...

龙泉市17151324141： 如何设计网页的模版, - ？
莘唯益母： 你想从事网页页面制作的,个人觉得dreamweaver不错.它可以有直接code编辑(自己写代码,然后自己看效果图)和直接页面设计(直接类似画图的,画完后有代码显示给你参考);而图片制作的ps是很好的,狠需要下功夫 推荐下 http://www.w3school.com.cn/h.asp这个网站,它上面有html,css,javascript等变成语言,支持在线编辑.可以边看边学.不过这个线上,都是基本的,让你熟悉够了.如果深入,建议你可以找个书看看,比较深入的.

龙泉市17151324141： 网页模板怎么做? - ？
莘唯益母： 设计网页的软件都可以做模板,Dreamware就不错 ,dwt格式就是模板,里面设置可读写的部分就是模板了 ,可以去网上看教程

龙泉市17151324141： 如何用Photoshop制作网页模板 - ？
莘唯益母： 网页中的元素有很多,像Banner条、文本框、文字、版权、Logo、广告等.尽量把这些相对独立的元素放在不同的图层中,这样方便以后的再编辑. 不过图层一多,就显得很凌乱,可建立多个图层组来进行管理.单击图层面板右上角的小三角...