搜索
第16章综合实例——制作个人网站•任何个人和公司都可以在Internet上创建自己的主页和Web站点，实现发布信息、展示产品等作用。网站是上的一个结点，网站中保存了多个网页以及站点结构。对于网页设计的初学者来说，最关键的是如何从无到有的做出一个网站，并且能够让其他人通过网络访问到自己的网站。本章通过制作个人网站的实例，详细介绍有关网站制作的内容。其主要内容包括：•制作个人网站的准备工作•网站主页的制作•页面布局和属性16.1准备工作•一个好的网站，还必须经过网页题材策划、结构规划、素材的采集等准备工作，最后才开始用软件设计网页。建一个网站需要花费人力、物力，因此在建站前充分的准备是很有必要的，如了解需求，对需求分析的相关工作做到位。本节具体介绍制作个人网站的准备阶段的相关任务。•1．确定网站主题•2．选择好域名•3．掌握建网工具•4．确定网站界面•5．确定网站风格•6．有创意的内容选择•7．推广自己的网站16.2网站主页制作•在网站创建之初，相关的前期准备工作完成之后，接着我们就可以动手开始制作网站主页了。通过使用已经掌握的建网工具，结合确立的相应内容，最终能够完成主页乃至于整个网站各页面的制作。关于网站主页的制作方法，其具体内容如下：16.2.1素材准备•在网站开始制作之初，通过各种方法，将所需要的素材准备齐全，以便于制作时的使用。素材可以从相关的网站挑选现成的下载后使用，也可以通过Photoshop等图形图像设计方面的软件来进行制作，最方便的方法是下载一些网站提供的内容，将适合自己的留着，不适合将要制作的网站的去除。如图所示，是要应用于正在制作的个人网站的图片。•如图所示分别是进行了切割的素材图片，在页面制作过程中，将他们进行拼接，同时制作完成图片中ENTER按钮的效果，这将使得你的网站开始被控制，然后进行工作。16.2.2新建站点•当素材准备工作完成后，接下来需要在Dreamweaver中创建站点，以便于开始接下来的制作任务中各种文件的存放。同时，也用来放置已经整理后的素材等内容。操作方法是，执行“站点”|“新建站点”命令，在弹出的“站点设置对象”对话框中，对站点进行命名。然后，新建如图所示的“image”文件夹，用来放置网页中的素材图片。•如图所示，该截图的文件夹中各个图片内容，是在本网站创建过程中，需要用到的主页中的各种素材。因为都是图形图像的相关的内容组成的，所以将此文件夹名称命名为“image”。16.2.3插入图片•素材准备、处理以后，接着需要对网页进行图片的插入等制作的操作。准备好如图所示的素材图片，用于网页的主页。•下一步，插入图片。它的具体方法是，在打开的Dreamweaver中，执行“插入”|“图像”命令，在接着弹出的如图的“选择图像源文件”对话框中选择已经准备妥当的素材文件。单击“确定”按钮完成。•在完成图像插入后，得到如图的效果。16.2.4页面制作•在实现了图像的插入效果操作后，制作过程中，根据页面效果的具体安排，依次来进行位置的安排。将一些素材图片进行拼接，达到当初设计时所想要的效果。它的页面显示与内容，也就是个人网站的主页如图所示。16.3设置页面属性•一个网站，除了主页外，往往是由若干个页面组成的。在完成了主页的制作后，接下来我们需要将该主页的内容，链接到其它的级联页面，同时实现网站的效果。关于其它页面的相关内容制作，具体方法介绍如下：•（1）鼠标单击选中“ENTER”字符所在图片，右击鼠标，在弹出的快捷菜单中选择“属性”命令，在打开的如图所示“属性”面板中，单击“链接”选项对应的文件夹按钮，进行文件选择。•（2）在打开的如图所示的“选择文件”对话框中，选择链接下一页面跳转后的显示内容。单击“确定”按钮完成选择。•（3）该页面链接、跳转效果实现后，得到下一链接页面如图所示。•（4）用同样的方法，对其它的页面进行设置与制作。然后，编排好网页的位置以及相应的细节处理。最终可得到你满意的网站页面内容。16.4本章小结•本章通过一个人网站的创建的实例，以及相关的准备工作与制作方法的介绍，帮助大家进一步提高有关网页制作与设计的技能。同时，还介绍有关页面的链接等方法的实现。具体讲解了在网站准备创建之初的相关的工作，以及需要考虑的内容，这个需要重点掌握。关于网站的设计与制作的方法，这是本章的难点，需要在以后不断地提升。