大一html网页制作PPT,HTML网页制作.ppt

HTML网页制作 1：HTML简介 2：HTML常用标签介绍 3：表单布局 4：表格布局 5：框架布局 6：CSS样式表 7：使用Dreamweaver制作网页 HTML：Hyper Text Markup Language 超文本标签语言 HTML：网页的“源码” 浏览器：“解释和执行”HTML源码的工具 HTML文档的基本结构网页的摘要信息基本块级标签—段落段落标签基本块级标签—水平线水平线标签常用于布局的块级标签—有序列表有序列表标签常用于布局的块级标签—无序列表无序列表标签常用于布局的块级标签—描述标签定义描述标签常用于布局的块级标签—描述标签用定义描述标签实现图文混编的效果常用于布局的块级标签—表格表格

百度

新浪

常用于布局的块级标签—表单表单常用于布局的块级标签—div层分区标签

小结 1、div-ul(ol)-li ：常用于分类导航或菜单等 2、div-dl-dt-dd ：常用于图文混编的场合 3、table-tr-td ：常用于图文布局或显示数据 4、form-table-tr-td：常用于布局表单行级标签—图像标签图像标签行级标签—范围标签范围标签：显示某行内的独特样式行级标签—换行标签换行标签
为什么需要W3C标准 W3C：World Wide Web Consortium，万维网联盟 W3C的职能：负责制定和维护web行业标准 W3C标准包括：列的标准： HTML内容方面：XHTML 样式美化方面：CSS 结构文档访问方面：OM 页面交互方面：ECMAScript …… W3C提倡的Web结构不规范的示例 W3C提倡的Web结构练习1 需求说明：实现简单的商品购买页超链接超链接---实现页面间的导航超链接链接路径超链接的三类应用场合页面间链接锚链接功能性链接超链接的三类应用场合实现锚链接 1、定义标记(锚)：目标位置 2、设置链接到标记位置：当前位置超链接的三类应用场合实现锚链接超链接的三类应用场合功能性链接邮箱、QQ链接等注释注释特殊符号表单的应用常见的表单元素表单基本语法表单元素基本格式表单各元素语法文本框密码框按钮单选按钮表单各元素语法复选框文件域列表框多行文本框表单的高级用法隐藏域方便服务器端“记住”客户端的信息、但又不希望客户看到的数据表单的高级用法只读和禁用属性 readonly：希望某个框内的内容只允许用户看，不能修改 disabled：因没达到使用的条件，限制用户使用练习——简易求职表需求说明：使用表单制作简易求职表表格的应用基本语法跨行、跨列表格高级应用如何实现年终数据报表？表格高级应用表格布局图文布局的实现图文布局的实现练习：贵美商品分类需求说明根据提供的素材实现表单布局应用实际页面中的登录表单布局表单布局应用小结使用表格进行布局对显示数据有什么要求？实现思路是什么？嵌套布局如何用表格实现下图布局？嵌套布局嵌套表格布局的缺点：代码量大层次结构也相对复杂不利于Goole等搜索引擎搜索查找数据表格布局仅适用于：规则的数据显示表单页面框架的应用框架的用途框架的两类用途： 1、显示多窗口页面---使用框架集 2、页面复用—使用内嵌框架框架的组成多个页面文件组成框架基本结构框架基本结构框架基本结构框架多窗口实现窗口间的关联窗口间的关联窗口间的关联 target的其他用法在新窗口中显示：_blank 在自身窗口中显示：_self 在上级窗口显示：_top 在父窗口显示：_parent 内嵌框架内嵌框架基本语法内嵌框架属性练习1——用框架分割多个窗口需求说明：根据提供的子窗口页面素材练习2——实现页面复用需求说明：根据提供的素材实现为什么使用CSS样式表样式表能实现内容与样式的分离，方便团队开发 css garden / 为什么使用样式表样式复用、

大一html网页制作PPT,HTML网页制作.ppt相关推荐

制作一个html文件效果如下图,网页制作基础知识-习题课件.ppt
网页制作基础知识-习题课件第一章网页制作基础知识;1.1 案例网页制作学习园地网页;1.1案例:网页制作学习园地网页; 1.1.1 功能要求1．整个网站主要以HTML代码编写的方式完成.页面风格 ...
怎样把本地html传到网上,如何制作自己的网页链接？教你怎么把自己制作的网站发布到网上？...
如何制作自己的网页链接?教你怎么把自己制作的网站发布到网上?下面就来一起看看吧! 确定网页架构. 要确定我们要做的网页内容,必须确定一个框架形式. 一般比较流行,大部分网页都是. ①网站页眉+网站导航 ...
如何自制网页服务器,如何自己制作网站？如何制作自己的网页？
如何自己制作网站?如何制作自己的网页?首先,你是非开发者,你需要知道做一个网页要采取哪些步骤.下面一起来看看吧! 简单来说,网页制作需要的内容如下:页面设计.前端开发.后端开发(如果只是简单的介绍页面 ...
php简单网页制作代码,用HTML和CSS以及JS制作简单的网页菜单界面的代码
这篇文章主要介绍了使用HTML+CSS+JS制作简单的网页菜单界面,这个ABROAD项目所使用的JavaScript部分代码非常简单,需要的朋友可以参考下写ABROAD项目用到了标签这个东东,其实标 ...
web网络和http协议（了解域名和网页，制作第一个网页，了解http协议，流程和请求报文格式）
文章目录 web网络和http协议了解域名早期使用HOST文件解析域名现在DNS(Domain Name system 域名系统) 域名的概述域名空间结构域名介绍域名注册域名注册步骤网 ...
html5手机电商网页设计代码_Html5网站制作，干货！20个视觉体验和内容俱佳的优秀网页设计...
如何创建一个网页?"Html5网站制作"和"灵感干货!20个视觉.体验和内容俱佳的优秀网页设计"有什么关系和内在关联?在图片方面,有三个具体方案:图片地图.Cs ...
HTML+CSS+JS体育网页制作 DW静态网页设计(篮球NBA 5页带psd文件 )
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 校园篮球网页设计 | 足球体育运动 | 体育游泳运动 | 兵乓 ...
HTML5期末大作业：漫画网站设计——海贼王我当定了(6页) web前端期末大作业 html+css+javascript网页设计实例企业网站制作计算机毕设网页设计源码
HTML5期末大作业:漫画网站设计--海贼王我当定了(6页) web前端期末大作业 html+css+javascript网页设计实例企业网站制作计算机毕设网页设计源码常见网页设计作业题材有个 ...
利用Html与css从零开始制作基础静态网页(web课设）
首先打好单个网页的基础结构本次我们制作网页主要使用的是外部样式表本次静态网页的主题是合金装备(由个人喜好而定,你可以根据其自己修改) 先定义外部样式表 <link rel="sty ...
Bootstrap——制作个人简历网页、工具类【边框（添加、删除、颜色、圆角）、清除浮动、颜色（文本、链接、背景）、display属性、浮动、定位、文本对齐】
制作个人简历网页代码: <!DOCTYPE html> <html><head><meta charset="UTF-8">< ...

大一html网页制作PPT,HTML网页制作.ppt

大一html网页制作PPT,HTML网页制作.ppt相关推荐

最新文章

热门文章