分類: 網路資訊

網頁設計公司 

智光商工資訊科學生高于梵參加第46屆全國技能競賽網頁設計類榮獲亞軍殊榮，更在第一階段國手選拔賽中躋身前3名，10月中將參加第二階段國手選拔。高于梵說，「一開始抱持好玩的態度，沒想到越玩越有趣，與網頁設計結下不解之緣。」

高于梵自中和國中補校畢業後，進入智光商工資訊科就讀，本來抱持著玩樂、好玩的心態，想藉著到資訊科學習提升自己的電腦技術，經過資訊科師長的專業指導，才發現技能已晉級成達人等級，參加第46屆全國技能競賽網頁設計類一舉拿下亞軍。

高于梵除了在全國賽中有優異表現，參加第一階段國手選拔賽立即躋身前3名，現正加緊訓練，準備迎接10月中舉行的第二階段國手選拔。

「興趣就像是夢想的翅膀！」高于梵表示，一連串的訓練過程並不輕鬆，自從4月底北區分區賽奪下第3名後，就積極備戰8月全國賽，平日學校課程結束後，至少要花4個小時練習，暑假期間，更是從每天早上7時開始訓練課程，直到晚間9時才結束，每天練習超過12小時。

高于梵說，培訓過程一開始不被看好，心情相當低落，還好有家人及師長們的鼓勵支持，讓他可以重拾自信加緊練習，如今獲得如此成果，一切努力都很值得，第二階段國手選拔要繼續努力，爭取為國爭光的機會。

智光商工校長林埔生強調，選擇技職學校好好讀有前途，穩健的技職教育不失為因應未來多元社會發展的途徑，高于梵的經驗，提供了國中學子及師長另類生涯規劃的思考及方向。

振作網頁設計

參考資料:http://www.chinatimes.com/realtimenews/20160819005770-260405

興趣成夢想 智光商工高于梵熱愛網頁設計

網頁設計   網站設計公司  網站建置

屏東縣政府首開全國縣市之先，日前與中研院簽署合作「數位典藏」（digital archive），並發表網站建置首期成果，內容包括《重修屏東縣志》、《屏東文獻》、老照片、古文物等屏東資料的數位化。

潘孟安縣長表示，中研院長期從事「數位典藏」，擁有豐富的經驗，第一次走出臺北，與屏東縣府攜手合作，逐步建立「屏東數位博物館」。目前屏東總圖書館工程刻正執行，原先文化處典藏超過六千件，涵蓋閩客原等跨族群的的古文物正盤點與寄存到科工館，未來文化部經費到位後，將在菸葉廠建立博物館群，並與「屏東數位博物館」相互輝映，後續也要借重中研院與在地屏東大學的學術專業，讓屏東博物館的內容更加豐富，今天是屏東發展與臺灣數位典藏的里程碑。

中央研究院數位文化中心召集人林富士研究員表示，本次不僅是中研院首度與縣市政府合作數位典藏，也是中研院數位文化中心首度公佈數位博物館建置內容。在數位時代有兩個重要精神：全球化與民主化，數位博物館是跨越國界，如屏東的南島珍藏連結世界其他地方的館藏，也可讓民眾參與互動，提供珍藏的物件與自己述說土地的故事。

「屏東縣數位典藏」網站首期成果包括《重修屏東縣志》一套10冊、20期《屏東文獻》、122件攝像、49件標本、30件文物等，其中不乏已絕版或不易流通的物件，見證了屏東多元的歷史人文與住民風情。

網動廣告

參考資料:https://times.hinet.net/news/21227809

屏東縣數位典藏網站 全國首例 屏東縣政府與中研院簽署合作

網頁設計公司    網頁設計公司

國立苗栗高商自96學年度起申請高職優質化輔助方案，也是全國高職優質化的總召工作學校，歷經高職優質化十年歷程，該校的校園辦學模式與思維，已產生極大影響。學校經由高職優質化的計畫執行，注入PDCA的品質管理思維，在執行期間不斷修正與執行，於是學校行政文化產生改變，行政人員建構了精準的企管思維，而學校獲得經費挹注，從而改善了教學環境與設備。

