8 月, 2017 | 網路

2017-08-18

常用的CSS樣式屬性

Post By admin 網路資訊

〔文字樣式屬性〕

樣式屬性	說明
line-height	設定行距，可以使用點數pt或百分比
margin-left	設定左邊界，指定像數px
margin-right	設定右邊界，指定像數px
margin-top	設定上邊界，指定像數px
margin-bottom	設定下邊界，指定像數px
text-decoration	設定文字底線，有底線：underline；無底線：none
text-transform	設定文字轉換，大寫：uppercase；字首大寫：capitalize
text-align	設定文字水平對齊方式，left、right、center、justify
vertical-align	設定文字垂直對齊方式，baseline、sub、super、top、text-top、middle、bottom、text-bottom
text-indent	設定文字段落縮排，點數或百分比

〔區塊樣式屬性〕

樣式屬性	說明
border-color	設定框線色彩
border-style	設定框線樣式，none、dotted、dashed、solid、double、groove、ridge、inset、outset
border-left-width	設定區塊左方的間隔，think、thin、medium或點數
border-right-width	設定區塊右方的間隔，think、thin、medium或點數
border-top-width	設定區塊上方的間隔，think、thin、medium或點數
border-bottom-width	設定區塊下方的間隔，think、thin、medium或點數

網動廣告科技

參考資料：http://edu.kiss99.net/css/css01.htm

2017-08-18

輕鬆教你玩會css～

Post By admin 網路資訊

網站建置　網站改版　客製化網頁設計

CSS 是一種樣式語言，可以重新定義HTML標籤的顯示效果。

CSS 的基本語法：
名稱 { 屬性1: 值1；屬性2: 值2;… }

上述樣式組使用「{ }」包含著設定標籤(Tags)「名稱」的樣式，大括號中可以包含許多不同的屬性。而屬性與屬性間只要以「;」隔開，屬性的值則使用「:」緊跟在屬性後面做描述即可。

上例是將CSS 樣式表放在網頁的Head區中，宣告本網頁中所有的<a>標籤的Link顯示屬性是”text-decoration:none”，而<a>標籤的hover顯示屬性是”color:#ff0000; text-decoration:none”，也就是本網頁所有的超鏈結均不顯示底線，而當滑鼠指到超鏈區時，超鏈結文字的顏色顯示”ff0000″色。

‧如要自訂Class樣式名稱，可以在自訂的名稱前加「.」表示：
.名稱 { 屬性1: 值1；屬性2: 值2;… }

網動廣告科技

參考資料：http://edu.kiss99.net/css/css00.htm

2017-08-18

Javascript寫入與輸出

Post By admin 網路資訊

台北網站設計　網頁設計公司　網站設計公司

結果：
歡迎光臨！
Hi,這是很有趣的 JavaScript!

這個例子可以學到二個要點：

1. <script language=”JavaScript”>
這告訴瀏覽器這是一個 JavaScript 的語法，請用JavaScript 指令來解碼。

2. document.write(‘…….’)
就是寫入網頁，也就是輸出在瀏覽器的網頁中。

如果要在 Script 中加註附記，就是與指令碼無關的提示標記，
好比著作權宣示等，可以使用下列兩種方法：

1.單行標記：用兩條 // 斜線作引子
如：
//版權沒有，可以翻印

2.多行標記：用前後標法
/*以上內容純屬虛構
若有雷同實在不幸*/

網動廣告科技

參考資料：http://edu.kiss99.net/javascript/javascript02.htm

2017-08-18

CSS 語法教學

Post By admin 網路資訊

網頁設計　網站設計　台北網頁設計

宣告 CSS 樣式的語法如下：

選擇器 {
屬性：設定值；
…
}

在一個選擇器 (Selector) 中，可以設定的屬性數目沒有限制。

選擇器主要有三種：型類 (Type) 選擇器、Class 選擇器、和 ID 選擇器。

型類選擇器是 (X)HTML 標籤，如 <body> 和 <h1>。Class 和 ID 選擇器是使用者自訂的選擇器。我們會在之後討論這兩類的選擇器。

樣式是以『屬性：設定值』的方式來制定。舉例來說，若我們要設定一個元素內的文字是黃色的，那就用以下的『屬性：設定值』：

color:yellow;

在以上的宣告內，color 是屬性，而 yellow 是設定值。

在某些時候，一個屬性可能會有好幾個設定值。這些通常都是因為屬性是一個捷徑。舉例來說，margin 屬性可能會有 4 個設定值，而每一個值代表每一邊的邊界長度。

