2014-08-07 分類: 網站建設
拖放網頁設計的案例
在開始時,每個人都在瀏覽器中設計。這是因為我們沒有任何其他選擇。一個文本編輯器和一個瀏覽器是我們唯一的工具。
HTML本身是很基本的。直到幾年后我們才有了第一個瀏覽器。當我們終于做了,它沒有花很長的人開始做布局與他們。當然,他們設計的表格數據,但規則和標準都是嚴重的破壞了,對嗎?
幾年來,透明的gif文件,和月臺幕門后,一般的網頁設計設置看起來像這樣:
設計師會讓界面看起來漂亮的Photoshop。它可能是有用的。另一方面,它可能有導航文本,混合的背景有點太好了。重要的是,它看起來有點三維與大量的梯度和下降的陰影。
然后有人(也許是設計師,也許他們的編碼器的好友)將切片的基本接口,苦心重建所有表,并確保它工作在IE6,至少。
有人記得當一個客戶想要一個主要的導航鏈接來改變什么時候發生了什么嗎?
在時間上,我們從表CSS。然后,我們中的許多人從嘲笑一切在Photoshop設計的瀏覽器。圓圈被關閉。舊的又是新的。IE6被扔在末日山的火焰。
好時光。
其他設計工具
我開始設計網站在這中間的某個地方,當人們進入Photoshop,但我們也有Dreamweaver、FrontPage等問題,旨在懲罰罪人。
我是個孩子。我不知道有什么好。我不知道HTML和CSS的工作。我也不知道:
任何一個網頁設計應用程序都可以做的,代碼可以做的更好
簡單的說,沒有視覺的網頁設計中的應用會提供純粹的靈活性來自編寫HTML和CSS的自己。寫你自己的HTML和CSS允許你嘗試新技術,寫最少的代碼的影響大,一般只做更好的網站。
這些應用程序寫的可怕的代碼,其實
這不僅僅是你可以通過學習編寫HTML和CSS做出更好的網站。那些老節目,FrontPage,Dreamweaver,他們所有的人,都知道寫特別糟糕的代碼。當你切換到一個文本編輯器時,它是臃腫的、緩慢的,幾乎是不可能的。
他們是笨拙的
即使扣除基本標記和造型,軟件是可怕的使用,尤其是如果你不知道的HTML和CSS的工作擺在首位。你知道如何在舊版本的話,嚴重地放置在您的文檔中的一個圖像可能會擰緊所有其他元素的位置?
想象一下,但不知道如何修復它,因為刪除的圖像似乎并沒有把所有的東西,這是以前。在所有的接口中添加了丟失,這只是一個糟糕的體驗。
但他們有更好的
當應用程序像金剛鸚鵡,WebFlow,Webydo,和別人第一次出來,我非常,非常懷疑。我為什么不呢?我以前被燒過。另外,我剛剛從使用Photoshop的一切,我學到了很多在瀏覽器設計。
但最近,我有理由更密切地看這些新的應用程序,并檢查與他們的網站。反對我所有的保留,我改變我的想法。
代碼有很多更好的
當我站在我寫幾段的時候,代碼確實有了改進。多年的經驗和標準為基礎的發展已經進入了這些應用程序。沒有人想回到過去的老路。
它不是好的優化代碼。但然后,它不需要。沒有人會用金剛鸚鵡或Webydo建造新的維基百科。這些應用程序的市場是由小到中等規模的企業,只需要一個體面的宣傳網站。
除非每天有成千上萬的游客被擊中,否則很不好的代碼會很不重要。
他們把帆布帶回來
我從各種各樣的地方得到靈感,但一個干凈,空白的畫布是。它只是那么加載的可能性,與潛在的解決方案。我坐,我凝視,然后我開始點擊。
至少,我就是這樣做的時候,我嘲笑一切在Photoshop。一個網站的代碼設計使得它的迭代速度一樣,有點難度。我有時候很難放手的東西,我只是把半個小時的CSS為。
他們對初學者很好
FrontPage開始我的職業生涯。如果我沒有一個(比較)容易的圖形用戶界面來讓我開始,我就不會在網頁設計上開始的。我的意思是肯定的,得到了大多數類似的Webflow,你還需要了解HTML和CSS的基礎知識,但他們使一個偉大的地方開始學習這些東西。
這個行業需要類似的東西,為下一代的初學者。
結論
在許多方面,它是視覺網站的創造者的時代。新手的確不想學習Git,一飲而盡,Nodejs,甚至打開一個終端,真的。他們想在他們的網頁上放置一個信息,并進行與它。在這一點上,越來越少的客戶看到這一點,在支付一千美元或更多的一個簡單的促銷網站。
是時候利用這些工具,為那些不能為專門的網頁設計和開發的錢或時間。工具已經準備好了,市場也就這樣。
當前文章:拖放網頁設計的案例
分享網址:http://m.newbst.com/news/20202.html
成都網站建設公司_創新互聯,為您提供微信公眾號、網站導航、外貿建站、定制開發、響應式網站、小程序開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容