苗商教務處徐瑞明主任表示，學校近年來藉由高職優質化進行翻轉教學、學習共同體、學思達等教育新思維的教學改進，教師在面對新的教育現場，也開始自發尋求合作，成立教學專業學習社群，分享教學經驗與實施教學對話，老師們的教學分享與教學創新，也帶動整個學校的學習組織氛圍，這種感覺真的是棒極了。

為了符應教育新浪潮，苗商的作法是由資料處理科試辦程式語言選修分組課程，學生可依據個人興趣，選擇APP程式設計、互動網頁設計與人機介面體感互動程式等課程，提供學生選修與跨班學習。期末實施問卷與回饋，以做為課程評鑑。此外，三年級國文、英文與數學也實施全年級跨班上課，學生可以依個人興趣，選修不同科別的進階課程，期末並實施師生問卷調查，作為課程評鑑之依據。

這一年來，苗商也積極規劃十二年國民教育新課綱課程計畫書，籌設各式議題小組、課程核心小組，配合各科教學研究會與教師專業社群，凝聚共識，以提出符合學校特色的校本課程。未來，除了能建置完善的課程計畫書之外，該校更希望能結合鄰校國立苗栗高中、私立建台高中、國立苗栗農工與國立聯合大學，以及在地產業師資與資源，開設跨校跨域的選修課程與大學預修課程。同時，將籌建跨校教師社群與策略聯盟，尋求以合作模式，開發在地課程與共同備課、授課，使得學校之間與教師間得互相支援，一起為苗栗社區學子，提供優質教育，培育自發、互動與共好的未來願景。

振作網頁設計

參考資料:tw.news.yahoo.com/blogs/gov-press/啟動技高新課綱苗準商場-001040034.htmlopen_in_new

啟動技高新課綱 苗 準 商 場

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

為順應行動化潮流，海關全球資訊網改版上線，除全面支援響應式網頁設計（Responsive Web Design）外，並整合既有行動化應用軟體（App）服務，使用者得不受裝置種類限制，透過網頁瀏覽器即可全面掌握關務訊息，藉由行動化資訊支援，提升通關作業便捷性，歡迎多加利用。

關務署3日表示，海關全球資訊網已完成署暨各關全球資訊網網站改版，並整合「關務訊息」、「復查案件查詢」及「關務法規」等App功能，使用者可直接由網頁取得所需資訊，原三支App即起下架並停止營運，請使用者改由關務署全球資訊網取得相關服務。

關務訊息部分，為提供新聞稿及公告業務、標售與查扣旅客攜帶行李物品等資訊，海關統一於關務署全球資訊網「公告訊息」項內進行揭載，並依資訊類型及發布時間詳加分類，使用者可依需求瀏覽分類或逕行檢索。服務短網址：https://goo.gl/dZtb3d

復查案件查詢方面，為利民眾查詢行政救濟進度，對與當事者關係重大之復查案件，海關於關務署全球資訊網「通關服務」項下設置「復查案件進度及決定書查詢」功能，便利當事人即時掌握案件進度，保障人民權益。該功能並進一步提供報單號碼、收文日期及案件內容等檢索機制，使用者可依條件查詢及參考過往案例。

至於關務法規，為保障商民權益，便利業者查詢關務規定、辦理貨物運儲、輸出入簽審及稅費稽徵等通關事宜，海關於關務署全球資訊網「法令規章」項下建置「關務法規」專區，便於使用者即時查詢法規。

關務署表示，本次網站的重新改版，全賴各界的鼎力支持與指導，才有更優質的服務內容。

網動廣告

參考資料:https://times.hinet.net/news/21204422

海關全球資訊網站 改版上線

網頁設計公司    網頁設計公司   網頁設計公司

銘報繼去年6月無紙化後， MOL即時新聞網站也在1月3日正式全面改版。新網站強化頁面視覺效果，簡化後臺操作程序，同時因應行動載具時代來臨，網站採響應式網頁設計。銘傳大學新聞系主任孔令信強調，本次改版最重要的精神是：與業界接軌，給學生一個更友善的平臺。

