一、web标准:结构(HTML、XML)、表现(css)、行为(JavaScript)。
1. HTML:超文本标记语言。XML:可扩展的超文本标记语言。
2. css:层叠样式表,是一种用来表现HTML和XML的计算机语言。
3. javaScript:简称js,1995年诞生的,刚开始名为liveScript。JavaScript它是一个基于对象和事件的客户端脚本语言。
二、HTML 5:是HTML的第五个版本,是W3C与WHATWG合作的结果。(WHATWG:网页超文本应用技术工作小组)
三、建站流程
1. 域名注册(需要购买)------->租用空间--------->网站建设(市场调查)--------->推广---------->维护
四、HTML文档结构:
1. HTML网页组成:doctype声明文档类型、head头部和body主体。
2. head头部组成:meta标签(声明编码格式,例如:<meta charset="utf-8" />)、title(网页标题)。
3. body主体组成:网页内容(包括图片、文本、音频、视频等)。
4. 站点作用:整合网站。<HTML></HTML>说明我们写的是标记语言。
5.建立站点的目的:规划网页内容和代码。站点组成:img、css、js、HTML等。
6. 预览:用F12打开。
五、网络三剑客:flash、dw、ps。
六、作为web前端工程师,以后我们肯定要会一点ps,毕竟UI给我们的图我们要会切图吧,所以下面扩展下ps的快捷键。
1. Ctrl+u打开 打开“首选参数”面板,可以修改视图文字大小。 F4:显示/隐藏面板 Ctrl+o打开 Ctrl+f查找/替换 alt+f4关闭 Z 放大图片 H(或者空格键) 抓手工具 Ctrl+n 新建 Ctrl+tab 切换编辑窗口 F8查看位置,宽度以及高度 Ctrl+shift+s 另存为 Ctrl+S 保存 ctrl+shift+alt+s 存储为Web C 裁切 M是选框工具 X 前景色与背景色切换 i 吸管工具 ctrl+T 自由变化 Ctrl+R 显示标尺
2. 裁剪保存为新图像:矩形选框工具选中------->Ctrl+c--------->ctrl+N-------->ctrl+V--------->alt+shift+ctrl+s (存储为web)
3. 图片大的可以通过使它变小或者tiaozh调整品质。
七、文件名命名规范
1. 小写英文字母、数字、下划线组成。
2. 不包括汉字、空格和特殊字符。
3. 必须以英文字母或下划线开头,不可以以数字开头。
八、HTML基本语法
1. 双标签:标签必须成对出现。(例:<div></div>)
2. 单标签:以反斜杠结束。<img />(是XHTML语言)
3. 写在尖括号里面的叫标签或者标记或者元素。
4. <hr />水平线 <h1></h1>到<h6></h6>标题(标题是加粗的黑体) <p></p>段落标记(每个P标记独占一行,段与段之间空一行) 空格(一般两个字代表一个空格) <B></B>加粗黑体(相当于strong) <I></I>斜体(相当图em) <u></u>下划线 <del></del>删除线 <sup></sup>下角标 <sub></sub> 上角标 <br />强制换行 ©;版权信息 > 大于 < 小于 <a></a> 超链接(若是平级,直接在href后写)
七、注释(用户界面不显示)
1. HTML注释 :<!--注释内容 -->
2.css注释:单行注释 ://单行注释 用两个反斜杠;多行注释:/*多行注释*/
3. HTML中的列表
3.1 有序列表:默认列表符号是阿拉伯数字,一共有五种,分别是:A、a、i、I、1;可以通过type来修改列表符号。
<ol>
<li></li>
</ol>
3.2 无序列表:默认黑色小圆点,由黑色小圆点(disc)、空心圆(circle)、空心小方块(square);也可以通过type来修改默认列表符号。
<ul>
<li></li>
</ul>
3.3 自定义列表:dt提问问题,名词;dd问题的答案,名词的解释。(dt只能有一个,而dd可以由多个,首行空了两个字符)。
<dl>
<dt></dt>
<dd></dd>
</dl>
备注:列表之间可以嵌套,例如li标签可以嵌套ul标签。