團隊:()
產(chǎn)品經(jīng)理:--設(shè)計草圖
設(shè)計師: --設(shè)計網(wǎng)頁圖
前端工程師:--網(wǎng)頁靜態(tài)頁面---T暝浮!沪蓬!
后臺:--頁面功能(數(shù)據(jù)交互)
測試:--測試頁面功能
上線彤钟!--運營
前期準備:
- 需要安裝編輯器
DW - 瀏覽器:
谷歌
火狐 - 切圖軟件:
ps
html
css
DW用法:
打開軟件
提示框
---新建 html
---保存
---開始寫頁面!
新建頁面:
1. 在導航欄里面有一個“文件”按鈕
--里面第一個就是新建頁面跷叉!
快捷鍵:ctrl+N
2. 保存:ctrl+S
另存為: ctrl+shift+S
3.
怎么來寫頁面:
***頁面的信息必須寫在body標簽里面逸雹!
怎么來在瀏覽器上預覽:
1. 點擊小地球
添加:
1.點擊編輯瀏覽器列表
2.點擊瀏覽器三個字旁邊的加號
3.點擊預覽按鈕添加瀏覽器
2. 把你需要谷歌瀏覽器設(shè)置成主瀏覽器
就可以點擊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 區(qū)別帖世?
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....單調(diào)---使用不廣泛
-
十六進制表示法:精準---使用廣泛
#ffff00 ----#ff0 #008000休蟹;--- #000000;----#000; #ff0000 ----f00日矫; #112233 ----#123 #123123 #111233 #13444d赂弓;
-
rgb表示法:---也特別精準
rgb(0,0,0)