iT邦幫忙

網頁設計相關文章
共有 824 則文章
鐵人賽 Modern Web DAY 16

技術 [Day16] ASP.NET Core 2 系列 - 多重環境組態管理 (Multiple Environments)

產品從開發到正式上線的過程中,通常都會有很多個環境,如:開發環境、測試環境及正式環境等。 每個環境的組態設定可能都略有不同,至少資料庫不會都連到同一個地方,因此...

鐵人賽 Modern Web DAY 2
前端工程師養成手冊 系列 第 2

達標好文 技術 資訊爆炸的年代,周遭的人總要你多學一項技能

當我進入公司以後,公司組成可略分為企劃、工程、美術、行政部門,假使你有工作經驗的話,其實很清楚如果你是以「助理」身份進去的話,基本上每個事情你都會碰到一些,所以...

鐵人賽 IT技術 DAY 2
網站系統規劃實務 系列 第 2

達標好文 技術 網站系統規劃 - 基本網頁元素介紹,HTML

本篇作為第二篇,我們不談太深入的技術,我們用很基本的方式談什麼是 html。 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個原本屬於新興的領域,這幾...

技術 [Tool] 一款漂亮的jQuery Chart Plug-in-Highcharts

原文來自點部落-gipi的學習筆記:http://www.dotblogs.com.tw/jimmyyu/archive/2010/03/21/jquery-p...

鐵人賽 Modern Web DAY 4

技術 【Day 4】網頁設計入門:基礎 HTML、CSS 線上課程推薦

昨天分享的教學是以文章資源為主,好處是一目了然,所有大綱和分類都可以快速尋找。但文字看久難免會想睡呀! 學習時搭配一些互動式影片教學,可以幫助吸收和複習,一步一...

鐵人賽 開發技術 DAY 25
30天掌握Sass語法 系列 第 21

技術 30天掌握Sass語法 - (25) 透過index()與nth()來設計網站版本樣式控制管理

在以往有些網站性質會因為節慶的關係, 而會修改網頁樣式, 在傳統比較常見的做法, 一個網站會有兩隻CSS, 第一個CSS是網站全域樣式,譬如Layout、mod...

鐵人賽 Modern Web DAY 4

技術 網頁設計常用格線系統(上)

學習設計的時候,一定會討論到網格系統,透過網格可將圖片、文字做有條理的編排,只要有了網格做支撐,就算是複雜的圖文都會有規矩的排列。相反的,如果平面設計缺乏網格系...

鐵人賽 DAY 2
jQuery外掛特輯 系列 第 2

技術 [jQuery]外掛特輯02:Star Rating Widget-星星評價創造豐富的使用者體驗

更詳細的說明請參考我的部落格 互動式的Star Rating可以帶給使用者更好的操作體驗,讓網站更加活潑,雖然沒有他網站還是可以照樣運作,但是無疑的這會令網站...

技術 申請無障礙網站標章認證之XXX

因客戶要求網站要符合無障礙網頁設計 故須申請無障礙網站標章認證 以 Google 用「無障礙」、「網頁」、「申請」關鍵字去找 得知行政院研考會有提供「無障礙網頁...

鐵人賽 Modern Web DAY 14
前端工程師養成手冊 系列 第 14

達標好文 技術 如何培養自信成為前端工程師?

到底要磨練到什麼程度,才可以自稱自己是名前端工程師呢?在以前的年代會有師徒制,例如要成為一位壽司師傅時會先進壽司店當學徒,在前幾年你只能在台下準備壽司材料,直到...

鐵人賽 DAY 7

技術 ::進入Flex的異想世界(7):: Flex的靈魂角色-MXML(I)

前情提要: 「不過,幸好剛開始學Flex,還可以假裝它不存在...」 「Flex基本上就是ActionScript的框架...」 「既然如此,不就是要寫Acti...

鐵人賽 DAY 10
ASP.NET技巧 系列 第 13

技術 GridView點選Row任何位置就選擇Part2

