【精品】制作个人站点技术培训.pptVIP

制作个人站点技术培训 个人站点相对于企业站点要更加自由一些。主要也分为三个部分：制作站点效果图、制作站点使用的Flash动画、制作Web格式的网页。下面将进行详细的讲解。 1 制作站点效果图 站点效果图的制作分为制作Flash内容、制作修饰图像、制作页面内容、制作分隔线等几个部分，具体内容如下所示。 1.1 制作背景和Flash内容 在制作背景和Flash内容时，部分内容在制作Flash时也要使用，所以在制作的过程中会相应地增加制作步骤，具体操作如下所示。 1.2 制作修饰背景 修饰背景部分比较简单，主要使用选取的素材图片来制作。具体操作如下所示。 1.3 制作页面内容 页面内容主要是文本内容和展示图片。具体内容如下所示。 1.4 制作底部内容 底部内容主要由分隔线以及文本内容构成，具体操作如下所示。 2 制作Flash动画 Flash动画部分包括树枝、树叶，变色龙的动画，以及导航按钮动画等几个部分，具体内容如下所示。 2.1 制作Loading部分 本实例的Loading部分，使用显示百分比数值和进度条的方式显示文件下载的速度，具体操作如下所示。 2.2 制作树的动画 树的动画主要由藤部分和独立树叶部分构成，具体操作如下所示。 2.3 制作变色龙动画 变色龙动画主要制作变色龙下巴张开和合拢的动作，具体操作如下所示。 2.4 制作导航按钮 导航按钮分为鼠标悬停状态和普通状态，在鼠标悬停时，要更换按钮的背景和文本的颜色，具体操作如下所示。 3 制作Web页面 使用Dreamweaver将效果图和Flash文件制作成网页格式的页面，主要分为切图、规划站点、制作页面头部、制作页面主体部分、制作页面底部几部分，具体内容如下所示。 3.1 切图和规划站点 个人站点的切图比较简单，主要要规划好切片的方式，使最终页面中使用的背景图像大小最小，具体操作如下所示。 3.2 制作页面背景和基础样式 该实例的制作方法和企业站点有所不同，该实例中，使用CSS对页面内容进行布局，具体操作如下所示。 3.3 制作页面内容 使用CSS布局页面和使用表格布局页面的方法不同，在CSS规则中可以定义标签浮动显示，所以可以不必使用矩阵形式的横纵行列布局，具体操作如下所示。 3.4 制作页面底部 底部内容比较简单，只需要制作文本的显示样式。具体操作如下所示。 4 专家总结 在制作个人站点的时候，由于不受各种商业需要的束缚，所以可以使用各种表现手法。在本实例中，主要学习使用CSS样式和各种页面标签实现页面布局的方法，注意理解使用CSS布局页面时，页面结构和表现分离的实现方法。