Download presentation
Presentation is loading. Please wait.
1
网站设计 前端 入门学习
2
一个完整的网站需要什么来组成？ 我们所知道网站包含很多丰富的内容，比如文本框，标题，内容， 图片等等来组成，那么它由什么来实现？
( HTML + JS + CSS ) + (PHP + MYSQL) 前端 后端 如果不考虑(PHP + MYSQL)，只剩下(HTML + JS + CSS )这部分，我们称作 静态网页，相反称作动态网页。
3
1.HTML ： HTML是称作超文本标记语言 ，它规定了自己的语法规则，用来表 示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器 （IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文 档。目前互联网上的绝大部分网页都是使用HTML编写的。 用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页
4
2.JS JavaScript 是世界上最流行的脚本语言。
JavaScript 实际是属于 web 的语言，它适用于 PC、笔记本电脑、 平板电脑和移动电话，跨不同系统。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单 的语法。几乎每个人都有能力将小的 JavaScript 片段添加到网页 中。
5
3.CSS CSS在网页中视为‘衣服’的作用，我们可以通过CSS样式在不修改html前提下跟换 ‘衣服’。 在写样式时我们需要考虑一下几点：
优先级： 当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？ 一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有 最高的优先权。 浏览器缺省设置 外部样式表 内部样式表（位于 <head> 标签内部） 内联样式（在 HTML 元素内部） 选择：标签选择，在对某标签添加样式时，首先需要想如何指定或全局的标签附 加，因此在CSS有选择器 兼容：是否兼容不同游览器。
6
组成 我们清楚了HTML是一门超文本标记语言 ，使用HTML的标记标签描 述网页。 HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 <html> HTML 标签通常是成对出现的，比如 <b> 和 </b> 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签
7
一个简单的网页构造与制作 在这里有一个非常简单网页例子： <html> </html>
<body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> 使用的工具：记事本，Dreamweaver，Hbuilder , Notepad++ 等等 现在请各位做一个简单网页，这个网页包含一个标题(H1)和副标题(H2)、 内容、图片、无序列表(有序列表)。
8
实践使用到的标签 <ul>、<li> 无序列 <ol type=A> <li> 有序列 <p> 内容 <h1>~<h6> 标题 <img src=””> 图片 <a herf=””>超链接
Similar presentations
