(中职)cs6网页设计与实训课件整套课件完整版ppt教学教程最全电子讲义教案(最新)后缀.pptx

(中职)cs6网页设计与实训课件整套课件完整版ppt教学教程最全电子讲义教案(最新)后缀.pptx

;任务一 了解Dreamweaver CS6 ;任务一 了解Dreamweaver CS6 ;任务二 安装与运行Dreamweaver CS6;任务二 安装与运行Dreamweaver CS6;任务二 安装与运行Dreamweaver CS6;任务二 安装与运行Dreamweaver CS6;任务二 安装与运行Dreamweaver CS6;任务二 安装与运行Dreamweaver CS6;任务三 熟悉Dreamweaver CS6 的工作界面;任务三 熟悉Dreamweaver CS6 的工作界面;任务三 熟悉Dreamweaver CS6 的工作界面;任务三 熟悉Dreamweaver CS6 的工作界面;任务三 熟悉Dreamweaver CS6 的工作界面;任务三 熟悉Dreamweaver CS6 的工作界面;是时候拼一把了!加油,你们都可以的!;;任务一 了解网站策划基础 ;任务一 了解Dreamweaver CS6 ;任务一 了解Dreamweaver CS6 ;任务一 了解Dreamweaver CS6 ;任务一 了解Dreamweaver CS6 ;任务二 安装与运行Dreamweaver CS6;任务二 创建站点;任务二 创建站点;任务二 创建站点;任务二 创建站点;任务二 创建站点;任务二 创建站点;任务二 创建站点;任务三 管理本地站点;任务三 管理本地站点;任务三 管理本地站点;任务三 管理本地站点;任务三 管理本地站点;是时候拼一把了!加油,你们都可以的!;项目三;本课教学内容; 网页实景图; 给HTML语言打的广告; HTML特点; HTML特点; HTML文件基本结构; HTML文件基本结构(续); 学会 Hello World: 一个最简单的HTML代码; 1.2 标题标签; 1.2 换行标签; 1.3 段落标签; 1.3 段落标签;1.3 段落标签(续); 1.4 文字设计标签;1.4 文字设计标签(续);1.5 超链接标签;target属性,指明链接网页显示的目标窗口,可取_self、_blank、_parent或_top四个值中的任何一个,_self为默认值。 例如:a href= target=_blank 新浪网 /a 将_blank换成_self、_parent或_top,试试!!看看有什么不同。; table/table:定义表格,表格的所有内容都写在这个标签之内 caption/caption:定义标题,标题会自动出现在整张表格的上方 tr/tr:定义行 th/th:定义表头,包含在tr/tr之间,表头中的文字会自动变成粗体 td/td:定义单元格(表格的具体数据),包含在tr/tr之间;1.6 表格标签;表格属性: align: left,right,center,表示表格在页面的布局方式,tr、td的该属性表示该行和该单元格的布局方式。默认布局方式为左对齐 bgcolor:设置背景颜色 border:设置边框的宽度,属性值为整数,为 0 时表格没有边框,默认值为 0 width:宽度,默认单位为像素,也可以使用百分制单位 height:高度,默认单位为像素;也可以使用百分制单位;对于整张表格,table标签常用的属性有以下几个: bordercolor:表格边框的颜色,默认为黑色 cellpadding:单元格内容与单元格边界的距离 cellspacing:单元格的边框与表格边框之间的宽度;课后作业:;*合并单元格; 动手做一做;答案:;tr align=center td皇家马德里/td td西班牙/td td1/td /tr tr align=center td切尔西/tdtd英格兰/tdtd2/td /tr tr align=center tdAC米兰/tdtd意大利/tdtd3/td /tr tr align=center td拜仁慕尼黑/tdtd德国/tdtd4/td /tr /table /body /html ; 1.7 图片标签;常用属性: alt:当浏览器不能显示指定图像时,显示alt指定的替代文字。 align:对齐方式。 border:设定图像的边框,如果值为0就表示不显示边框。 width:设定图像宽度,单位为像素或百分比。 height:设定高度高度,单位为像素或百分比。;动手做一做:;客户端用户利用表单元素输入信息,表单将这些信息发送到服务器端作进一步的处理。 (

文档评论(0)

1亿VIP精品文档

相关文档