iT邦幫忙

網頁設計相關文章
共有 843 則文章
鐵人賽 開發技術 DAY 9

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#9-- DOM簡介

上兩篇文章講到 JavaScript入門 http://ithelp.ithome.com.tw/question/10157766 完成後,我才發現:我早就寫...

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

技術 作個網站吧!Beauty CSS(7)-CSS動一動

CSS3的特殊效果也是不得不提的功能之一, 有了它可以減少些jQuery撰寫, 對我來說相當方便. 以下紀錄一些用法, 若有誤還請指正, 謝謝. CSS3的特殊...

鐵人賽 Modern Web DAY 25

技術 [DAY25]網頁切版入門及版面實作_對話框&三角形

對話框&三角形 在這個範例中要練習對話框的接版,以及如何用css繪製出三角形 整理幾個重點: 1.將對話框dialog_box寬度設為960px,添加背...

鐵人賽 Modern Web DAY 28

技術 Day28 - 記憶方塊篇:音樂播放及對錯判斷

記憶方塊是結合視覺和聽覺的記憶遊戲,今天我們要來做音樂的播放以及對錯的判斷。 產生題目 首先,我們要來產生題目並且播放題目,記得在 Day22 的時候我們有說明...

鐵人賽 IT技術 DAY 30

技術 待完成的相關議題

回顧檢討一下這個系列,還有什麼該加強。 這系列的主題是「建立API為中心的輕量級網站」, 試著想把 sinatra、redis、knockout.js 各別介紹...

鐵人賽 自我挑戰組 DAY 5

技術 Day5 切版任務(一):基本框架

本文同步同步發佈於斜槓女指部落格:切版任務(一):基本框架 採用設計:設計師Miss_Y的旅館預約服務設計稿 這次時光屋九週挑戰大部分的設計師都是採用...

技術 SVG 自學微筆記(10) - SVG...然後呢?

基本上是這系列最後一篇,除非之後接觸到跟SVG相關的有趣應用! (≧▽≦) 我在大學畢業的最後一學期,選修了網頁資料視覺化的課程,課程主要使用D3.js這個...

鐵人賽 開發技術 DAY 17
學習手機網站開發 系列 第 14

技術 JQuery Mobile較重要事件-Day 17

介紹幾個比較重要事件 1.mobileinit:可以利用它來擴展$.mobile或者修改默認配置。 →對mobileinit的綁定事件需要在引入jquery.m...

技術 東之宿_開發日誌-1

太陽要面對的問題有兩個,第一個問題比較小,就是「他不會美工」。第二個問題比較大,那就是「他不會網頁程式開發...」。 早在1987年美商Apple公司,所提出的...

技術 介紹編寫CSS直接看到結果的學習網站

底下的網址,可以讓您編寫CSS3.0(包括CSS2.0)直接看到效果喔。 但要注意的是,IE瀏覽器是不支援HTML5的,所以網站中的範例,用CSS 3.0編寫,...

鐵人賽 Modern Web DAY 13

技術 【Day 13】UI/UX 設計師的「設計參考」整理方法!

昨天分享的是「網站收集頁」,主要用途在於大範圍的尋找視覺參考網站。當一個客戶有指定風格,或是老闆認為該客戶的產業性質,也許更適合走某種設計風格時,我們也會整理出...

鐵人賽 IT技術 DAY 7

技術 在 Sinatra 使用 template engine

之前所舉的例子, 都只是在程式裡寫出個簡單的回應, 並未把完整的 html 畫出來。 雖不不見得一定要用 MVC 的模式, 但利 views 把資料處理與表現的...

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

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

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

鐵人賽 Modern Web DAY 28
前端「設計」聖光之路 系列 第 28

技術 設計「素材」資源

做設計總少不了一些圖庫當資源,圖庫資源在網路上非常多,無論免費、付費都可以找到不少,但是設計師在執行時,通常只會挑用一些偏好使用的站點來運用,以下介紹我在開發時...

鐵人賽 其他技術 DAY 25

技術 喜歡打羽毛球嗎?球館空檔很難明確掌控嗎?把我作的網站推薦給你常去的球館吧!

這個網站省卻了學校管理人員很多麻煩,一上線就揪出貪瀆的警衛,回歸正常收費。 已租借場地的球隊,一定不敢遲交續借費用,因為馬上有人替補而無通融餘地。 尚未租借的球...

鐵人賽 Modern Web DAY 18

