框架网页设计与制作教程及教案设计三篇

网页测速  时间:2021-04-17  阅读:()

网页设计与制作教程及教案设计三

篇一 网页设计和发布流程

第一步是对站点进行规划

第二步是创建站点的基本结构

第三步即可开始具体的网页创作过程

最后一步是站点的发布

第一节站点的规划与创建

【计划课时】  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课时

【授课班级】 计算机应用一班

【教学目的与要求】

【教学方法与手段】

多媒体教学借助多媒体手段进行课堂理论教学

启发式教学教学活动关注的重点从结果转向过程。激发思维师生互动增强学生学习的主动性、积极性和创造性

【教学重点与难点】

基础知识 。

ZJI:香港物理服务器,2*E5-2630L/32G/480G SSD/30Mbps/2IP/香港BGP,月付520元

zji怎么样?zji是一家老牌国人主机商家,公司开办在香港,这个平台主要销售独立服务器业务,和hostkvm是同一样,两个平台销售的产品类别不一平,商家的技术非常不错,机器非常稳定。昨天收到商家的优惠推送,目前针对香港邦联四型推出了65折优惠BGP线路服务器,性价比非常不错,有需要香港独立服务器的朋友可以入手,非常适合做站。zji优惠码:月付/年付优惠码:zji 物理服务器/VDS/虚拟主机空间订...

pia云低至20/月,七折美国服务器

Pia云是一家2018的开办的国人商家,原名叫哔哔云,目前整合到了魔方云平台上,商家主要销售VPS服务,采用KVM虚拟架构 ,机房有美国洛杉矶、中国香港和深圳地区,洛杉矶为crea机房,三网回程CN2 GIA,带20G防御,常看我测评的朋友应该知道,一般带防御去程都是骨干线路,香港的线路也是CN2直连大陆,目前商家重新开业,价格非常美丽,性价比较非常高,有需要的朋友可以关注一下。活动方案...

DiyVM:2G内存/50G硬盘/元起线路香港vps带宽CN2线路,香港VPS五折月付50元起

DiyVM是一家低调国人VPS主机商,成立于2009年,提供的产品包括VPS主机和独立服务器租用等,数据中心包括香港沙田、美国洛杉矶、日本大阪等,VPS主机基于XEN架构,均为国内直连线路,主机支持异地备份与自定义镜像,可提供内网IP。最近,商家对香港机房VPS提供5折优惠码,最低2GB内存起优惠后仅需50元/月。下面就以香港机房为例,分享几款VPS主机配置信息。CPU:2cores内存:2GB硬...

网页测速为你推荐
更新ios支持ipad支持ipadipadwifiipad插卡版和wifi版有什么区别,价格差的多么?tcpip上的netbios禁用tcp/ip上的netbios对网络应用软件的正常运行有没有影响?canvas2七尾奈留除了DC canvas2 sola EF 快乐小兔幸运草 以外改编成动画的作品有哪些?360chrome360的chrome浏览器进程有点多哦???icloudiphone怎么利用iCloud使iPhone内存达到扩容目的icloudiphone苹果6显示已停用请连接itunes什么意思迅雷下载速度迅雷限制下载速度要设置多少
美国域名注册 广州主机租用 韩国vps 淘宝二级域名 七牛优惠码 hkbn 美国主机评论 ca4249 php空间申请 阿里云浏览器 微信收钱 hkg 刀片式服务器 服务器托管什么意思 美国堪萨斯 能外链的相册 空间租赁 帽子云排名 卡巴斯基试用版下载 广东服务器托管 更多