个人主页制作模板

标签就叫做APDiv。DreamweaverCS5中的“APDiv”就是Dreamweaver旧版本中的“层”。APDiv可以理解为浮动在网页上的一个页面用网页制作个人主页，可以放置在页面中的任何位置，可以随意移动这些位置，而且它们的位置可以相互重叠，也可以任意控制APDiv的前后位置、显示与隐藏，因此大大加强了网页设计的灵活性。在网页设计中，将网页元素放到APDiv中，然后在页面中精确定位APDiv的位置，可以实现网页内容的精确定位，使网页内容在页面上排列得整齐、美观、井井有条。操作步骤：1、在“插入快捷栏”的“布局对象”分类中，单击“APDiv（A）”按纽。2、将变成“+”形状的鼠标光标放到编辑中网页上，在要绘制的地方进行拖动就可以进行创建了。2.2.1设置首页的页面属性首先双击“文件”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白区域，在菜单中选择“页面属性”，之后弹出“页面属性”对话框，若选择主菜单“修改/页面属性”项，也可以把打开该对话框。在“页面属性”对话框中，左侧窗口显示“分类”，其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项，右侧区域则显示各类中可以设置的项目。

首页设置的属性2.2.2插入图像9个人主页制作图像是网页中不可或缺的组成成份，恰当地使用图像，可以使网站充满生活生命力与说服力，吸引更多的浏览者，加深他们欣赏你网站的意愿。另一方面，网页的容量大小是网站成功与否的一大关键因素。由于网络在传输上的限制，导致了下载的速度不可能太快，因此，网页的大小就不能太大，其中关键就在于图像的大小了，否则浏览者会失去等待的耐心，无论你的网站多么精彩也无济于事了。所以，在网面容量大小的问题上一定要重视。下面就来详细介绍对网页图像进行处理的操作步骤，以使得它们在保持图形美丽与网站风格搭配的基础上，图片文件能够变的更小。1、首先将光标停留在要插入图像的位置，然后单击“菜单栏”下面“插入”快健栏，选择其中的“图像”。2、随即弹出如下图2.5所示的“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件，或在URL编辑框中输入图像的路径和名称。下面的“相对于”下拉表框中，可选择文件URL地址的类型，如果选择“文档”选项，表示图像地址相对于当前文档；如果选择“站点根目录”选项，表示地址相对于根目录。在这里我要插入的是网站标志logo，插入logo图象，如图2.5所示：最后单击“确定”按钮，即可完成插入图像的操作。

图2.5插入图像2.2.3插入多媒体除了之前讲到的可以插入“图像”外，还可插入动画、声音、视频等媒体元素，如Flash,Shockwave,Applets,ActieX及格Midi声音文件等，并且还可以在Dreamweaver自身内插入MacromediaFlashMX2004按钮和文本对象，以及进行相关的后期处理和添加设计备注等操作。10个人主页制作在DreamweaverMX2004文档中，可以插入媒体文件包括FlashShockwave影片、QuickTime、AVIjava、appletActiveX控件以及各种格式的音频文件。要在浏览器中播放Flash动画，必须在浏览器中集成“Flash播放器（FlashPlayer）”。其中，InternetExplorer通过ActiveX控制来实现，NetscapeNavigator则是通过相应的插件来实现的。在最新的NetscapeNavigator和InternetExplorer浏览器中，均已集成了Flash动画播放功能。操场作步骤：步骤1将光标停留在要插入Flash的位置，然后单击菜单栏下面“插入”快捷栏，选择其中的“媒体”按钮，单击它右侧的FLV。

步骤2在弹出的对话框中选择扩展名为flv的Flash文件，即可将其插入到Dreamweaver的“网页编辑窗口”中，可以看到，在这个窗口中Flash文件的大小。在这里我的主页插入的一个动画，如图2.6所示。图2.6插入视频2.2.4插入文本文字是人类语言最基本的表达方式，在网页中，文本内容也可以说是重要的组成部分，一个网站成功与否，它是最关键的因素。在这最关键的因素。可丰富网站的文字内容，并以最最美观、最整齐的方式放入到网页中。插入文本的两种方式网页中需要大量的文本，我们或以通过以下两种方式插入它们。一种是在网页编辑窗口中直接用键盘敲入文本。这可以算是最基本的输入方式了，和一些文本编辑软件（如MicrosoftWord）的使用方法一样，选择好习惯的输入法。11个人主页制作另一种是复制文本的方式。有些读者可能不喜欢使用DreamweaverMX2004来进行打字的工作，而更习惯在专门的文本编辑软件中快速打字，如MicrosoftWord和Windows自带的记事本等，又或者读者已经准备好了要放入网页的文本的电子版本，那么我们就可以直接使用Dreamweaver的文本复制功能，将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作，具体步骤如下。

