掌握DW网页设计技巧：高效打造个人小站点的秘诀

如何用DW软件构建网页的小站点 启动DW，DW界面如图 2 剖析所构建网页的需求，确定目标 3 确定需求。若建议一个网站，需创建一个站点，便于管理并使制作步骤更有条理。 4 创建站点弹出的窗口。在此我输入的是“新闻网页”，存放在Dreamwaver CS6文件夹下的新闻网页文件夹 5 在新闻网页文件夹下创建“images”文件夹，导入制作网页所需的素材，这里所需的素材均为图片 6 创建HTML，选择“新建” 在“标题”中输入“新闻网页首页”，切换至“设计”界面 根据制作网页需求插入表格，只是行列有所调整，下面的“表格宽度”以下选项根据图设置 插入表格如图，选中表格，会看到表格边框变红，选中后变黑。在属性中对齐选项选择“居中对齐” 在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文本框”。然后是密码，同样插入“文本框”。切换至“拆分”界面，选中密码对应的“文本框”，将“type”改为“password” 插入图片，若不知如何填写，则一直选择“确定”即可 插入按钮，与上面插入图片的处理方法相同，若不知填写什么，则一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图片“谷歌logo”，附上效果图 选中第二行，点击鼠标右键，选择“表格”，“合并单元格” 在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件 点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名可见，密码不可见，符合实际 步骤阅读 当然也可以在Dreamwaver CS6的实时视图中完成第15步 如何用dreamweaver构建个人网站 网站设计八步骤 鉴于目前所见即所得类型的工具越来越多，使用也越来越便捷，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙构建自己的网站，然而做出来之后与别人一比，才发现自己的网站非常简陋，这是为什么呢？常言道：“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 二、收集材料 明确了网站的主题以后，你就要围绕主题开始收集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量收集材料，收集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上收集，然后把收集的材料去粗取精，去伪存真，作为自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时游刃有余，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的佼佼者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。 五、制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 六、上传测试 网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

网页制作完成后，最终需将其发布至Web服务器，以便全球的朋友们得以观赏。当前，上传工具种类繁多，部分网页制作软件自带FTP功能。借助这些FTP工具，您可以轻松地将网站发布至您申请的主页存储服务器。网站上传后，您需在浏览器中打开您的网站，逐一测试每页及链接，发现问题后及时修正，再进行上传测试。全部测试无误后，便可将您的网址告知朋友，让他们浏览。

七、推广宣传 网页制作完成后，还需持续进行宣传，以便让更多朋友了解并提高网站的访问量和知名度。推广方式多样，如注册搜索引擎、与其他网站交换链接、加入广告链等。

八、维护更新 网站需经常维护更新内容，保持内容新颖，避免一经制作便停滞不前。只有不断补充新内容，才能吸引浏览者。

★学习网页制作，首先需了解制作网页的工具。 制作网页的主要工具有以下几种： Frontpage：Office自带的一个工具，操作简便，实用，学习起来较为轻松，功能较为一般，我不太喜欢。 Dreamweaver：网页三剑客之一，专门用于制作网页的工具，可自动生成网页代码，是普通网页制作者的首选工具，界面简洁，实用功能强大。建议初学者选用。 另外一种工具是代码编辑工具，如写字本、EditPlus等，这些工具主要用于编辑asp等动态网页。 此外，还有一些网络编程工具，如javascript、java编辑器等。 网页制作也是一个热门行业，要真正制作出优秀的网站，还需具备良好的设计功底。因此，还需学习许多边缘性软件，如photoshop、flash等。 大型网站通常需要数据库支持，因此还需了解数据库，如sql、甲骨文等。 总之，掌握网页制作，能独立完成网站制作工作，就无需担心生计问题。随便混日子就可以了！祝您成功。 ★您可以将Dreamweaver和Photoshop结合使用来制作网页。