css网页制作的基本步骤,CSS初步教学步骤

《CSS初步教学步骤》由会员分享，可在线阅读，更多相关《CSS初步教学步骤(15页珍藏版)》请在人人文库网上搜索。

1、框架与基本(CSS+DIV)的教学步骤准备工作：(1)进入猫扑网，看一下别人的框架网页(2)新建一个站点，将教师提供的资料复制到图片文件夹下。教学目标：制作如下图所示的页面。一、框架1. 关于框架外层是框架集，叫Frameset。里面的是框架，叫Frame。一般根据位置自动命名为“topframe”。一般根据位置自动命名为“bottomframe”。这是最主要的框架，系统自动将最主要的框架命名为“main”，将其余两个框架自动命名为“framen”，其中“n”是数字。2. 建立框架并保存(1) 建立框架并讲解(2) 在框架中输入几个非常简单的汉字(3) 保存框架。3. 制作几个新页面及完成顶部。

2、框架、底部框架的制作(1) 讲解制作框架的目的：为了超链接(2) 制作三个最简单的新页面：gaogeng.htm、fangao.htm和dafengqi.html。(3) 在每个页面中加入画家的简介即可。(4) 在顶部框架中加入最简单的链接文字(5) 在底部框架中输入几个关于版权的文字。4. 完成框架的链接(1) 将各个画家链接到对应的页面；(2) 更改目标显示位置5. 完善页面：在各个画家页面中加入作者头像及作品要求其HTML格式为：完成后，要求在浏览器中观察各个对象的边距及排列情况。1) H1是否靠边2) Body是否靠边3) 段落文字的大小、颜色及靠边情况二、几个非常重要的知识点1. 盒。

3、子模型盒子模型是CSS控制时一个很重要的概念，只有很好地掌握了盒子模型以及其中各个元素的用法，才能真正地控制好页面中的各个元素。所有页面中的元素都可以看成是一个盒子，占据一定的页面空间。需要通过调整盒子的边框和距离等参数，来调节盒子的大小