3--4周——网页设计

网页设计

代码编辑

代码编辑1.HTML,确定网页的主体结构（内容和先后顺序）；2.css，网页的布局和美化；背景，位置，色调等调节； 3.Javascript,网页动作——页面交互功能设计——解释语言4.；c语言：编译语言；5.Java:编译语言

结构元素

Header 1.header 通常是HTML文档内容中的第一个元素，用来组织页面头部的内容，是对网站的介绍以及页面导航，一般性包括标识（Logo）、标语（Slogan）和菜单（Menu）。 2.header 也可以被用作某篇文章（article）或某个区块（section）部分的头部内容。 3.Footer footer 通常是HTML文档内容中的最后一个元素，包含网站一些次要的但是公共的（多个页面共享）信息，比如常用快捷链接、网站版权声明和备案信息等。 Main 4.main 元素包含当前页面的主体内容，网站各个页面可以共享header和footer这些通用元素，但main元素应该是彼此不同的。 5.Aside aside 元素通常用来包含一些和当前页面内容有关的额外信息，比如博客文章页面的关联评论、推荐文章列表等，一般以左右边栏的形式呈现在页面两边。 6.Article article 元素通常用于组织图文博客、论文和文章。 7.Section section 元素的结构粒度要小一些，自身并不需要特别的语义，通常用来把一些相关的元素组合在一起。

页面交互元素

页面交互元素 1.detalis元素和summary元素 datails元素用于描述文档或文档某个部分的细节。summary元素经常与details元素配合使用，作为details元素的第一个子元素，用于为detalis定义标题。标题是可见的，当用户单击标题时，会显示或隐藏details中的其他内容。 2.progress元素 progress元素可用于表示一个任务的完成进度。这个进度可以是不确定的，只是表示进度正在进行，但是不清楚还有多少工作量没有完成。也可以用0到某个最大数值（如100）之间的数字来表示准确的进度完成情况（如进度百分比）。 progress元素的常用属性值有两个。 （1）value：已经完成的工作量。 （2）max：总共有多少工作量。 需要注意的是value和max属性的指必须大于0，且value的值要小于或者等于max属性的值。 3.meter元素 meter元素用于表示指定范围内的数值。例如，显示硬盘容量或者某个后选者的投票人数占投票总人数的比例等，都可以使用meter元素。

文本层次语义元素

1.time元素 time元素用于定义时间或日期，可以代表24小时中的某个时间。time元素不会在浏览器中呈现任何特殊效果，但是该元素能以机器可读方式对日期和时间进行编码，这样，用户能够将生日提醒或其他事件添加到日程表中，搜索引擎也能够生成更智能的搜索结果。 time元素有两个属性。 （1）datetime：用于定义相应的时间或日期。取值为具体时间（如14：00）或具体日期（如2015-09-01），不定义该属性时，由元素的内容给定日期/时间。 （2）pubdate：用于定义time元素中的日期/时间是文档（或article元素）的发布日期。取值一般为“pubdate”。 2.mark元素 mark元素的主要功能是在文本中高亮显示某些字符，以引起用户注意。该元素的用法与em和strong有相似之处，但是使用mark元素在突出显示样式时更随意灵活。

 

 

全局属性

全局属性,accesskey 规定激活元素的快捷键。 class 规定元素的一个或多个类名（引用样式表中的类）。 contenteditable 规定元素内容是否可编辑。 contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。 data-* 用于存储页面或应用程序的私有定制数据。 dir 规定元素中内容的文本方向。 draggable 规定元素是否可拖动。 dropzone 规定在拖动被拖动数据时是否进行复制、移动或链接。 hidden 规定元素仍未或不再相关。 id 规定元素的唯一 id。 lang 规定元素内容的语言。 spellcheck 规定是否对元素进行拼写和语法检查。 style 规定元素的行内 CSS 样式。 tabindex 规定元素的 tab 键次序。 title 规定有关元素的额外信息。 translate 规定是否应该翻译元素内容。 标签列表（功能排序）

css概述

css概述层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。