网页设计基础笔记
网页设计基础
1、 url 统一资源定位符
2、 网站的制作流程:客户的需求分析 策划方案 制作 测试 使用 售后
3、 HTML 超文本标记语言
4、 制作网页的工具:1、记事本 2、Dreamweaver 3、sublime 4、 vs
5、 网页基本结构
<DOCTYPE html>---文档类型声明
<html>---- 结构
<head>----头部
<meta charset=”UTF-8”>---字符编码:UTF-8英文版国际通用GB-2312或GB-2313简体中文版
<title></title>---网页标题
</head>
<body>
</body>----主体
</html>
注意:1、标签不区分大小写
2、标签分为单标签和双标签
3、标签要写尖括号里,用/ 结束(闭合)
4、内容放在双标签之间
6、 标签的分两类: 单标签和双标签
单:meta img hr br
双:html body title
7、 站点
1、 必备的文件 index.html主页 (或 default.html 默认主页) style.css
2、 常用站点文件夹 css html images
8、 文件和文件夹的命名规则
1、 只能用字母 下划线 数字
2、 不能用中文
3、 不能数字开头
4、 最好见名知意
PS部分
1、 专业的切图工具:切片工具
2、 网页图片三种格式:png(支持透明) gif(支持透明) jpg(jpeg) 颜色丰富成千上万种
3、颜色有三种表示方式:
1、英文单词
red红色 green 绿色 blue蓝色
2、十六进制
#000000 简化#000 黑色
#ffffff 简化#fff 白色
#f00 = #ff0000红色 #0f=#00ff00绿 #00f=#0000ff蓝色
3、RGB
例如 rgb(255,0,0)红色,最大不超过255
4、PS快捷方式
1、F8显示隐藏信息面饭
2、Ctrl+R显示隐藏标尺
3、Ctrl+T 自由变换
4、Ctrl++放大 Ctrl+-缩小 Ctrl+滚轮
5、Ctrl+A 全选 Ctrl+C复制 Ctrl+V 粘贴 Ctrl+X 剪切 Ctrl+P打印