团队:()
产品经理:--设计草图
设计师: --设计网页图
前端工程师:--网页静态页面---!!!
后台:--页面功能(数据交互)
测试:--测试页面功能
上线!--运营
前期准备:
- 需要安装编辑器
DW - 浏览器:
谷歌
火狐 - 切图软件:
ps
html
css
DW用法:
打开软件
提示框
---新建 html
---保存
---开始写页面!
新建页面:
1. 在导航栏里面有一个“文件”按钮
--里面第一个就是新建页面!
快捷键:ctrl+N
2. 保存:ctrl+S
另存为: ctrl+shift+S
3.
怎么来写页面:
***页面的信息必须写在body标签里面!
怎么来在浏览器上预览:
1. 点击小地球
添加:
1.点击编辑浏览器列表
2.点击浏览器三个字旁边的加号
3.点击预览按钮添加浏览器
2. 把你需要谷歌浏览器设置成主浏览器
就可以点击f12按钮,打开浏览器预览!
html->标签
标题标签:<h1>标题文字</h1>
段落标签:<p>段落文字</p>
换行标签:<br/>
图片标签:
![](img/qingge.jpg)
![](文件名/图片名字)
超链接标签:
<a href="页面的链接地址">点击对象</a>
双标签:
<h1></h1>
<p></p>
<a href="1-6个人资料2.html">个人资料</a>
单标签:
<br/>
![](img/qingge.jpg)
属性:
<标签 属性1="属性值" 属性2="属性值"></标签>
多个属性的话,属性与属性之间用空格隔开
私有属性:专属标签独有的属性!
img
src=“图片路径”
alt=“图片挂了显示文字”
a
href=“链接地址”
公有属性:任何标签都可以使用的属性!
title=“鼠标移入的提示文字”
alt 和 title 区别?
1.alt是私有 图片挂了以后文字提示
2.titile是公有 鼠标移入的时的文字提示
回顾:
- 标签:h1 p br a img
单标签:
<br/>
![](图片路径)
双标签:
<h1></h1>
<p></p>
<a href="链接地址"></a>
-
属性:属性名="属性值" ---多个属性的时候用空格隔开
私有:标签独有属性img src alt width="200" 宽 height="200" 高 border="2" 边框 a href
公有:任何标签都可以使用的
title
颜色表示法:
单词表示法:red blue....单调---使用不广泛
-
十六进制表示法:精准---使用广泛
#ffff00 ----#ff0 #008000;--- #000000;----#000; #ff0000 ----f00; #112233 ----#123 #123123 #111233 #13444d;
-
rgb表示法:---也特别精准
rgb(0,0,0)