网页制作上机实验指导书.docx
- 文档编号:7456063
- 上传时间:2023-01-24
- 格式:DOCX
- 页数:10
- 大小:17.89KB
网页制作上机实验指导书.docx
《网页制作上机实验指导书.docx》由会员分享,可在线阅读,更多相关《网页制作上机实验指导书.docx(10页珍藏版)》请在冰豆网上搜索。
网页制作上机实验指导书
网页制作上机实验指导书
编制人:
2015.9.3
实验名称
网页和网站欣赏
实验课时
2课时
实验时间
2015.8.31
实验地点
W203
实验目标
认识什么是网页什么是网站
实验重点
网页的分类:
静态网页和动态网页
评分标准
能对网页和网站做出正确的判断
能通过后缀名区分静态网页和动态网页
实验过程
1,观察网页包含的元素
2,保存网页查看其后缀名
实验名称
网站开发流程练习
实验课时
2课时
实验时间
2015.9.2
实验地点
W203
实验目标
了解网站建设的基本流程,熟悉网页开发工具
实验重点
网站建设的需求分析
评分标准
能收集网页需要素材,并安装网页开发工具
实验过程
1,上网下载后缀名为.jpg.gif.png.flv.swf的素材,为以后制作网页准备充足的素材
2,安装Dreamweaver并掌握每个菜单的应用
实验名称
站点的创建与设置
实验课时
2课时
实验时间
2015.9.7
实验地点
W203
实验目标
创建站点操作站点
实验重点
站点文件管理
评分标准
能对站点文件进行分类命名和管理
实验过程
1,站点管理:
新建编辑复制删除导出导入
2,查看站点
实验名称
了解网页中的HTML代码
实验课时
2课时
实验时间
2015.9.9
实验地点
W203
实验目标
掌握HTML的基本概念和基本结构
实验重点
网站的头部文件设置
评分标准
能有效理解HTML头部文件中的head和meta的用法
实验过程
1,
2,插入关键字
实验名称
实现网页中文本的添加与设置
实验课时
2课时
实验时间
2015.9.14
实验地点
W203
实验目标
掌握网页中文本的编辑和水平线的插入
实验重点
文本在网页中的插入编辑特殊符号的插入
评分标准
能有效换行,并能修改字体的颜色大小和列表效果
实验过程
1,
文本的写入地方2,使用css样式来简单的修饰文字效果
实验名称
实现向网页中添加图像和超链接
实验课时
2课时
实验时间
2015.9.16
实验地点
W203
实验目标
掌握网页中图像和超链接的插入
实验重点
评分标准
插入图片能修改其大小适应内容超链接的样式必须更改为正常的黑色无下划线的样式
实验过程
1,插入图像,图像属性面板中宽高设置。
链接设置替换设置
2,锚点连接电子邮件链接空链接脚本链接链接打开的窗口图像热点链接
实验名称
页面布局
实验课时
2课时
实验时间
2015.9.21
实验地点
W203
实验目标
掌握网页中文本图像的布局,超链接的使用
实验重点
Text-align:
leftrightcenter图像的放置
评分标准
能排除和谐整齐的版面
实验过程
1,打开ps.html,设置锚点链接
2,使用
写入文本,使用插入图像,右键对齐使文本和图像环绕排列。
实验名称
超链接制作
实验课时
2课时
实验时间
2015.9.23
实验地点
W203
实验目标
超链接样式的修改
实验重点
a:
linka:
visiteda:
hover特效
评分标准
能够区分何时使用访问链接
实验过程
1,a:
link{color:
black;text-decoration:
none;}
a:
visited{color:
black;text-decoration:
none;}
2,a:
hover{border:
5pxsolidyellow;font-size:
16px;}
3,
实验名称
Css设置
实验课时
2课时
实验时间
2015.9.28
实验地点
s202
实验目标
Css中对于类型区块方块边框定位的使用
实验重点
文本属性定位属性内补丁外补丁
评分标准
充分掌握盒子模型
实验过程
1,打开soft.html页面,单击新建css规则,创建基于标签的css样式
2,打开soft.html页面,单击新建css规则,创建基于标签id选择器的css样式
3,打开soft.html页面,单击新建css规则,创建基于类选择器的css样式
实验名称
使用Css修饰页面
实验课时
2课时
实验时间
2015.9.30
实验地点
w203
实验目标
掌握整个页面的美化
实验重点
Paddingmargin的使用
评分标准
边距以及留白是否合理
实验过程
1,打开soft.html页面,使用margin保证没一部分的间距合适
2,打开soft.html页面,使用padding确保内容和盒子模型的间距合适,字体的设置以及美化。
实验名称
使用框架布局页面
实验课时
2课时
实验时间
2015.10.12
实验地点
w203
实验目标
掌握Framesetiframe的使用
实验重点
框架的布局,上中下结构左中右结构上左右结构
评分标准
正确使用
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 上机 实验 指导书
![提示](https://static.bdocx.com/images/bang_tan.gif)