网页设计与制作教程及教案设计三
篇
篇一 网页设计和发布流程
第一步是对站点进行规划
第二步是创建站点的基本结构
第三步即可开始具体的网页创作过程
最后一步是站点的发布
第一节站点的规划与创建
【计划课时】 3课时
【授课班级】 计算机应用一班
【教学目的与要求】
【教学方法与手段】
多媒体教学借助多媒体手段进行课堂理论教学
启发式教学教学活动关注的重点从结果转向过程。激发思维师生互动增强学生学习的主动性、积极性和创造性
【教学重点与难点】
基础知识 。
重点知识
【教学组织过程】
1上讲回顾
2教授新知
【授课内容】
一、规划站点
Web站点是一组具有共享属性如相关主题、类似的设计或共同目的等的链接文档。
本地站点是本地硬盘中存放远程网站所有文档的地方文件夹。建立网站的通常做法是在要地硬盘中建立一个文件夹用来存放网站的所有文件往后就在该文件夹中创建和编辑文档。待网页设计和测试好之后再把它们拷贝到网站上供浏览者浏览。
1、规划站点结构
注规划站点的结构之前应先用笔绘出站点的结构图如下图所示是一个典型的学校站点的结构图
2、规划站点的浏览机制
一般可采用以下的方法
创建返回主页的链接
显示网站专题目录
显示当前位置
搜索和索引
反馈将网页创作者或网站管理员公布在网页上或创建一个E-MAIL超级链接 以使用户能快速地将信息反馈到网站中
二、创建一个站点
步骤
1、单击“文件” --- “新建” --- “站点”命令或单击常用工具栏中“新建网页”按钮的下拉箭头从打开的下拉菜单中选择“站点”命令
2、选择一种站点模板或向导
3、单击“确定”按钮
三、站点的基本操作
1、打开站点 “文件” --- “打开站点”
2、删除站点
方法一在Windows资源管理器中删除一个站点
方法二在FrontPage中删除站点在“文件夹”视图或“网页”视图的“文件夹列表”中右击站点所对应的目录在快捷菜单中单击“删除”命令
3、站点的设置
“工具” ---- “站点设置”有“常规”、 “参数”、 “高级”、 “语言”、
“导航”、 “数据库”六个选项卡
【课程小结】
【作业】
1 5课后练习 书本课后练习作业
第二节利用表格进行网页布局
【计划课时】 3课时
【授课班级】 计算机应用一班
【教学目的与要求】
【教学方法与手段】
多媒体教学借助多媒体手段进行课堂理论教学
启发式教学教学活动关注的重点从结果转向过程。激发思维师生互动增强学生学习的主动性、积极性和创造性
【教学重点与难点】
基础知识 。
重点知识
【教学组织过程】
1上讲回顾
2教授新知
【授课内容】
一、插入表格
1、单击常用工具上的“插入表格”按钮
2、单击“表格” --- “插入” --- “表格”命令
3、使用表格工具栏“查看”—“工具栏” --- “表格”命令
4、 由文本转换“表格”—“转换”—“文本到表格”一般以段落为分行标记 以逗号或句号为分列标记。
二、单元格的基本操作
1、选择单元格“表格”—“选定”—“单元格”
Ctrl可选择不相邻的单元格
Shift选择多个相邻的单元格
2、插入单元格“表格”—“插入”—“单元格”
3、合并单元格“表格”—“合并单元格”或“表格工具栏”上的“合并单元格”按钮
4、拆分单元格“表格”—“拆分单元格”或“表格工具栏”上的“拆分单元格”按钮
三、填充单元格
1、文本与图像填充“插入”—“图片”
2、对齐文本与图像“表格”—“属性”—“单元格” “水平对齐方式”、 “垂直对齐方式”
3、修改单元格背景“表格”—“属性”—“单元格” “背景”
4、调整边框颜色“表格”—“属性”—“单元格” “边框”
5、改变单元格尺寸“表格”—“属性”—“单元格” “指定宽度”、
“指定高度”
四、修改表格的行与列
1、选择行与列
2、插入行与列“表格”—“插入”—“行或列”
3、均分行与列“表格工具栏”中的“平均分配行高”或“平均分配列宽”
4、删除行与列“表格工具栏”中的“删除单元格”按钮或“表格”—“删除单元格”命令
【课程小结】
【作业】
1 5课后练习 书本课后练习作业
第三节利用框架设计网页布局
【计划课时】 3课时
【授课班级】 计算机应用一班
【教学目的与要求】
【教学方法与手段】
多媒体教学借助多媒体手段进行课堂理论教学
启发式教学教学活动关注的重点从结果转向过程。激发思维师生互动增强学生学习的主动性、积极性和创造性
【教学重点与难点】
基础知识 。
重点知识
【教学组织过程】
1上讲回顾
2教授新知
【授课内容】
一、认识框架网页1、框架的概念框架网页是一种特殊的网页它将自身分成几个区域每个区域称作一个框架窗口 通常简称为框架框架具有以下特性
每个框架都可以独立地显示一个网页各个框架窗口之间可以设立超链接。
每个框架窗口可以赋予一个名字 以便其他URL作为目标调用。
2、框架的使用场合如邮箱、论坛
通常用框架来显示在同一个站点中的多个超链接这样可以不用浏览器中的“后退”按钮而方便的进行浏览。
框架也适用于类似在线书籍的应用将目录显示在左边的框架中单击目录右边框架中显示相关的章节
二、创建框架网页1、框架网页的创建
“文件”—“新建”—“网页”选择“框架网页”选项卡2、框架网页模板10种 “设置初始网页”
“新建网页”
三、框架网页的保存和打开
框架网页的保存包括框架网页自身的保存和框架窗口中网页的保存。 1、框架网页的保存
“文件”—“保存文件”或“框架”—“保存网页” 2、框架网页的打开“框架”—“在新窗口中打开网页”
四、 框架网页的属性
1、框架网页的属性“文件”—“属性”
“框架间距”、 “显示边框”
2、框架的属性“框架”—“框架属性”
五、调整框架布局1、调整框架窗口的大小用鼠标拖动或在“框架属性”对话框中调整 2、框架的拆分
方法一 “框架”—“拆分框架” 按行或按列拆分
方法二用鼠标拖动拆分按Ctrl键
3、框架的删除“框架”—“删除框架”
六、 目标框架
当在框架网页的某一个框架中定义超链接时需要指定被链接的网页显示在哪一个框架中 即指定超链接的目标框架。
选择要设置超链接的文字或图像 “插入”—“超链接”单击“目标框架”、 “更改目标框架”
【课程小结】
【作业】
1 5课后练习 书本课后练习作业
第四节使用导航栏
【计划课时】 3课时
【授课班级】 计算机应用一班
【教学目的与要求】
【教学方法与手段】
多媒体教学借助多媒体手段进行课堂理论教学
启发式教学教学活动关注的重点从结果转向过程。激发思维师生互动增强学生学习的主动性、积极性和创造性
【教学重点与难点】
基础知识 。
百纵科技湖南百纵科技有限公司是一家具有ISP ICP 电信增值许可证的正规公司,多年不断转型探索现已颇具规模,公司成立于2009年 通过多年经营积累目前已独具一格,公司主要经营香港服务器,香港站群服务器,美国高防服务器,美国站群服务器,云服务器,母机租用托管!美国CN2云服务器,美国VPS,美国高防云主机,美国独立服务器,美国站群服务器,美国母机。美国原生IP支持大批量订货 合作 适用电商 亚马逊...
前天,还有在"Hostodo商家提供两款大流量美国VPS主机 可选拉斯维加斯和迈阿密"文章中提到有提供两款流量较大的套餐,这里今天看到有发布四款庆祝独立日的七月份的活动,最低年付VPS主机13.99美元,如果有需要年付便宜VPS主机的可以选择商家。目前,Hostodo机房可选拉斯维加斯和迈阿密两个数据中心,且都是基于KVM虚拟+NVMe整列,年付送DirectAdmin授权,需要发工单申请。(如何...
SoftShellWeb是一家2019年成立的国外主机商,商家在英格兰注册,提供的产品包括虚拟主机和VPS,其中VPS基于KVM架构,采用SSD硬盘,提供IPv4+IPv6,可选美国(圣何塞)、荷兰(阿姆斯特丹)和台湾(台北)等机房。商家近期推出台湾和荷兰年付特价VPS主机,其中台湾VPS最低年付49美元,荷兰VPS年付24美元起。台湾VPSCPU:1core内存:2GB硬盘:20GB SSD流量...