打开文本编辑软件（如MicrosoftWord），选中要复制的文本，它们将反白显示，执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C，之后切换回Dreamweaver,将光标停留在插入文本的位置，执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可将大段的文本快速粘贴到网页中。这在我的“网文精品”中用到很多，全部是在word软件中排好ctrl+c,然后点击要粘贴的位置，crtl+v到Dreamweaver即可。图2.7插入文本2.3创建其它网页还有其它的几个网站与主页的制作相同，一个网页是图象和文字的组合。为图方便可以先将首页的导航条以及其它与子页面相同的做好进行复制。“基础资料”中的文本插入和前面的介绍相似，并可以在属性拦中调节字体的大小。在其它子页面中也用到这点，在属性中设好背景，颜色等等，插入图象，输入文字，也word里的操作雷同。2.4建立网页链接网站实际上是由很多网页组成的，那么网页之间是如何联系的呢？这就是本节要讲的内容----网页的“链接”。“链接”，又称“超链接"（Hyperlink）,它作为网页的桥梁，起着相当重要的作用。网页中的很多对象都可以加入“链接”属性。

在DreamweaverMX2004中，如果以“链接”的媒介来划分的话，则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”和“跳转菜单”，共8种。我的个人主页主要运用了“文字链接”即以文字作为媒介的链接，它是网页中最常被使用的链接方式，具有“文件小、制作简单和便于维护”的特点。接下来结合我的个人网站为实例，来讲解如何为文字建立“链接”。具体操作步骤如下所述。操作步骤步骤1准备好已经制作完成的首页的各个栏目页面，该网站包含6个栏目，这里的5个栏目----“基础资料”、“教育背景”、“自我评价”、“爱好“、“职业证书”为例来进行讲解。12个人主页制作步骤2在Dreamweaver中打开首页，之后选取“基础资料”4个文字。步骤3右单机选择“创建连接”。步骤4在文件夹中找到要链接的对象“基础资料.html”。这样就建立了超链接。如图2.9所示：图2.9网页链接步骤5还可以设置一些“链接”的属性，这是前面讲过的内容。单击“属性面板”中的“页面属性”，选择其中的“链接”分类，可以进行的设置有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下划线样式”。

步骤5至此，第1个栏目的链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，当鼠标放在“平面设计”这4个文字上时将出现下划线，并且浏览器窗口下面的状态栏中会显示链接到的网页的地址，单击文字，页面会立即跳转到“基础资料”中，这表示链接已经制作成功了。步骤6同理，按照以上步骤，再为“教育背景”、“自我评价”、“爱好“、“职业证书”等其它栏制作指向对应栏目的链接。步骤7通常在栏目页面中还需要有“返回首页”的链接，单击其后可以跳转回首页，因此在各个栏目中还要插入“网站首页”的文字，并且制作指向首页13个人主页制作的链接，制作方法不变。如下图2.10所示图2.10返回至此，整个“文字链接”的就全部完成了。总结经过两周的工作，个人网站的设计与实现终于完成，本次设计基本完成任务书要求的功能。查找信息、文件共享等。由于是个人网站，在设计上就没有什么拘束和限制，完全发挥自己的想象力和创造力，展现自己的兴趣和个性。本次设计用Macromedia公司开发的专业HTML编辑器Dreamweaver,对Wed站点、Web页和Web应用程序进行设计、编码和开发。利用Dreamweaver中的可视化编辑功能，用户可以快速创建页面而无须编写任何代码。

并且。借助Dreamweaver，还可以使用服务器语言（例如：ASP,ASP.NET,ColdFusion标记语言（CFML），JSP，PHP）。本设计的页面不是很精美，这写些不足之处还待后期的开发和改进。14个人主页制作致谢首先我要感谢我们的xxx老师，他在平常工作繁忙之际，还来为我们上课，解答实训中的困惑用网页制作个人主页，为我们讲解实训中所需要的课程，让我们在实训中更好的完成我们的课题。其次我要感谢的是我们班的同学给我的帮助。他们一直在鼓励我帮助我，没有因为一点困难而放弃。在本次实训中团结互助，克服了在此次实训过程中遇到的种种困难，在以后的工作中向他们一样努力去做不轻易放弃，向他们学习，这次实训，虽然还是没有最大限度地投入，但比以前我有了很大的进步。参与了这次集体的设计，和同学在一起共同完成一项任务的感觉很好，我体会到团队力量的重要性。真心地感谢xxx老师和全班同学，谢谢，是你们让我对计算机网络方面有了15个人主页制作更深的了解，让我受益匪浅。参考文献[1]胡崧.HTML从入门到精通[M].北京：中国青年出版社，2007[2]知新文化.HTML完全手册与速查辞典[M].北京：科学出版社，2007[3]杨选辉.网页设计与制作教程[M].北京：清华大学出版社，2009[4]王诚君，刘振华，郭竑晖，高中山.Dreamweaver8网页设计应用教程[M].北京：清华大学出版社，200716