Grouping

如果有數個選擇器享有同樣的樣式，它們可以同時被宣告。這叫做 “grouping”。舉例來說，如果 <h1>, <h2>, and <h3> 都會有相同的樣式，那它們就可以用以下的方式被宣告：

h1 h2 h3 {
屬性：設定值；
…
}

後代選擇器 (Descendant Selectors)

我們可以設定說，只有當甲元素在乙元素之內時，甲元素才會用某個樣式。若甲元素不在乙元素內的話，那甲元素就可以有其他的樣式。要達到這個目標，我們就要利用後代選擇器的方式。

後代選擇器宣告的語法是：

【父選擇器】【子選擇器】{
屬性：設定值；
…
}

在以上的宣告中，只有當子選擇器是在父選擇器之內時，樣式才會被用到。這一類的語法可以包括好幾代的選擇器，而不是只有兩代而已。

舉例來說，以下的宣告，

li b {
color:yellow;
}

代表在 <li> <b> 之內的文字是黃色的。不是在 <li> 之內的 <b> 中的文字，就不會套用黃色字體這個樣式。

網動廣告科技

參考資料：http://www.1keydata.com/css-tutorial/tw/syntax.php

2017-08-17

JavaScript 教學

簡介介紹 JavaScript 的基本資料，讓大家了解自己是否須要學習，並為有志學習的初學者打好基礎。

初階教學本教學分成 7 篇，由淺入深教授 JavaScript 的基本語法，但不會太過詳細，因為最重要的是明白語言的概念。當明白概念後，便很易上手。
教學裏所舉的例子是寫在表格內的一個儲存格(Cell)，大家只要把格內的文字抄到檔案內，就可以用瀏覽器開啟該檔來看結果。如果想即時看結果，可以按儲存格下的”看結果” 按鈕。

中階教學由 JavaScript 物件和功能入手，介紹各個物件的實際應用例子。

高階教學講述一些比較深和涉及其它範籌的課題。老實說，老師的程度也只是中階而已

例子搜集了一些有用的 JavaScript 例子。

老師作品由老師自己構思出來(或參考其它資料)的 JavaScript，如對這處的 JavaScript 有疑問，可以直接問老師。

速查表列出所有 JavaScript 物件的方法、屬性及支援的事件，用作快速查閱。

蟲與洞搜集瀏覽器執行 JavaScript 的錯誤 (Bugs) 和保安漏洞 (Security Holes)

瀏覽器列出常用的瀏覽器執行 JavaScript 的不同之處，不過多數是靠老師經驗得來的。

網動廣告科技

參考資料：http://taiwantc.com/js/

2017-08-17

這間台灣小廟如何靠著App紅到海外？PTT問卜神器「七王爺線上靈籤」的故事

Post By admin 網路資訊

後台網頁設計　RWD網頁設計　網頁設計推薦

「台灣的寺廟太多了，光是東港就有好幾百間宮廟。」洪全瑞操著台語說，台灣道教信仰蓬勃，如果神明不夠靈驗、廟宇缺乏特色，就無法吸引信徒追隨。再加上宮廟每年都要固定舉辦初一團拜、七月普渡等大型盛典，經費來源是一大難題。以東港來說，當地最大的廟宇是東隆宮，東隆宮每年也會舉辦盛大活動，號召信徒添香油錢。

在資源有限、競爭激烈的情況下，規模較小的鎮海宮要如何生存？「我們就要自己『打點』，看怎麼收入，你才有辦法經營。」他笑說。

宮廟經營，也要走出自己的路

事實上，宮廟不僅僅是信仰，更是一項事業。需要依靠商業頭腦，才能細水長流、創造差異化。關於這一點，洪全瑞老早就想得透徹。

今年69歲的洪全瑞出生於東港造木世家，父親和兩個兄長都從事寺廟建造。他說，自己記性差、不是讀書的料，因此國小畢業後，他就選擇去學造船，刻意不和家人同行。「因為資源有限，兄弟如果做同一行，會互相競爭、打壞感情。」

同樣的，在宮廟世界，洪全瑞也要找出自己的路。而他認為，答案就是擁抱新科技。「我就想說，網路這塊應該要來做。」

十多年前展開網路化之路

「我們大概從民國90年開始做的。」洪全瑞的女婿王俊文說。

44歲的王俊文來自高雄美濃，從事網頁設計，是潮州企業社負責人。大約十年前，他開始參與鎮海宮事務，現在不僅是洪全瑞的左右手，也是讓鎮海宮網路化的功臣。