孔令信表示，時代在變，銘報經過紙本和電子報多年僵固後，在考量因應未來趨勢及與業界接軌，才有此次的大改版。

他指出，銘報網站此次主頁使用業界廣泛使用的網頁模版，採用大圖、大字號標題和精簡文字的版面設計。同時因應眼球世代推出全新影音區塊，在視覺效果上做出了極大的強化，並因應閱聽眾使用行動載具的閱讀習慣，銘報新網站採用RWD響應式網頁設計，依據閱聽眾使用的載具不同，調整頁面的呈現方式。

銘傳大學傳播學院院長倪炎元表示，新網站推翻舊網站以文字為主的呈現方式，以大圖從視覺上強調訊息的傳遞，這一點他非常肯定。同時，新網頁的運作模式已和業界基本一樣，學生們透過這平臺的學習，可以很快地適應業界的實際環境。

倪炎元也提到，以前的網頁就像一個百科全書一樣，希望把所有的東西都放進去，無所不包，新網頁分類更簡單，更準確，更符合新聞系的風格。

銘報新網站目前將舊網頁的原有的十大分類，簡化為新聞、專題、人物三大分類，另外新增影音分類，以簡潔設計為主，讀者將不必在眾多的分類中尋找新聞。

另外，新網站的每篇新聞中，新增瀏覽次數、社群分享及留言功能，強化與讀者的互動。

孔令信表示，希望可以透過平臺改革，培養學生多方位、多面向的操作能力，並嘗試進行跨組合作，製作深度報導、圖像新聞或處理社會議題，讓學生在團隊中學會分辨哪些區塊需要合作或發揮自身專長，在現在一人多工的環境中找到自己的定位。

振作網頁設計

參考資料:mol.mcu.edu.tw/銘報網站改版-與業界接軌-強化視覺效果open_in_new

銘報網站改版 與業界接軌 強化視覺效果

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

迎接新的一年，基隆市政府網站全面升級改版，導入業界最新的「響應式網站設計技術」（Responsive Web Design, RWD），研考處長黃駿逸表示，民眾無論使用電腦、平板或手機，閱讀操作上均能更加簡潔流暢，帶來嶄新的數位服務。

黃駿逸指出，新官網會根據民眾使用不同螢幕尺寸，自動調整網頁顯示效果，使用功能介面、整體視覺設計及內容豐富度等各面向皆全方位升級，並規劃多款不同主題廣告輪播，閱讀上更賞心悅目。

新官網也參考國外趨勢，網站每一頁下方都設計「Fat footer」功能，增加搜尋機制，讓民眾更容易找到所需資訊；為符合民眾使用習慣，也強化選單操作方式及版面配置。

網動廣告

參考資料:http://news.ltn.com.tw/news/local/paper/1067746

響應式網站設計 基隆官網改版

網頁設計公司   網頁設計公司   網頁設計公司

嘉義市政府為了解決食安危機及為市民在食的安全上把關，日前在市府中庭展示農村再生計畫執行成果發表，正式啟用嘉義市農產品的行銷推廣，並透過與產業攜手成立防線，從源頭控管、生產履歷讓食品資訊透明化，幫助消費者清楚食品來源，鼓勵全市消費者監督食品安全，。

「源頭控管」、「重建生產管理履歷」、「提高查驗能力」、「加重生產者、廠商的責任」及「鼓勵、創造監督平臺」等食安五環，除推動政府與市民消費者共同監督食品安全，更要從農場到餐桌，鏈結農村產業線，以網路社群為媒介，建立嘉義市農村網頁平台。

活動現場中所介紹的「農抵嘉」產銷網頁平台的內容，包含在地人文地產景，將景觀、產業、生態及文化等資訊整合、展現，更推廣在地農村農友優質、安全的農產品，要上「農抵嘉」網站行銷農產品，得經過市政府抽驗農藥殘留，檢驗合格才能上網行銷自己的農產品，嘉義市農友可以多利用，也提供店家採購管道，同時會中也展示紅瓦厝社區所做的紅瓦窯烤，並有其他下埤花生等農產品，透過農場職人使「農特產品不只是農產品」。

