文档介绍:网页设计与网站制作html
关于网页设计这门课
专业方向、就业前景、学习状态等
代码之美/技术之美
基础——识记;中、高级——灵活运用
敲代码,赏析各种优秀网页,模仿制作,拓展理论(专业术语、书籍)。
赏析网页地址:/
课外阅读书籍
关键词:用户体验、可用性设计、交互设计、网页设计等
评分在8以上
一:网页的构造
一个html网页包含什么
一个html网页主要包含三个部分文本内容——纯文字对其他文件的引用——影、音、图、样式表、javascript标签(标记) -------------------------------------------------
Html——描述内容是什么,网页内容主要的语义化容器
Css样式表——控制内容的外观 (每个浏览器自带的样式可以被css覆盖)
-------------------------------------------------
其他部分:用于浏览器和搜索引擎的信息网页的顶部和头部Doctype——告诉浏览器html——添加属性,表明页面语言meta——字符集title——浏览器书签名、对搜索引擎有用
标签:元素、属性、值及其他
元素由开始标签、内容和结束标签组成。有的元素包含一个或者多个属性来进一步描述元素。
属性和值属性包含元素的额外信息,推荐加引号,小写字母。有的属性接受任意值,有的仅接受预定义值。数字值默认单位是像素,可以不加单位。值为布尔属性时,只要这种属性出现即可。
Html(html5)
开始标签结束标签<p>……</p><header>……</header>
单独标签 <meta /><link /><img />
Html的树状结构
父元素和子元素必须正确嵌套父子,祖,后代<body> <header> <h1>……</h1> …… </header></body>
网页内容、命名、后缀名
网页的文本内容浏览器处理空格与换行字符编码指定--<meta charset=“utf-8” />
链接、图像其他文本内容
文件夹、文件名——小写,有意义名称,便于组织
扩展名/后缀名——.html
名称分割线用短横线