html可以自學(xué)嗎?
網(wǎng)友解答: 這位老鐵可以哦,html是可以自學(xué)的,倘若有學(xué)習(xí)上的問題可以聯(lián)系我,我作為一名web前端工程師,可以指導(dǎo)你,學(xué)習(xí)方法我可以通過筆記和視頻來教你~~~切片是第一步:網(wǎng)頁制作1:
這位老鐵
可以哦,html是可以自學(xué)的,倘若有學(xué)習(xí)上的問題可以聯(lián)系我,我作為一名web前端工程師,可以指導(dǎo)你,學(xué)習(xí)方法我可以通過筆記和視頻來教你~~~
切片是第一步:網(wǎng)頁制作
1:切片
一般是用ps ,firework , 我說的話是用ps來進(jìn)行
減少網(wǎng)頁加載時(shí)間,制作動(dòng)態(tài)效果,優(yōu)化圖像
2:制作切片的工具,準(zhǔn)備工作
快捷鍵c 【ps】
第三個(gè)才是,帥氣
一:另存psd 文件 以便于編輯操作
不會(huì)破壞源文件
二:整合ps的圖片
建造幾個(gè)組,養(yǎng)成好習(xí)慣
切片具體操作:
一:分割切片
哪些需要切片,哪些不需要,心中清楚
Ctrl+R 【顯示出標(biāo)尺】
按住alt 【放大圖片】
二:切片的類型(用戶切片,非用戶切片)
藍(lán)色{用戶切片}和灰色{非用戶切片}
夜光認(rèn)為核心:div+css布局
【div+span+盒子模型】
1:div+span
兩者區(qū)別:div:塊級(jí)元素 span:內(nèi)聯(lián)元素
2:盒子模型
3:布局相關(guān)的屬性
4:兼容問題
5:實(shí)例教程 【項(xiàng)目開發(fā) 么么么噠】
<!DOCTYPE html<html lang="en"
<head
<meta charset="UTF-8"
<titleTitle</title
<style type="text/css"
body{ padding: 0; margin: 0; }
.div{ width:960px; height:600px; margin:0 auto; background-color: #fbcaff; }
</style
</head
<body
<div class="div" <div class="left"</div <div class="right"</div <div class="bottom"</div
</div
</body
</html
=============
JS 控制樣式【夜光認(rèn)為核心】
我們就JS主要目的: 控制 web 中的前兩種
結(jié)構(gòu)
樣式
行為
CSS怎么寫樣式 就是用div 語句
<!DOCTYPE html<html lang="en"<head <meta charset="UTF-8" <title</title <style #demo{ width:100px; height:100px; background-color: aqua; } </style</head<body<div id="demo"</div</body</html
【可以多和我交流一下,謝謝】
網(wǎng)友解答:不多說,就3點(diǎn),適合新手
1、w3cschool.cn,這里面有html的教程,全部是文字
適合手機(jī)看,堅(jiān)持每天看,剛開始可能看不懂,堅(jiān)持下去就可以了。這種是基礎(chǔ)性的東西,編程要好,都需要扎實(shí)基礎(chǔ)。
2、imooc.com,這里面有很多視頻教程,跟著練
這個(gè)網(wǎng)站基本是學(xué)前端的,也就是HTML這類知識(shí),基礎(chǔ)的,高級(jí)的,都有。你可以現(xiàn)在免費(fèi)課程區(qū)學(xué)習(xí)基礎(chǔ)的,有視頻,都很簡短,可以調(diào)節(jié)語速。也是要堅(jiān)持看。
3、多編碼
無論你學(xué)了多少,真正動(dòng)手編碼才是王道,不要覺得累。高手都是從基礎(chǔ)的編碼開始學(xué)習(xí)的。當(dāng)你寫程序到達(dá)一定程度的時(shí)候,知識(shí)就像是融入到手指肌肉里面。遇到問題腦袋還沒來得及反應(yīng),手指就已經(jīng)敲出代碼了。
總結(jié):寫得不多,但是很適合新手。貴在堅(jiān)持。沒有人會(huì)督促你,學(xué)習(xí)更多的是靠自己的毅力。