篇1:工信版(中职)Web前端设计基础项目四电子课件(共42张PPT)工信版(中职)Web前端设计基础项目四电子课件(共42张PPT)资料可供全国地区适用。
大致详情:(共42张PPT)YCF(中职)Web前端设计基础 项目四电子课件网页中的多媒体项目四授课教师:姓名WEB前端设计基础Contents1.项目描述2.知识准备3.项目实施4.项目拓展5.项目小结6.技能训练一 项目描述本项目学习要点创建锚点链接和热点地图;插入音视频文件;制作视频播放器。制作音乐播放器;创建超链接;二 知识准备建立超链接;添加音频文件;添加视频文件。建立超链接在HTML文件中最重要的应用之一就是超链接,它能够让浏览者在各个独立的页面之间方便地跳转。超链接有外部链接、内部链接、电子邮件链接、锚点链接、空连接、脚本链接等。建...
图片详情:
![]() ![]() ![]() ![]() 篇2:工信版(中职)Web前端设计基础项目三2电子课件(共24张PPT)工信版(中职)Web前端设计基础项目三2电子课件(共24张PPT)资料可供全国地区适用。
大致详情:(共24张PPT)YCF(中职)Web前端设计基础 项目三-2电子课件网页中的表格项目三授课教师:姓名WEB前端设计基础Contents1.项目描述2.知识准备3.项目实施4.项目拓展5.项目小结6.技能训练三 项目实施图文混排的HTML 5网页;图文并茂的商品列表网页。三 项目实施利用所学的表格知识,制作如图所示的毕业生档案。制作毕业生档案三 项目实施打开Sublime编辑器,新建一个文件,保存文件名为“3-7.html”。第一步第二步输入【!】或者【html:5】,按Tab键,会自动完成html基本代码填充,更改head标签中的titl...
图片详情:
![]() ![]() 篇3:工信版(中职)Web前端设计基础项目八-2电子课件(共19张PPT)工信版(中职)Web前端设计基础项目八-2电子课件(共19张PPT)资料可供全国地区适用。
大致详情:(共19张PPT)YCF(中职)Web前端设计基础 项目八-2电子课件CSS 3创建网页菜单项目八授课教师:姓名WEB前端设计基础Contents1.项目描述2.知识准备3.项目实施4.项目拓展5.项目小结6.技能训练二 知识准备CSS 3美化超链接;CSS 3美化项目列表。CSS 3美化项目列表1.美化无序列表和有序列表在以前的项目学习中,有序列表和无序列表的列表项符号都是使用type属性来定义的,type属性值可以为“disc(默认值是实心圆)”、“circle(空心圆)”和“square(实心正方形)”,这是在标签属性中定义的。在CSS 3中,不管...
图片详情:
![]() ![]() ![]() ![]() 篇4:工信版(中职)Web前端设计基础项目六-2电子课件(共28张PPT)工信版(中职)Web前端设计基础项目六-2电子课件(共28张PPT)资料可供全国地区适用。
大致详情:(共28张PPT)YCF(中职)Web前端设计基础 项目六-2电子课件CSS 3的选择器项目六授课教师:姓名WEB前端设计基础Contents1.项目描述2.知识准备3.项目实施4.项目拓展5.项目小结6.技能训练二 知识准备CSS 3基本语法;CSS 3引用方法;CSS 3新增选择器。CSS 3常用选择器;CSS 3常用选择器1.标签选择器HTML 5文档是由多个不同的标签组成,CSS 3的标签选择器就是声明哪个标签使用什么样式。标签选择器也叫元素选择器,就是“选中”相同的元素,然后对相同的元素设置同一个CSS样式。基本形式如图所示。CSS 3常...
图片详情:
![]() ![]() 篇5:工信版(中职)Web前端设计基础项目三电子课件(共47张PPT)工信版(中职)Web前端设计基础项目三电子课件(共47张PPT)资料可供全国地区适用。
大致详情:(共47张PPT)YCF(中职)Web前端设计基础 项目三电子课件网页中的表格项目三授课教师:姓名WEB前端设计基础Contents1.项目描述2.知识准备3.项目实施4.项目拓展5.项目小结6.技能训练一 项目描述本项目学习要点表格的基本结构;编辑表格;CSS属性设置。完整的表格标签;二 知识准备表格基本结构;编辑表格;完整的表格标签。表格基本结构在HTML文档中,使用表格可以清晰地排列数据和布局,但不建议使用表格布局,在web2.0时代,表格定位已经过时了,现在使用的是“DIV+CSS”模式。表格一般由行、列和单元格组成,如图所示。...
图片详情:
![]() ![]() ![]() 篇6:工信版(中职)Web前端设计基础项目十-3电子课件(共37张PPT)工信版(中职)Web前端设计基础项目十-3电子课件(共37张PPT)资料可供全国地区适用。
大致详情:(共37张PPT)YCF(中职)Web前端设计基础 项目十-3电子课件CSS 3创建网格布局项目十授课教师:姓名WEB前端设计基础Contents1.项目描述2.知识准备3.项目实施4.项目拓展5.项目小结6.技能训练三 项目实施创建网格布局;创建双飞翼布局。创建网格布局结合前面学习的知识,用CSS修饰一个用于发送邮件的表单页面,如图所示。创建一个网格,先需要定义一个父级容器(wrapper),在这个容器中放置6个子元素(items)。使用HTML标记,在每个子元素(items)加上了单独的class名,如图所示。保存文件名为“10-5.html”。第...
图片详情:
![]() ![]() 篇7:工信版(中职)Web前端设计基础项目八-1电子课件(共16张PPT)工信版(中职)Web前端设计基础项目八-1电子课件(共16张PPT)资料可供全国地区适用。
大致详情:(共16张PPT)YCF(中职)Web前端设计基础 项目八-1电子课件CSS 3创建网页菜单项目八授课教师:姓名WEB前端设计基础Contents1.项目描述2.知识准备3.项目实施4.项目拓展5.项目小结6.技能训练一 项目描述本项目学习要点用CSS 3美化项目列表;用CSS 3制作网页菜单。用CSS 3美化超链接;二 知识准备CSS 3美化超链接;CSS 3美化项目列表。CSS 3美化超链接1.改变超链接的基本样式伪类是CSS本身定义的一种类,使用伪类可以定义超链接在不同状态下的样式效果。超链接的伪类有四种状态,详细信息如表所示。想要定...
图片详情:
![]() ![]() ![]() ![]() ![]() 篇8:工信版(中职)Web前端设计基础项目二1电子课件(共19张PPT)工信版(中职)Web前端设计基础项目二1电子课件(共19张PPT)资料可供全国地区适用。
大致详情:(共19张PPT)YCF(中职)Web前端设计基础 项目二-1电子课件网页中的文本和排版项目二授课教师:姓名WEB前端设计基础Contents1.项目描述2.知识准备3.项目实施4.项目拓展5.项目小结6.技能训练一 项目描述本项目学习要点网页中各种文本的添加;文字的排版标签;网页中的图片。二 知识准备添加文本;文本排版;文字列表;添加图片。添加文本1.添加普通文本普通文本就是指汉字或者使用键盘可以直接输入的字符。在网页中添加普通文本可以有两种方法:一是在需要地位置直接输入汉字或字符;二是如果有现成的文本,可以使用复制、粘贴的方法,...
图片详情:
![]() ![]() 篇9:工信版(中职)Web前端设计基础项目七-3电子课件(共24张PPT)工信版(中职)Web前端设计基础项目七-3电子课件(共24张PPT)资料可供全国地区适用。
大致详情:(共24张PPT)YCF(中职)Web前端设计基础 项目七-3电子课件CSS 3图文混排项目七授课教师:姓名WEB前端设计基础Contents1.项目描述2.知识准备3.项目实施4.项目拓展5.项目小结6.技能训练三 项目实施图文混排;图片特效制作。图文混排通过此项目的学习,学习到CSS 3的文本、段落、图片的属性设置,结合这些知识制作一个图文混排的实例。 |
21世纪教育网,教育资讯交流平台