admin 管理员组文章数量: 1184232
2024年6月12日发(作者：setting是什么意思啊)
Web前端开发教案
第一讲：
HTML基础与布局元素
教学目标与要求：
1．
2．
3．
4．
了解web基本概念及HTML的发展史
使用HTML的基本结构创建网页
使用行级和块级标签组织页面内容
使用图像标签实现图文并茂的页面
教学主要内容、时间安排及教学方法与手段：
1-1 Web概述
1.1.1Web客户端技术
HTML
CSS
JavaScript
1.1.2 Web服务端技术
PHP
JSP
1-2 HTML基本结构
头部+正文
1-3 HTML头部元素
1-4 块级标签
基本块级标签
标题标签
段落标签
水平线标签
常用于布局的块级标签
有序列表标签
无序列表标签
表格
表单
分区标签
1-5行级标签
1-6 W3C标准
W3C：World Wide Web Consortium，万维网联盟
W3C的职能：负责制定和维护web行业标准
W3C标准包括：列的标准：
HTML内容方面：XHTML
样式美化方面：CSS
结构文档访问方面：DOM
页面交互方面：ECMAScript
重点和难点：
重点：
HTML 基本结构、块级标签、行级标签
难点：
使用
复习思考题、作业题：
任务1基本块级元素
使用HTML编辑工具，编写HTML代码，实现如图所示的页面效果
任务2用于布局的块级元素
编写HTML代码，实现如图所示的页面效果
任务3行级元素
编写HTML代码，实现如图所示的页面效果。
版权声明：本文标题：《Web前端开发》教案 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1718204805a718340.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
更多相关文章
告别杂乱！这6款干净清爽的新标签页扩展，让你的浏览器焕然一新
无论是工作、学习还是娱乐，浏览器的使用频率之高，几乎贯穿了我们每一天的每一个角落。然而，你是否曾被浏览器默认的新标签页所困扰？今天，
浏览器启动流程深度解析：从进程创建到页面首帧渲染
浏览器是现代计算机中最复杂的软件之一。表面看起来，启动浏览器似乎是一个“点图标—打开窗口”的简单过程，但实际上，浏览器启动涉及操作系统、进程管理、资源加载、用户数据初始化、网
苹果官网首页页面设计
今天把原来学html时，做过的小项目拿出来写一下，总结一下。 苹果官网这个首页，主要的要点在于它对于浏览器窗口大小的自适应变化 目标图 大页面中等页面小页面 这里
scrapy 中不同页面的拼接_极简Scrapy爬虫2：爬取多页内容
运行环境：* Python 2.7.12* Scrapy 1.2.2* Mac OS X 10.10.3 Yosemite继续爬取Scrapy 1.2.2文档提供的练习网址：可以暂时不用考虑爬虫被
H5页面在用微信或钉钉浏览器打开时css颜色样式不生效
H5页面在用微信或钉钉浏览器打开时css颜色样式不生效样式如上：代码如下： .btn-txt {width: 402px;height: 100px;display: flex;just
Unity打开网页问题(webGL端,打开URL时新建页面)
用字符串拼接卡里使用 更方便。var url"https:www.baidu";Application.ExternalEval("window.open("url",_blank
打造完美桌面体验——选择微软官方正版Windows系统无后顾之忧！
1、进入微软官网 微软官网地址：，点击导航栏上的 Windows按钮：2、进入WINDOWS支持页面 进入 windows页面后，拉倒页面的最底下，点击
动手实战：基于Windows NT 2000，了解Ring0层中的LPC通信和其背后的代码逻辑
Windows NT 2000 Ring0代码实现 跟这篇Windows NT2000下不用驱动的Ring0代码实现 是兄弟篇 玩转Windows dev(k)mem （p59-0x10） 创建时间：20
颠覆认知：Qwen3-Reranker-4B是如何在复杂多语种文本分类中大放异彩的
效果惊艳：Qwen3-Reranker-4B多语言文本分类案例展示 1. 开场即震撼：这不是“又一个”重排序模型 你有没有试过把一段中文产品说明、一段英文技术文档、一段法语用户反馈，甚至一段带注释的Python代码，同
解锁WiFi光猫新技能：超实用配置教程等你学习！
只适用建平wifi光猫，目的是让光猫代替路由器进行拨号. 配置流程 1.连接光猫wifi或者插线，配置同网段ip后进入光猫管理地址： 光猫管理地址：192.168.100.1光猫高级模式帐号用户名：
Windows 10新手必学：ISO镜像安装术，掌握技术，无需工具也能畅享操作
不用工具直接从微软官网下载Win10正式版ISO镜像的技巧 发表于2018年12月25日 23:21:24由MS酋长 我们在重装Win10系统时需要用到ISO镜像，并且微软官网也有专门的“”页面，但问题是，你打开
Flash世界里的连通性：当B页面挂掉，如何通知A页面？
本题是 html 页面通信题，可以拆分成：A 页面打开 B 页面，A、B 页面通信方式？ B 页面正常关闭，如何通知 A 页面？ B 页面意外崩溃，又该如何通知 A 页面？A 页面打开
优化用户体验：让网页打开与关闭过程更流畅
过程拆分A页面中打开B页面，A，B页面通信方式？ B页面正常关闭，如何通知A页面？ B页面意外崩溃，如何通知A页面？A、B页面的通信方式url传参 localSt
'钓鱼'神器360随身WiFi，密码大公开，你知道吗？
我也是最近因为余弦大大的推荐才关注了信安之路，可以感受到他们对于信安的热爱与认真，遂想与其观望别人，不如自己也加入进来，与大家分享自己在学习上的一些东西，也希望大家指正不足。 搭建钓鱼 WiFi 来盗取账号密码已经成为一种很平
一文掌握：如何利用Adobe Flash Player制作令人惊艳的图片轮播效果
activity_main.xml <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android=&qu
Venera漫画教程之二：巧妙导入本地Adobe Flash Player项目，玩转创意无限
Venera漫画应用：本地文件导入完全指南 你是否曾经为如何将本地漫画文件导入手机应用而烦恼？Venera作为一款专业的漫画阅读应用，提供了强大的本地文件导入功能。本文将为你详细解析Venera支持的漫画文件格式和导入流程，帮
独家秘笈！解锁BitComet内网模式中的高效下载术
文飞翔鸟 BitComet是处于内网中的BT 爱好者首选的客户端软件。它拥有独特的内网互联技术，支持UpnP的NAT和Windows XP ，让处于内网中的朋友在下载的时候一样可以获得非常快的速度。在使用之
从普通Excel到诡异Blob，解读导出问题并寻找解决之道
导出excel，文件打不开要注意responseType一定要设置returnaxios({url:'apiesbddidbexportexcel', url: 'test
Win10文件夹图标怎么改回原样？简便方法大公开
Win10文件夹图标恢复默认图标的简单方法在Windows 10操作系统中，用户拥有高度的自定义权限，包括对文件夹图标的修改。许多用户为了个性化自己的电脑，会将文件夹图标改为自己喜欢的图案或图标。然而，随着时间的推移，有
Java（页面的添加和删除）_java怎么实现删除和添加功能
添加的思路 需求:从jsp页面添加一条记录到数据库,且显示到界面 分析:1.创建jsp页面2.创建Servlet>addGoods方法1.设置请求编码2.获取
发表评论