嘉義市副市長張惠博表示，他是嘉義民雄的農村子弟，農村再生的展現，顯示農村不再是傳統落後，可說是進步、歡樂的所在，「農抵嘉」產銷網頁平台的成立，希望喚起大家對食品安全及市民健康的重視，因為所有的農藥都是經過管控，可讓人民吃的安心。

策畫「農抵嘉」產銷網頁平台的主持人，同時也是嘉義大學景觀系系主任江彥政，他表示，2017是嘉義市的豐收年，因為正式通過第一個農再社區–紅瓦厝社區，期望農村社區和農村產業的結合，透過此平台推展到全國，未來更進一步結合公益及藝文達人，希望將社區的好做進一步傳達。

嘉義市府建設處農林畜牧科表示，「尚安心，農抵嘉」，透過「農抵嘉」產銷網頁平台，鏈結農村產業線並促進地產地消，從源頭管理食安，讓政府管理、民間參與，透過食安小教育，讓小朋友接觸農作物，與生產者互動，產生共鳴，一同攜手維護嘉義市的食安。

振作網頁設計

參考資料:https://www.nownews.com/news/20171227/2669316

農抵嘉 嘉義農村產銷網頁平台　源頭控管食在安心

台北網站改版設計    台北RWD響應式網頁設計    網頁設計

推廣彰化在地觀光及旅遊產業，彰化縣政府推出全新旅遊網，依年齡層分眾規畫親子出遊、小資情侶、長青旅遊，響應式網頁技術，讓系統判別用戶使用的行動載具種類，自動調整操作介面，以最貼心服務呈現彰化好好玩，縣長魏明谷客串旅遊大使，邀請全國民眾使用此網站蒐集彰化的旅遊資訊。

彰化縣是一個很適合旅遊的地方，這次彰化旅遊網全新改版結合許多功能，民眾可使用手機、平板電腦等工具，更快速、便捷的搜尋瀏覽彰化的旅遊景點資訊。改版後的網站內容，可以自動適應各種行動裝置，不只是電腦瀏覽便利，手機、平板更便利，4種語言包含繁體、簡體、英語、日語。

RWD響應式行動化服務、即時豐富的新聞、活動彰化旅遊網最完整資訊站、整合多元化的社群互動，網友進入平台入口，會很快就對彰化旅遊有了新概念，會愛上彰化。

魏明谷指出，這次網站改版重點，最主要有採取和遊客「互動式回饋 RWD」系統、與分眾搜尋，並大量結合知名社群的 API 介接技術，如 Google Map在地嚮導、Facebook 臉書打卡、TripAdvisor 遊客景點評論等熱門社群整合在同一平台，讓民眾更快搜尋到彰化各旅遊與美食資訊，並開放網站版面，讓網友們勇於秀出自己、秀出前來彰化觀光的私房景點。

新版網頁結合知名社群Google Map在地嚮導、Facebook 臉書打卡點、TripAdvisor 景點評論，將各熱門社群的評論整合在同一平台，網友一次瀏覽，接受其他網友旅遊經驗，雙向交叉比對，總比單向只看文字景點介紹，吸收和認知度會更符合時下變化迅速的資訊交流。

網動廣告

參考資料:https://www.nownews.com/news/20171205/2657029

彰化旅遊網改版上線　魏明谷歡迎大家秀出私房景點

網頁設計公司   網頁設計公司    網頁設計公司

六、打破橫向水平的傳統

誰說橫線必須是水平的？
最近，設計師們就開始打破這種傳統將橫線以斜線的形式表現。
通過這種銳利的斜線，網站頁面能夠獲得更多的視覺樂趣並變得更加獨特。

Stripe網站展現的效果，可以看到，只要設計得當，斜著的橫線看著也非常漂亮、舒服。

七、圓角復活

看起來圓角並沒有真正死去，實際上現在設計師們又將它帶來了回來。
看Twitter的新推文發佈框就是一個很好的證明。

