网页教案3
2020-03-02 09:06:49 来源：范文大全收藏下载本文
第二章：一简单的网页（5节，含上操作课）
一、表格的处理
1、表格的宽度
原则：在任何一台电脑上不应出现水平滚动条（垂直滚动条则允许），760。
2、表格的对齐方式：隐含表格的对齐方式应设为：居中对齐
3、表格边框的粗细：隐含表格（边框的值为0）
4、表格相应单元格“自动扩张”的解决
二、水平线的设置
1、利用标签
Align:对齐方式Center:居中Right: 右对齐left: 左对齐 color:水平线的颜色width：水平线的宽度（即线有多长）
size：水平线的厚度（即线有多粗）noshade：是否有阴影
2、利用Photoshop制作水平线
单的水平线（垂直线）混色水平线（垂直线）
三、文字的输入及编辑
1、空格的输入
2、换行
1） 硬换行： Enter（前后两个段落） 2) 软换行：Shift+ Enter（前后为一个段落）
四、图片与文字混排
1、加载图片
2、文字输入项目符号和编号
3、图片和文字的排列方式
五、波浪线的制作
六、加载日期（不会自动更新，仅是最近保存网页的系统日期）
七、给文字增加滚动条
1、层的应用
2、层与表格的混合应用 注意： 1）先加载表格
2）向表格中插入层，调整层的大小（也就是文本要显示的区域） 3）将层的溢出属性设置为：Auto Position:relative( 相对定位) Left:0px Top:0px
八、利用Photoshop处理图片
1、抓取图片
2、裁切图片
3、在图片上添加文字
4、保存图片
九、设置页面属性
上
机
实
验
一、实验题目：
制作一个简单的网页
二、实验目的：
熟悉水平线的制作方法、体会表格在网页布局中的作用，当多个元素被加载在页面中时如何排版。
三、实验要求：
1、利用层将文本区域增加滚动条
2、设置水平线
3、对图片和文字进行排版
4、增加系统日期
三、实验步骤（请写出在网页中对文本区域设置滚动条时的操作步骤）
人人范文网 m.inrrp.com.cn 手机版