初识网页
HTML
网站的组成?
网站是由网页组成的,而网页是由HTML结构内容和CSS样式组成的!
html结构内容可以是文字、图片、音频和视频!
英文释义:HyperText Markup Language(超文本标记语言)。
Html的基本结构?
网页结构是头部head+主体body+底部foot;
<!DOCTYPE html> <!-- 声明文档类型,首行 --> <html lang="en"/> <!-- 网页结构 --> <head> <meta charset="UTF-8"> <!--meta 定义字符编码 --> <title>Document</title> <!-- 网页标题,一定放在head中 --> </head> <body> <!-- 主体,书写页面显示内容 --> </body> </html>
标签的特点
-
由尖括号包围,用“/”闭合;
-
成对出现,双标签;
-
单个出现,单标签;
-
双标签内可以方内容;
-
不区分大小写。
站点的建立
[站点的本质其实是文件夹]
-
html(存放html文档)
-
css(存放css文件)
-
images/img(存放图像,音频,视频)
-
js(特效)
首页命名
-
首页一般命名为default(默认)或者index(索引)
-
默认必须规范!
-
站点中必备的两个文件夹 index.html(首页文件)和style.css(修饰首页文件)。
命名规范
-
文件夹/文件夹名 尽量见名知义!
-
字母数字下划线,不可以是中文,也不能数字开头!
有关ps的一部分功能
Ps三大功能
选取,切片,吸管
网页中图片格式的特点
-
JPG格式:颜色丰富、文件小、有损压缩,成千上万种颜色!
-
PNG格式:支持透明、文件大、无损压缩
-
GIF格式:支持透明、支持动画、最多存256种颜色!
Ps颜色表示的方式有3种:
-
英文单词(关键字)
red/green/blue/orange/pink/purple/yellow
-
16进制
#000黑
#f00 红
#0f0 绿
#00f 蓝
#fff 白
...
-
RGB颜色
(区间0~255,0~255,0~255)
Ps常用快捷键
Ctrl+c/v 复制/粘贴
Ctrl+x 剪贴
Ctrl+o 打开
Ctrl+z 撤销
Ctrl++/-- 放大/缩小
Ctrl+R 显示/隐藏标尺
F8 显示/隐藏标尺
Ctrl+t 自由变换工具
Ctrl+d 取消选区
空格键 抓手工具