(這部分有修正,保留原來的方式,正確的方式請參考本篇最下方!!) Protected Sub GridView1_RowDataBound(ByVal send...

鐵人賽 IT技術 DAY 1
網站系統規劃實務 系列 第 1

達標好文 技術 網站系統規劃 - 綱要說明,網站系統概論

網站系統可說是現在最多學子與新人想要入門的一個領域, 這個原本屬於新興的領域,這幾年來也累積許多年的知識與 pattern , 在有限的環境(stateless...

技術 30天掌握Sass語法 - (14)透過Compass CSS3 Mixin輕鬆撰寫CSS3靜態樣式

在早期如果我們必須要撰寫一個最基礎的圓弧效果時, 是必須要寫很多瀏覽器前綴詞的,譬如這樣: .box{ -webkit-border-radius: 100...

鐵人賽 Modern Web DAY 10

技術 [Day10] ASP.NET Core 2 系列 - Views

ASP.NET Core MVC 中的 Views 是負責網頁顯示,將資料一併渲染至 UI 包含 HTML、CSS 等。並能透過 Razor 語法在 *.csh...

技術 30天掌握Sass語法 - (15)如何透過Sass&Compass支援CSS3動畫效果

這次的主題主要是要分享自己是如何透過Sass&Compass來支援動畫效果, 一共會分享Compass Transition,以及國外分享出來的Anim...

鐵人賽 IT技術 DAY 15
網站系統規劃實務 系列 第 15

技術 網站系統規劃 - 網站功能分析概論(wireframe)

第三週開始是系統開發, 首先我們要先瞭解系統的全貌,從 wireframe 下手。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想...

鐵人賽 DAY 12
ASP.NET技巧 系列 第 15

技術 挑選日期的好物 jQuery Plugin [dynDateTime]中文化特別處理

剛好同事在輸入日期可以點選的工具,小喵經過那一次【jQuery初體驗】之後,自然而然就想到jQuery的一堆PlugIn 比較著名的是jQuery DatePi...

鐵人賽 DAY 3

技術 ::進入Flex的異想世界(3):: 現場直擊Flex面貌

一方面,透過無心插柳柳澄汁與剖開開發人員的大腦,我們已經有那麼一點點知道Flex是什麼了? 另一方面,星期六的晚上,應該去約會看電影,應該去和家人聚餐上館子,總...

鐵人賽 Modern Web DAY 29

技術 [Day29] ASP.NET Core 2 系列 - 封包壓縮 (Gzip)

ASP.NET Core 並不會自動把所有封包壓縮,要針對 Response 的內容做壓縮,可以使用的 ResponseCompression 套件提供的壓縮方...

鐵人賽 DAY 21
Javascript面面觀 系列 第 21

技術 Javascript面面觀:應用篇《測試》

測試在開發中是非常重要的一環,對Javascript來說也不例外。下面就來介紹幾種工具。 單元測試 單元測試的元老還是jsunit。 http://www.js...

鐵人賽 開發技術 DAY 7
作個網站吧! 系列 第 7

技術 作個網站吧!HTML的二三事(1)-Psd to HTML

不知道各位怎麼切版的呢?Ps跟AI都有切片工具,方式從製作電子報到整頁Html的形式都有,看起來似乎是不難,但要切出靈活度高的網頁卻又是另外一回事兒。以下分享我...

鐵人賽 DAY 13
Javascript面面觀 系列 第 13

技術 Javascript面面觀:核心篇《ECMA-262 Edition 5》(上)

新規格的制定是一個漫長而痛苦的過程,ECMA-262 Edition 3規格是1999年制定的,恐怕當初誰也沒想到下一版竟然搞了十年!但是這個語言真的深入了解的...

鐵人賽 DAY 10
jQuery外掛特輯 系列 第 10

技術 [jQuery]外掛特輯10:jscrollable-固定標頭與頁尾

更詳細的內容請至我的部落格finalevil's blog瀏覽 這是一個很典型的表格(table)應用,但越是常見通常就表示越多人詢問,所以在ASP.Net的G...

鐵人賽 自我挑戰組 DAY 6

技術 [DAY6]測試基本的PHP與MySQL連結

開始 自兩天的折騰後,我還是回來踏實的打程式吧!,今天主要是做各個需要傳值得表單,傳到各個資料表,今天先來做管理員的上傳商品好了。 上傳商品 我的上傳表單:...

鐵人賽 開發技術 DAY 30
30天掌握Sass語法 系列 第 26

技術 30天掌握Sass語法 - (30)inline-image()與Livereload介紹

上篇文章好像太早發了,導致系統沒更新,所以第30天煩請以此文章為主 關於Sass的基礎知識, 其實在這30天都講得差不多了, 如果有興趣想再深入了解的話, 可以...

鐵人賽 DAY 2
ASP.NET技巧 系列 第 3

技術 ASP.NET 2.0 使用資料表動態產生TreeView的樹狀結構 Part2

VS.NET2005已經將TreeView放入基本的元件,不過他的資料來源限定為XML檔案或者是Site Map,不過如果我們希望不同的使用者,依照不同的權限來...

鐵人賽 開發技術 DAY 26
30天掌握Sass語法 系列 第 22

技術 30天掌握Sass語法 - (26) 如何讓你的CSS動畫更具動態效果

.box height: 30px width: 30px transition: all 1s &:hover width:...

鐵人賽 開發技術 DAY 23
作個網站吧! 系列 第 23

技術 作個網站吧!Web Font(1)-網頁也可以不一樣

網頁字型已經行之有年,國外大大小小的網站都可以看到不同字體顯示,只要連結檔案就能看到效果,多數文字再也不必依賴圖片製作,不但方便還減少檔案大小,一舉兩得~ 以下...

鐵人賽 DAY 1

技術 ::進入Flex的異想世界(1):: 從柳澄汁認識Flex

Adobe Flex也許對很多人而言相當陌生?Flex是什麼?能吃嗎? 我想雖然它應該是驗不出2.5PPM的三聚氰胺,不過還是不能吃的。 對一個陌生的東西,要...