點開鎮海宮的網站，你可以很明顯地感受到它與其他宮廟的不同。除了簡約設計風格，最重要的是，他們還提供「七王爺線上靈籤」服務。「每年《蘋果日報》都會報導，現在全世界最準的線上求籤就是日本淺草寺和東港鎮海宮。最主要就是『蓋準』（很準），所以全世界才會都寄香油錢過來。」王俊文說。

準不準得看你信不信。但鎮海宮的「七王爺線上靈籤」服務在網路上的確赫赫有名，PTT上也不時可見到網友討論。求籤方式很簡單，只要誠心默念自己的姓名、地址和所求之事，再按下籤筒並筊杯即可。為了服務廣大信徒，籤詩不僅有中文版本，還有英文版本。抽完籤，如果想答謝七王爺，也可以線上捐香油錢。

「心中有疑問的時候，常常尋求七王爺的導引與指示，真的很感謝指點在生命路口中迷途的我。」在鎮海宮的留言板上，不時可見到這樣的網友迴響。

網動廣告科技

參考資料：https://www.managertoday.com.tw/index.php/articles/view/54851

2017-08-17

教寫及設計網頁每年賺逾100萬！？

Post By admin 網路資訊

網站建置　網站改版　客製化網頁設計

Jack畢業於浸會大學物理及電腦科學系，然後，加入大公司做電腦程式員，工作相當沉悶，後來轉到小型公司工作，情況依然沒有改善。

沉悶的打工生涯維持了兩至三年，某天他的「毒男」同事告知，參加了一個名為Rails Girls的活動，結識不少女性。

名為Ruby on Rails的電腦程式開發語言，為推廣女性也可寫電腦程式，而舉辦Rails Girls活動。

這名同事還認識了電腦程式的導師，不少是在General Assembly授課，該學校每堂課程動輒10萬元，故吸引Jack考慮加入這個行列。

他研究後發現一般人想學電腦程式並不容易，於是萌生開班授徒的念頭，專攻網頁設計，學費僅數千元。

首月僅三名學生

2014年8月，Jack自行建立一個網頁，將公司定名為鬍子科技學院，同時詳列課程資料。

Jack沒有即時找固定場地，只向開設公司的朋友借用辦公室，對方讓他於週末時借用，實際開班才需要繳付租金。

然後，Jack使用低成本的推廣法，包括Google關鍵字搜尋及搜尋引擎最佳化（Search Engine Optimization，簡稱SEO），每日約付出100元。總括而言，Jack的生意—鬍子科技學院，開業成本僅4,000元。

「我依然每天上班，等了數天，我收到一個電話，是屈臣氏集團打來，請我做內部的培訓導師，教授電腦程式。」

屈臣氏集團的工作，為Jack帶來五位數字收入，其後開始有個人報讀課程，首月只有三名學生，每名學生的學費3,500元。

Jack初期只教週六，一天最多開三班，每班最多六名學生，一天合共18名學生，因為教育局規定若學生人數超過21名，便要申請教育機構的牌照。

其後Jack從事網頁設計的朋友有意加入，他便辭去工作，全力發展生意。他與朋友共同開設Burdstrom，業務包括教授撰寫網頁的課程，以及承接網頁設計工作。

Burdstrom最初也沒有租用地方，同樣靠網頁及推廣接工作，每當接到工作才自行或找人做。

每月穩袋數萬元

Burdstrom2016年利潤逾100萬元，與拍檔分賬後，Jack每月穩袋數萬元，至少是打工年代薪金的雙倍。
「我其實沒有甚麼生意頭腦，也無人脈網絡、無經驗，只是在創業的過程中，領悟到一些原則，近日將經驗結集成書，推出《90後的半退休生活》，與年輕人分享。」Jack說。
讀者或會認為Jack讀電腦出身，對資訊科技有一定認識，所以才能利用科技創業，若本身是「電腦白痴」，基本上已被淘汰出局。

其實不然，網上已出現很多「懶人包」，讓不諳電腦的人使用，例如建立網頁的模版，版權費用僅400元，下載後改頭換面便成為自己的網站，相當方便。

網動廣告科技

參考資料：https://hk.finance.yahoo.com/news/90%E5%BE%8C%E5%8D%8A%E9%80%80%E4%BC%91-%E6%95%99%E5%AF%AB%E5%8F%8A%E8%A8%AD%E8%A8%88%E7%B6%B2%E9%A0%81%E6%AF%8F%E5%B9%B4%E8%B3%BA%E9%80%BE-100%E8%90%AC-095205349.html

