html网页设计课程的思维导图,html思维导图

主要由html结构、div布局、css样式、html标签，这四大模块构成。

一.html结构

HTML网页基础结构一般由：头部和主体构成，即head和body；

还有doctype：strict、transtional、framset；

head：title、metacharset；

body：各种div及css样式，和js。

二.div布局

布局原则：上到下，左到右，大到小。

盒模型：宽高(width和height)、外边距(margin)、边框(border)、内边距(padding)

浮动布局：浮动概念(float)、position：absolute、relative、fixed、清除浮动。

三.css样式

选择器：id选择器、类选择器、标签、源生选择器、伪类选择器、通配选择器。

控制效果：

段落控制：text-indent(首行缩进)、text-align(水平文字方向)、text-decoration(文字装饰线)、

text-transform(字母大小写转换)、letter-spaing：字符间距。

文本控制：color(颜色)、font-style(文字样式)、font-size(文字大小)、font-family(字体)、

line-height(行高)。

背景控制：background-color(背景颜色)、background-image(背景图片)、background-repeat

(背景图重复)、background-position(背景图位置粘贴方式)。

引入方式：1页内style标签，2外部css文件，3行内style标签，4import导入

初始化：原因(浏览器对于元素有默认参数，且不一致)，后果(浏览器顺序之间显示效果不一样)、

办法：统一对常用元素、常用css参数，手动设定统一。

四html标签

1无语义标签(div块状元素，布局分块用，span内联元素)

2有语义标签(h1-h6标题，p段落，img图片，a超链接，ul无序列表，ol有序列表，table表格)

http://ourjs.com/detail/52c4145d7986593603000009

html网页设计课程的思维导图,html思维导图相关推荐

html与网页设计实践课,HTML5网页设计课程混合式教学设计与实践
郦丽华 [摘要]研究是针对HTML5网页设计课程基于在线的混合式教学进行了设计,并在浙江育英职业技术学院信息技术类专业群开展了两年多的教学实践.文章对该模式下的教学进行了总结和反思. [关键词]混合式 ...
php网页课程设报告,网页设计课程设计报告
<网页设计课程设计报告>由会员分享,可在线阅读,更多相关<网页设计课程设计报告(10页珍藏版)>请在人人文库网上搜索. 1.网页设计课程设计报告系别: 计算机科学系班级: 0 ...
html网页设计课程的思维导图,UI设计初级教程学哪些？课程大纲和思维导图分享给你！...
如果你现在还不会ps一张照片,那么说明你落伍了,如果一个企业没有一个专业的UI设计师,那么这个企业的前端后端产品应该不会太美,所以,UI设计师是一个企业的灵魂,有了设计师,一切都变得更美了,UI设计行 ...
html5网页制作心得体会,网页设计课程学习心得总结
网页设计师需要不断地调整视觉元素,改进界面设计来满足不同用户的需求和偏好,图片是网页设计的重要设计元素,如何更好地在网页设计中应用图片元素显得尤为重要.下面是小编为大家整理的,供你参考! 篇1 转瞬之 ...
静态网页设计课程设计-周杰伦网站包含源码以及文档，可直接使用
本网站是静态网页设计,网站设计是周杰伦网站,本人是周杰伦粉丝,所以完成的是一个周杰伦专辑和电影介绍的作品. 源码地址如下: 详细资源含网页内容源码地址静态网页设计-周杰伦网站-可用于大学课程设计和实验 ...
php网页设计课程设计dreamweaver8_《动态网页制作》(PHP)课程标准
-1- <动态网页制作> ( PHP )课程标准课程代码 010******* 课程类别专业课程课程类型考试课课程性质必修课课程学分 5 课程学时 80 修读学期第 3 学 ...
基于Html+JS+CSS的环保生态Web前端网页设计课程设计报告+源码
资源下载地址:https://download.csdn.net/download/sheziqiong/85731023 资源下载地址:https://download.csdn.net/downl ...
html网页设计课程心得,网页制作学习心得5篇.doc
网页制作学习心得5篇网页制作学习心得5篇网页制作学习心得一: 网页制作学习心得在学习网页制作的这段时间里,我利用了学习之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的探索 ...
html网页设计课程心得,学习网页制作的心得体会
在学习网页制作的这几天里,我利用了学习之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的探索:同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生! 做好主页 ...
php网页设计课程设计dreamweaver8_Dreamweaver8+PHP动态网站开发从入门到精通(附光盘)...
第一部分 Dreamweaver基础知识回顾第1章 Dreamweaver 8简介 1.1 Dreamweaver 8的新功能 1.2 安装和运行Dreamweaver 8 1.3 Dreamwea ...

html网页设计课程的思维导图,html思维导图

html网页设计课程的思维导图,html思维导图相关推荐

最新文章

热门文章