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