项目实战三分析.pptVIP

1、第七阶段中和5个页面制作顺序不限，只要完成即可 2、第八、九阶段两个页面的制作顺序不限，先制作哪一个都可以，只要都完成即可 * 讲解要点： 1、详细说明每一部分要实现的要求 2、要求学生自己切PSD图，然后布局制作页面 3、文本字体颜色要求学生在Photoshop中使用吸管工具获取 * 讲解实现思路： 1、首先把页面布局为上中下三部分，上面为页面导航、logo，中间为主体内容，下面为版权、超链接等 2、顶部使用图片背景设置 3、顶部和底部超链接样式可使用CSS伪类设计超链接的样式，例如顶部导航所在div的id命名为header，那么超链接样式如下： #header a,#header a:hover{color:#ffffff; text-decoration:none;} * * 1、设置页面背景颜色为灰色时，也可以在前一阶段，设置整体页面背景色为灰色，然后设置底部为白色 2、左侧“手机开心网”部分可使用图片代替 * 讲解要点： 1、展示整体注册页面，但是主要讲解左侧部分 2、说明在制作首页时已经制作了页面的顶部和底部，但是顶部背景稍有不同，因此在这里制作注册页面时要重新截取背景图片，底部使用之前制作好的底部即可，以后在制作页面时，只要能够用到前面制作完成的顶部和底部就直接使用，不必再次制作顶部和底部了。 * 1、登录部分整体背景使用背景颜色，边框直接使用border来设置即可，不需要严格制作圆角矩形 2、按钮的样式必须严格按照提供的效果图实现 3、字体颜色、背景颜色、边框颜色，根据提供的效果图在Photoshop中使用吸管工具获取 * * 页面底部使用前面制作好的底部，这里直接使用，因此不用再次制作页面底部 * * 1、实现在做页面时，既可以使用提供的方式实现每部分内容，也可以各种方式混合使用 2、不能使用table实现 3、动态汇总一行既可以使用dl实现，也可以使用ul列表实现，然后设置各个li的样式 4、最受欢迎3个链接既可以使用dl实现，也可以使用ul列表实现 * 1、主要汇总一下前面页面制作过程中大家基本都遇到的问题 2、详细解解大家都卡着的问题，并给出详细代码，但是要说明为什么，而不是仅仅给出代码 3、对于一些个性的问题，如果时间允许可以统一讲解，如果时间不允许则单独讲解 总体上要保证大家在规定的时间内完成所有页面的制作 * 页面中的图片、按钮等页面元素都需要学生自己切PSD图获取 * * * 1、页面字体颜色、背景颜色、边框颜色等需要学生在Photoshop中使用吸管工具获取颜色值 2、页面主体可分为左右两部分，左侧部分向左浮动，右侧内容向右浮动 * * * * 1、主要汇总一下前面页面制作过程中大家基本都遇到的问题 2、详细解解大家都卡着的问题，并给出详细代码，但是要说明为什么，而不是仅仅给出代码 3、对于一些个性的问题，如果时间允许可以统一讲解，如果时间不允许则单独讲解 总体上要保证大家在规定的时间内完成所有页面的制作 * * * “游戏介绍”、“论坛热贴”、“常见问题”主题使用背景图片的方式实现，也可以使用图片或其他方式实现，只要实现与图片一样的效果即可 * 在制作左侧内容前，要先布局主体内容为左右两侧，然后在左侧部分制作“游戏介绍”、“论坛热贴”、“常见问题”和图片广告 * 每一块的主题背景都使用图片实现，在前面制作左侧内容时已在备注中说明，这里的要求与前面一致，学生可以选任意一种方式实现，只要效果与图片一致即可 * 1、主要汇总一下前面页面制作过程中大家基本都遇到的问题 2、详细解解大家都卡着的问题，并给出详细代码，但是要说明为什么，而不是仅仅给出代码 3、对于一些个性的问题，如果时间允许可以统一讲解，如果时间不允许则单独讲解 总体上要保证大家在规定的时间内完成所有页面的制作 * * 由于当鼠标移至图片上时，出现一个圆角矩形成为图片的背景，因此可以通过设置CSS伪类 a:hover的背景图片，达到鼠标移到图片上时时出现背景 * 制作要求与新闻公告页面的需求一样 * 根据提供的页面效果图完成网页即可，没有其他的特别效果 思路提示： 1、开心餐厅图片可直接插入页面 2、三部分标题可使用背景图片的形式实现 3、背景颜色和边框也可使背景图的形式实现 4、最后一部分右下角图片可以用背景图实现，也可以使用绝对定位的方式实现 * 根据提供的页面效果图完成网页即可，没有其他的特别效果 思路提示： 1、开心庄园图片可直接插入页面 2、三部分标题可使用背景图片的形式实现，编写一个样式，三部分标题调用一个样式即可 3、背景颜色和边框也可使背景图的形式实现 4、最后一部分右下角图片可以用背景图实现，也可以使用绝对定位的方式实现 * 总结要点： 1、大家在制作页面过程中，出现的共性问题 2、每个页面大家基本用时，