iT邦幫忙

網頁設計相關文章
共有 579 則文章
鐵人賽 DAY 24

技術 請問,做一個網站,大約要多少錢?多麼簡潔明瞭的庶民問句,你答的出來嗎?我有一個簡單的應對方針。

如果你在賣房子,有好奇心的友人會問你:「現在房價多少?」 如果你在賣電腦,想添購電腦的友人會問你:「現在電腦一台多少?」 如果你在包工程,有人會問嗎?知道怎麼問...

鐵人賽 DAY 31
30天掌握Sass語法 系列 第 27

技術 Sass開發流程設計 - (1) 切圖、規劃Layout

關於Sass的基礎在前30天已經介紹得差不多了, 但畢竟理論的東西要導入自己的實務開發流程始終會有陣痛期。 所以之後的文章我會用Sass從無到有實際做一個版型出...

鐵人賽 DAY 15
作個網站吧! 系列 第 15

技術 作個網站吧!Beauty CSS(4)-選擇器part2

選擇器學不好,要飯要到老(誤)我認為學好CSS選擇器對於網站效率有很大幫助,當然這點我也還在學習當中。 今天繼續紀錄CSS的選擇器,文章若有謬誤還請不吝指正m(...

鐵人賽 DAY 30
快寫HTML靜態網頁 系列 第 27

技術 快寫:語法 + 框架 + API。靜態:動態的完成

快速回顧一下,為什麼要挑這些主題來構成這一系列的簡介文章。 這系列的快寫 HTML 靜態網頁, 分別就以下的特點來快寫: 語法 編輯器上的縮寫語法來 快速 擴...

鐵人賽 DAY 30
30天掌握Sass語法 系列 第 26

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

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

鐵人賽 DAY 27
學習手機網站開發 系列 第 24

技術 JQM內嵌(inline)清單&圖示清單-Day 27

將LIST和其他html內容在一起顯示。 預設下通常list清單都會顯示全頁模式,下面作法是要將list和其他HTML內容混用,也可以達到多清單的樣式,每個ul...

鐵人賽 DAY 14
作個網站吧! 系列 第 14

技術 作個網站吧!Beauty CSS(3)-選擇器part1

選擇器學不好,要飯要到老(誤)我認為學好CSS選擇器對於網站效率有很大幫助,當然這點我也還在學習當中。 以下是紀錄CSS的選擇器,文章若有謬誤還請不吝指正m(_...

鐵人賽 DAY 29
快寫HTML靜態網頁 系列 第 26

技術 Shower.js 與其他的HTML簡報工具

在 前一篇 簡介了很易用的 HTML 簡報, 如果希望在簡報裡是比較多的照片為底圖, 可能就不大方便,後來才發現已有一堆的 HTML 簡報工具可利用。 一堆的...

鐵人賽 DAY 26
學習手機網站開發 系列 第 23

技術 JQuery Mobile清單劃分兩層文字欄位-Day 26

將LIST清單,分為兩個欄位顯示兩個文字訊息。 常用的LIST清單設計通常只有一個欄位+一個圖示來顯示資訊,下面作法可以分為兩個文字欄位來補充其他資訊。 作法:...

鐵人賽 DAY 29
30天掌握Sass語法 系列 第 25

技術 30天掌握Sass語法 - (29) @for+random()創造無限可能

for迴圈不論是在哪個程式語言上都非常的常見, 這一次則是介紹Sass @for的運用方法。 我們先來一個簡單的範例 @for $i from 1 thro...

鐵人賽 DAY 22

技術 節能減碳的口號喊了很多年,有識之士醞釀出教育部的補助款,交辦各級院校安裝「電力需量控制系統」,我也參了一腳。

「電力需量控制系統」是啥?IT 界的人知道嗎?應該是「電控」的世界吧! 幾億的經費誰不眼紅,管他原來熟悉哪一領域,大家各顯神通。 雖然系統規格中有個「監視網頁」...

鐵人賽 DAY 13
作個網站吧! 系列 第 13

技術 作個網站吧!Beauty CSS(2)-CSS Hack

今天紀錄一下修正不同瀏覽器間顯示問題的利器--CSS Hack。 今天紀錄一下修正不同瀏覽器間顯示問題的利器--CSS Hack。 如果要把全部CSS寫在同一檔...

鐵人賽 DAY 28
快寫HTML靜態網頁 系列 第 25

技術 用 HTML + reveal.js 的簡報效果

古早以前有 S5: A Simple Standards-Based Slide Show System, 用 HTML 來做網頁式的簡報的作法, 效果看起來像...

鐵人賽 DAY 21

技術 誰不想開發出殺手級網路應用系統,肖想名利雙收。我當然沒那能耐,我開發的是能協助商業活動的輔助網站。

網站能全自動營運,不需要創建網站的公司耗精力與「真人」溝通,還能有良好營收,不是靠「本夢比」來炒股,我認為只有「限制級」網站有辦法達成。但,這應該無法列為殺手級...

鐵人賽 DAY 28
30天掌握Sass語法 系列 第 24

技術 30天掌握Sass語法 - (28)Compass圖片合併功能(CSS Sprite)

在早期網頁設計師要做CSS Sprite的時候, 除了自己手做土法煉鋼以外, 同時也會使用線上網站工具來解決這個問題, 剛好翻到六年前我自己在photoshop...

鐵人賽 DAY 25
學習手機網站開發 系列 第 22

技術 JQuery Mobile頁尾狀態續存-Day 25

同時使用Navbars和續存頁尾時,讓Navbars可以維護所選狀態。 同時使用Navbars和續存頁尾時,讓Navbars可以維護所選狀態,通常在頁面轉換時頁...

鐵人賽 DAY 24
學習手機網站開發 系列 第 21

技術 Responsive Mobile Menu製作-Day 24

不使用JQuery Mobile,彈性的選單如何製作。 再不使用JQuery Mobile下,製作一個彈性下拉選單。 作法:利用JQuery去做,做好顯示一個選...

鐵人賽 DAY 27
30天掌握Sass語法 系列 第 23

技術 30天掌握Sass語法 - (27) 使用@if提升@Mixin靈活度,以CSS圖形化為例

在第20天的時候, 我有分享關於@Mixin與Sass運算的運用手法, 但在一些設計情境下, 你會發現有些樣式如果只單純用Sass運算還是不太夠的, 所以這一次...

鐵人賽 DAY 12
作個網站吧! 系列 第 12

技術 作個網站吧!Beauty CSS(1)-愛美是人的天性

愛美是人的天性,版面漂漂亮亮不用說,原始碼當然也要整整齊齊,除了(程式)看著心情好比較不會找你麻煩(喂)以外,除錯也比較容易。 愛美是人的天性,版面漂漂亮亮不用...

鐵人賽 DAY 11
作個網站吧! 系列 第 11

技術 作個網站吧!HTML的二三事(5)-SEO衝衝衝

雖然SEO不是簡簡單單一篇就可以說完,但能在開始製作時就注意一些小細節,增加被搜尋的機會,有何不可呢? 雖然SEO不是簡簡單單一篇就可以說完,但能在開始製作時就...

鐵人賽 DAY 23
學習手機網站開發 系列 第 20

技術 Responsive Mobile Menu幾種實作方法-Day 23

適應式網站上Menu也是需要設計的一項元素之一,如何好用好看,介紹幾種實作方法 Menu要如何設計在運用上會好用方便,大致性上的作法。 →縮小選單:在選單間的間...

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

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

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

鐵人賽 DAY 25
快寫HTML靜態網頁 系列 第 22

技術 圖與文的佈局利用 Bootstrap 完成

圖和文排在一起,沒什麼設計經驗者, 不是排得太單調,就是排得很亂, Bootstrap 把常會用到的樣式, 設計成易於套用或變化。 可能會有一堆的圖與文需要並...

鐵人賽 DAY 10
作個網站吧! 系列 第 10

技術 作個網站吧!HTML的二三事(4)-支援不支援?

現在已經是Html5的時代,因應新規格的來臨,我們要放開胸懷迎接Html5的新標籤.... 現在已經是Html5的時代,因應新規格的來臨,我們要放開胸懷迎接Ht...

鐵人賽 DAY 22
學習手機網站開發 系列 第 19

技術 JQuery Mobile彈跳清單-Day 22

JQuery Mobile清單以彈跳視窗樣式彈出。 清單選項也可以做一個彈跳清單,點選清單出現相關選項清單,供使用者挑選。 作法: ●在<select&g...

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

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

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

鐵人賽 DAY 18

技術 網站傳奇故事一部部上映,誰不想當那故事中的主角?進而,網站開發的需求接踵而至。

團隊開發網站分工:前臺、後臺、美編、資料庫、SEO、廣告AE、使用者經驗分析… 我就一個人開發網站,美編平面找他人協助,剩下全部包辦,所以我主攻「網站資料庫應用...

鐵人賽 DAY 24
快寫HTML靜態網頁 系列 第 21

技術 使用 Bootstrap 佈局網頁

Bootstrap 的 Grid system 是依循 960.gs 的方式來佈局。 其中的 .row 是列的單位, 而.col-{媒體形式}-{數字} 算是...

鐵人賽 DAY 9
作個網站吧! 系列 第 9

技術 作個網站吧!HTML的二三事(3)-三思而後行

所謂的三思而後行是指在寫之前要考慮一些小事,像是瀏覽器的支援度或是避免Html的錯誤。 所謂的三思而後行是指在寫之前要考慮一些小事,像是瀏覽器的支援度或是避免H...

鐵人賽 DAY 24
30天掌握Sass語法 系列 第 20

技術 30天掌握Sass語法 - (24) 淺談Sass協作流程分享

該如何讓兩位以上的隊友發揮1+1=3以上的更大價值, 一直以來都是公司團隊間時常需要討論的議題, 又會因為每個隊友的能力不同, 所以每間公司的團隊流程也會有所調...