技術 【Day18】盒子模型 - 邊距重疊

情境 CSS Box Model 盒子模型是 CSS 的基礎。我們可以簡單的理解為, html 元素在 CSS 裡面,都可以視為一個一個的盒子(Box)。 如下...

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

技術 作個網站吧!友善的網頁

今天想統整一下對使用者友善的網頁要點... 今天想統整一下對使用者友善的網頁要點,什麼是友善的網頁?我認為在開發時有些要注意: 速度 開啟網頁的速度、圖片讀取的...

鐵人賽 Modern Web DAY 27

技術 Day 27. 今天不寫程式改來學知識 #5:前端RWD與圖表套件

前言 今天來討論前端RWD的套件、表格的套件、圖表的套件分別有哪些好用的、可以當作參考。目前js相關的前端套件非常多,使用者可以依據自己的需求進行選擇,有些為擴...

鐵人賽 IT人生鐵人 DAY 19
九一每日隨想 系列 第 19

技術 九一每日隨想之十九:談談我使用的網頁編輯軟體

最近一直都在做網頁,所以繼續談談網頁,談談當時使用的編輯軟體。 剛開始做網頁時,因為什麼基礎也沒有,寫了什麼tag自己都搞不清楚出來的會是什麼結果,所以時常需要...

鐵人賽 開發技術 DAY 1
學習手機網站開發 系列 第 1

技術 初始-行動裝置網站開發~Go-Day1

行動網頁要如何的製作,從以前只接觸一般網頁開發,現在想來試試建置手機網站,來練習練習。 近年因為智慧型手機幾乎人手一機,手機瀏覽的功能大家也漸漸越來越注重,一直...

鐵人賽 Modern Web DAY 2

技術 【設計+切版30天實作】|Day2 - 開始設計前的環境建立 (Adobe XD)

簡介 今天會講一下在設計前要怎麼建立環境,畢竟在設計前還是要先備好畫布嘛,但畫布的尺寸要怎麼挑選呢?所以下面會簡單講一下怎麼根據瀏覽器的尺寸和Bootstrap...

鐵人賽 自我挑戰組 DAY 24

技術 美麗與邏輯:UI/UX

塞這主題是為了完整性但我其實沒什麼資格來介紹這兩大topic就是所以只會從工程師的觀點來講連假偷懶一點吧 UI是 user interface所以通常是與客戶接...

鐵人賽 Modern Web DAY 3

技術 【Day03】間距 - 標題與圖示

情境 今天我們來討論一個常見的設計,標題與圖示。下面這是一張很常見的卡片式設計,看起來很正常不是嗎? 我們在生活當中很常遇到類似這樣的設計,就是在一個卡片式的...

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

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

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

鐵人賽 Modern Web DAY 12
前端「設計」聖光之路 系列 第 12

技術 網頁設計 - 網路字體運用

字體如果沒有授權問題,是否能夠直接嵌入於網頁之中呢?(請注意:大部分中文字體都會有授權的問題) 當然是可以的,英文網站中許多都會使用自訂的字體,但中文字體可就沒...

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

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

今天是CSS小孩系列!(小孩系列是我自己取的...) 我在寫網頁時常常遇到的問題是,當我想在一區塊裡某些部份作不同設定的時候,往往要再增加一個選擇器,而且只有這...

鐵人賽 Modern Web DAY 26

技術 【Day26】元件高度 - 響應式高度設計

情境 響應式設計(Responsive Web Design)可使網站在不同的裝置上瀏覽時對應不同解析度皆有適合的呈現,減少使用者進行縮放、平移和捲動等操作行為...

鐵人賽 Modern Web DAY 23
前端「設計」聖光之路 系列 第 23

技術 網頁設計規範 - 表單元素的注意事項

定義玩基本要素如文字、色彩、空間等等後,就可以開始定義常用的「元件」,而每一種應用程式、環境都具有固定會不斷出現的 UI 元件,如桌面系統的應用程式會有固定的導...

鐵人賽 IT技術 DAY 12
只是路過 HTML5 系列 第 12

技術 HTML Audio/Video Events(2)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為 和 提供了Methods(方法)、Pr...

鐵人賽 Modern Web DAY 3

技術 找尋你的設計靈感、素材及好工具

製作網站前,通常需要找尋相關設計靈感,有時候想破頭就是沒想法,素材對網頁內容來說很重要,好不容易找到了不錯的素材,大部分都是有著作權,不能直接使用,以下是我常逛...