海門UI設計學習 UI設計學習軟件內(nèi)容 UI設計文件格式
海門UI設計學習 UI設計學習軟件內(nèi)容 UI設計文件格式
海門UI設計學習 UI設計學習軟件內(nèi)容 UI設計文件格式
【學校地址】海門市解放大道中段貴都之星8幢5樓7樓（利群時代東）
【咨詢熱線】周老師(同微信號) QQ：
【其它說明】利群時代肯德基往東走20米進電梯上七樓
值得注意的是，今年國慶假期期間，部分熱門景區(qū)只能在線訂票。據(jù)攜程統(tǒng)計，10大只能在線訂票景區(qū)包括故宮、云上草原、拙政園、獅子林、黃果樹景區(qū)、都江堰、峨眉山、青城山、黃鶴樓等。
另外，長江索道、秦始皇兵馬俑博物館、華山等景區(qū)也公布了十一黃金周的限流數(shù)據(jù)，如果當日游覽人數(shù)達到限額，會立即停止售票。27日，“童話世界”九寨溝再次開園迎客，成為國慶旅游的黑馬，目前在一些旅游平臺上一票難求。
一、使用工具
工具的話，DW我想大家是熟悉的吧，對設計師來說光看圖標就覺得親切有木有？
對專職做前端的來說DW可能并不是，因為會覺得性能不好，比如代碼提示不夠，工作起來效率不太高。以DW為例，這個主要是……本人電腦里剛好只裝了它。代碼提示太多并不是件好事，單詞量本來就少，如果養(yǎng)成了只記前兩個字母然后等待代碼提示的習慣。大概就好比沒有自動鉛筆的時候，你連普通鉛筆都不會削，多尷尬啊。
二、初識html
html并不是一種編程語言，而是一種標記語言，它只是把內(nèi)容放在相應的標簽內(nèi)通過網(wǎng)頁的形式表現(xiàn)出來，讓人們能看到。就像使用PS來添加字體、顏色、樣式……然后完成導出成一張圖片給別人看，實際上編寫PS這個程序軟件的人干的才是編程的工作。你需要做的只是掌握一定的PS技法。同理，DW也是一個讓你的內(nèi)容呈現(xiàn)給別人的工具，你可以給內(nèi)容（圖片、文字、形狀……）布局，添加樣式、動作……然后導出成一個html文件，讓別人能通過瀏覽器看到，而布局和添加樣式的技法是你需要掌握的，也就是本文所要傳達的東西。
1. 文件格式
后綴為“.html”的文件即為網(wǎng)頁的文件格式，默認為使用瀏覽器打開。有時候會遇到諸如“.htm”之類的格式其實也是差不多的。就像jpg也有jpeg的叫法一樣。
2. 新建文件
DW內(nèi)新建一個html文件，然后就會自動出現(xiàn)如下代碼：
編碼區(qū)上方有幾個菜單，Code（編碼）、Split（拆分）、Design（設計）、Live（實時），請保證你是在編碼菜單下。此前有設計師利用design直接可視化進行排版，說也能排出來啊。額……那還要程序員來干嘛咩？你有你的便利，咱有咱的長處……乖乖碼字吧。
尖括號“< >”和看似認識又有點不認識的單詞的組成便是標簽了，也是構成網(wǎng)頁不可或缺的元素，當然不止這幾個。有木有發(fā)現(xiàn)除行和帶meta的，都是成對兒出現(xiàn)？（oh god，代碼都來虐狗了?。┎⑶也唤徊?。
接下來是需要注意的幾點規(guī)范：
1）除特殊標簽外，所有標簽必須成對出現(xiàn)并以“< tagName>”開始，以“< / tagName>”結束（所以它們也被稱為開始標簽和結束標簽），并且不與其他標簽交叉：下面這種亂叉的方式會死很慘噠。
2）標簽名小寫（記住記住……）
3）每個標簽的尖括號不能多，也不能少（跟瀏覽器讀取網(wǎng)頁的形式有關，一般由上到下，由左到右，當讀取到一個左尖括號“<”時，會一直尋找下一個右尖括號“>”為結束，，是的，它就是這么執(zhí)著。缺失可能會導致比較嚴重的問題，也要養(yǎng)成一個規(guī)范編碼的習慣，先寫完一對標簽，再填充內(nèi)容和樣式。）
海門UI設計學習 UI設計學習軟件內(nèi)容 UI設計文件格式
海門UI設計學習 UI設計學習軟件內(nèi)容 UI設計文件格式
海門UI設計學習 UI設計學習軟件內(nèi)容 UI設計文件格式
【學校地址】海門市解放大道中段貴都之星8幢5樓7樓（利群時代東）
【咨詢熱線】周老師(同微信號) QQ：
【其它說明】利群時代肯德基往東走20米進電梯上七樓