2017-08-17

晉升UI/UX設計師、前端工程師花半年全靠這樣學！

Post By admin 網路資訊

台北網站設計　網頁設計公司　網站設計公司

在早期的網頁設計領域，只要擅於使用軟體 (PS.例如Dreamweaver可自動產生HTML及CSS 的程式碼，又例如Flash軟體)，不會編寫程式碼，也可以製作漂亮動態的網頁；中壢資策會國際人才發展中心「Web/APP前端設計工程師養成班」對於有心想從事UI/UX設計工作，並且希望俱備前後端完整開發能力畢業新鮮人或想轉職場跑道而言，是一門不容錯過的紮實課程。

主宰網站、手機、平板的UI設計師，足以撼動世人看世界的方式；擁有專業，您也能改變人們在雲端看世界的方式，讓網路生活更好！為什麼很多職缺都徵UI/UX設計師？UI與UX差別是什麼？從產品角度看，UI是產品一部份，UX是使用產品體驗；簡單來說，UI在使用者的眼前，UX在使用者的大腦裡。

近年來由於網路、科技蓬勃發展，尤其UI/UX設計師這個職位越來越熱門，各種不同類型的產業(甚至傳產要轉型)都需要相關人才的投入，但偏偏目前國內學校教授這門領域科系並不多；在科技快速迭代與多變化今天，學校所學的知識與觀念，常與業界需求有很大落差，造成許多剛畢業新鮮人或是想轉行的，對目前產業運作卻是一知半解，亦不清楚該如何開始？！

前端技術正夯，現在從排版、設計網頁、製作動畫與動態特效、實現互動行為，都要編寫程式碼以達到；所以畫風突變，設計師工作時的電腦畫面，都是編輯器與程式碼，會寫程式的設計師也開始領工程師等級的薪水，但可專注於讓使用者體驗更好的設計工作。

如果UI設計師對資訊系統架構及使用行為不能深入了解，沒有能力規劃Web產品，包括內容、動態呈現及互動行為等，只能產出視覺圖像，技能偏平面設計及圖像設計的話，則職涯發展受限；畢竟愈來愈來愈多的人透過各種電腦行動裝置，從網路世界來認識產品及服務，廠商的人才需求包括Web的UI/UX，涵蓋所有裝置的使用者介面設計，以維謢良好的使用者體驗，如桌機、平板及手機；另外APP UI/UX設計也是重點！UI設計師會若具備程式技術能力處理前端介面，則成為現在很夯的前端工程師，從初階到資深，業界給予的待遇反應著他們急切的需求；具備行動UI設計能力的UI設計師，才能真正解決企業的問題。

網動廣告科技

參考資料：http://times.hinet.net/news/20384658

2017-08-17

應用通訊軟體與網頁，多元開發出招吸睛！

Post By admin 網路資訊

網頁設計　網站設計　台北網頁設計

行動上網時代來臨，如何透過網路資源提升曝光度是許多房仲積極開發目標，住商不動產高雄美術馬卡加盟店祕書穆采琳個性活潑外向、外型亮麗，透過大量使用通訊軟體與經營公司網頁，提升業務同仁成交率，拉抬公司業績。

資訊與客連結

穆采琳畢業於國立高雄應用科技大學文化創意產業系，對網頁設計與編輯軟體使用駕輕就熟，離開校園在朋友介紹進入房仲上班。穆采琳指出，秘書工作除調閱謄本，支援公司業務幹部文書處理，也要畫居家格局圖方便客戶參考，因應行動網路時代來臨，近年來把心力放在架設網頁與如何增加物件觸及率，提升曝光度。
過去穆采琳也曾擔任房仲業務，但因喜歡規律上下班生活，因此又回到秘書職，她指出，近年來網路行銷開發已成為各行業不可或缺經營方法，如何提升資訊可有效傳達到正確買賣方，是一直以來努力目標，傳統仲介公司只會宣揚自己業績有多好，但久了買賣方也會無感，因此提供有趣或實用資訊在群組流通，可增加公司與客戶連結，達到品牌行銷。
目前單身的她有著好手藝，會做甜點與餅乾，目前與朋友合開小型網購商舖，包括網頁設計、產品拍攝介紹等都不假他人之手，穆采琳表示，自己喜歡孝順、幽默且經濟獨立男生，但能否有段好姻緣並不急啦。