八、鮮艷大膽的配色

想要想出新的配色方案並不容易，
所以直到年代才開始出現越來越多的新配色方案，它們看起來好像不大可行但實際上卻又行得通。
等到2018年，人們可能將會看到更多鮮艷、大?的實驗性配色方案。
有時候許多明亮的顏色都被認為不大可能和平共處，但真把它們放在一起的時候效果卻出奇得好。

不信請看Spotify，其採用了粉色、金色、橙色這三種一般不會有人想到將它們組合在一起的顏色，
最終的效果相信大家也都看到了，非常棒。

九、互動式的故事內容

現在，越來越多的網頁開發者開始通過動畫或視頻來幫助他們更好地呈現其所要訴說的故事。

CNN最近發佈的一篇關於全球變暖和格陵蘭島冰川融化的新聞報導，
其將故事分成多個部分並且在每個部分都提供了不同的背景、動畫。

十、分割桌面屏幕的設計

眼下還出現了這樣一個流行趨勢，即讓一或兩張圖片來接管網頁試圖，從中間垂直向下分割。

Jaune de?Chrome網站就是這一趨勢的代表之一。

十一、粗獷主義的出現

也許許多人沒有聽說過粗獷主義，當在網頁設計中談論到這個也就意味著與以上談論所有趨勢的對立面。
它幾乎打破了所有網頁設計和用戶體驗的規則。

粗獷主義網站只遵循自己的設計美學，其不符合任何美學趨勢。
上圖就是一個粗獷主義網站的典型框架，下圖則是一個粗獷主義網站設計的範例。

總結

就網頁設計而言，2018年註定會是令人興奮的一年。
上面談到的趨勢在2017年最後幾個月已經廣受歡迎，所以相信到了明年它們勢必將能大放異彩。

振作網頁設計

參考資料:http://news.sina.com.tw/article/20171224/25131182.html

探尋2018年將可能出現的網頁設計流行趨勢 下

網頁設計   台北網站建置  套版網頁設計

明年底九合一選舉暖身賽已經開跑，以台北市長柯文哲來說，他21日在臉書上公開就任3年來的市政成績，耳目一新的是，不同於一般印象中的政令宣導，這是透過一款網頁遊戲「奔跑吧！台北」，讓民眾在遊戲中了解市政。

在「奔跑吧！台北」的網頁遊戲中，柯文哲變成遊戲角色進行闖關，遊戲分為4個關卡共12個行政區，讓民眾了解柯文哲上任至今的五大施政，包括老人共餐政策、公宅政策、西區門戶計劃、世大運以及行政區走讀。搞笑的是連柯文哲的招牌抓頭動作，都在遊戲中出現。

遊戲不只是宣揚柯文哲的政績，還調侃了曾經被民眾罵翻的政策。像是「Go Go Bravo台灣有你熊讚」廣告的人物角色，或是被封為「鐵血市政廳」的雜誌封面等，在遊戲中則化成了障礙物，阻礙玩家前進。玩了遊戲，幾乎就是看完了過去3年柯P的重要施政成果。

柯文哲在粉絲頁上表示，年輕幕僚們興沖沖的說要透過創新的小遊戲跟大眾介紹上任三週年的施政成果，他風趣地說看了之後只覺得「這遊戲畫素怎麼這麼差」，但幕僚們說這叫做「復古」，他寫道：「我真的越來越難預測年輕人會喜歡什麼，就像我也搞不太懂為什麼那張去SBL開球的照片會爆紅，但既然怪怪的東西都反應不錯，就讓大家放手去做吧！」

遊戲推出後，馬上吸引網友大讚行銷手法很吸引人，能夠抓住了年輕人的心，有網友一路闖關到最後，意外發現遊戲結局居然「有洋蔥」，說「真的最後會感動耶！」「好賺人熱淚唷！」還有人問柯文哲什麼時候要推出周邊商品，「阿杯公仔我要買！」

網動廣告

參考資料:http://www.epochtimes.com/b5/17/12/22/n9983822.htm

網頁小遊戲上線 主角竟是柯文哲