如何制作网页 如何制作网页设计

我们制作自己的网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等。下面介绍如何制作网页，希望可以为您带来帮助。

确定网页的主体色调风格。

我们制作自己的网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

规划网站的整体布局——导航、按钮、图片、文字的排版方式。

做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。

准备和归类素材——图片、音频、视屏、文章等。

制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。

打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。

建立自己的主页，按照之前的定的风格设计布局。

不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。

制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。

找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。

这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。

替换网页中的元素即可。

选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。

按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时保存文件。

最简单的网页制作软件：其实我们完全可以利用办公软件来设计网页，只要网页内容不太复杂或只涉及静态网页部分时，我们只需要利用办公软件即可快速生成网页。具体做法，首先设计好页面，然后另存为网页格式即可。

Microsoft FrontPage,是一款轻量级静态网页制作软件，特别适合新手开发静态网站的需要，目前该应用很少用于制作网页。

Dreamweaver网页制作软件，该软件已成为专业级网页制作程序，支持HTML、CSS、PHP、JSP以及ASP等众多脚本语言的语法着色显示，同时提供了模板套用功能，支持一键式生成网页框架功能。是初学者或专业级网站开发人员必备之选择工具。

CSS Design:一款适合对CSS对进调试的专业级应用，能够对CSS语法进行着色，同时支持即时查看样式功能，特别方便程序的调试以及效果的比对。

Flash动画制作软件：动画或动态图片是网页的重要组成部分，充分合理的使用Flash程序来设计网页元素，往往可达到意想不到的效果。

PS(Photoshop)图像处理软件：用于对网页图片进行润色或特殊效果处理，是一款网页制作必备之软件。

应用解析：有不少人都会对LOGO进行透明处理以融入head部分的渐变背景。

解决方案：采用JS代码实现或CSS滤镜功能，当然问题也存在部分，导致图片质成像量不高。

小技巧1：将透明的LOGO用高于IE6的浏览器打开网页，然后采用FF的PearlCrescentPageSaver全屏截图插件截屏。再采用 PS或者Fireworks进行裁切LOGO部分。并替换透明背景LOGO。这样即使是渐变背景也能和LOGO保持一致。

小技巧2：布局上页面与页面之间存在相同部分，要学会简化。当两个页面有部分板块相同，最好不要去让两个页面独立存在，可以将两个相同部分独立出来。采用程序调用共同部分。以减少网页代码。

小技巧3：网站重要页面最好有可更新或者可调用更新内容的板块。以达到日常更新引蜘蛛爬行的目的，原因很简单，利于网站SEO优化。

小技巧4：网站要和互联网接轨，要跟得上时代，别忘了在网站完成后给网站安装一个百度分享工具，或者新浪微博，这样做利于网站推广。

小技巧5：新手设计网站困难，photoshop水平不高，怎么办?AXURE让网站设计更轻松。很多高端网站设计师都采用PS对网站进行美化设计以达到更绚丽的网页效果，对于新手而言，PS的学习无疑是一道门槛。采用Axure并结合“扁平化设计”也可以让新手也能很简单“拖”出很精致的网页。

小技巧6：Jiasale将小型企业站变成小型电商平台，无需注册直接即可购买产品。针对部分微小型企业，很多企业无力承担高昂的建站费用，但又希望自己的网站能带来商机或者达成线上交易，那么庞大的会员管理系统，以及产品订购功能无疑是一大难题，Jiasale是一款购物按钮可以让网站快速实现电子商务,只需要在网站中添加一段代码,就能轻松实现站中店。(非广告)。连接支付宝无需注册，即可购买。对于一些有着线上交易需求的站长而言，还是挺方便的。

当然相信每个人都有自己的网站建设方面的技巧。也有自己解决问题的方法。希望这篇文章能带给大家帮助。

对于一个网站要不断的更新和完善才能够留住用户群，本期经验有申大嘴巴分享怎么修改网站主页源代码。通过我们简单的编辑来令自己的网站主页变得更合心意吧。

首先我们打开自己要修改的网页，如‘百度首页’打开后我们选择右击鼠标在弹出选项时选择【网页另存为】或通过浏览器上方右侧的【文件】【保存网页】的形式把网页本地化。

为了更加方便的修改，我们在保存网页的时候可以做一些设置。比如我们选择点击【桌面】然后点击保存则该网页文件会以html的形式保存到我们电脑的桌面位置。

之后我们把浏览器关闭或最小化退出，返回电脑桌面查看已经保存好的网页这也就实现了我们的本地化。

进行修改，选中我们的网页文件然后鼠标右击选择【打开方式】这个时候我们选择的是【记事本】，为什么用记事本不用dw?因为本期经验讲的就是用记事本简单快速的修改主页源代码。

以【记事本】的方式打开网页后会出现一堆的网页编码或文字，看起来是有点乱。不过没关系。这个时候我们可以通过ctrl+f查找的方式来查找并修改我们要修改的地方。如图我们选择修改的是‘标题’

在修改成我们想要的效果后，我们需要保存这个时候又有一些技巧需要我们掌握。快捷键保存【ctrl+s】鼠标点击x符号关闭，在退出时根据提醒通常我们选择是即保存为我们已经修改过的。

为了检查我们修改过源代码的效果，我们通过回到电脑桌面找到已经修改过的网页。双击并打开，如图第一个是默认的百度首页，而第二个则是我们修改过源代码的网页，标题也是我们修改成功后的标题。