好讀網誌版 http://ppinkandbblack.blogspot.tw/2017/01/blog-post_24.html 嗨，我是寫蜜月寫到有點累的新郎~~ 暫時讓強迫症婚禮系列強勢回歸!! 逃避了很久，因為用想的就覺得會很瑣碎，但總是有一天要還的， 這篇是 – 任何人都能做的"官方網站". 沒錯，是"任．何．人"都可以做. 如果有發摟系列文章的捧油可能覺得我都在自嗨，分享歸大堆．啊又不能抄. 那這篇就是您要的了，所有人都可以模仿，完全免費，唯一的成本叫“時間”. 卡早做了約一年的廣告AE，許多當時認識的朋友常在FB上分享新事物. 就是這樣認識這個網站的. 別擔心，我任何設計軟體都不會，只會PPT貼來貼去. 嗯，這樣就夠了，只要會PPT最基本的技能就可以完成，就讓我娓娓道來吧.. 網址先來：http://tommyandlori.wixsite.com/tommyandloriswedding 我花了不多不少7天的時間完成．99%是原汁原味原創. 吸底．雞要七肛!! 其中包含邊做邊摸索、其中5天還是白天上班晚上加班 (不是您想的那種加班..) 會想做這個的原因是始終覺得填問卷很乾．喜帖上也不適合太多廢話. 但賓客既然都要來參加婚禮了．對新人完全一點都不認識那到底來幹嘛?? 剛好又搜到這位新娘的分享．其實網站整體架構也是參考她的．在此一鞠躬~~ http://amanda923g.pixnet.net/blog/post/299790071 好啦我知道男女生的哏不盡相同．女生看女生比較有共鳴．要左轉我不會攔您. 不過都看到這裡了給個面子咩．這一篇也會算是應有盡有的工具書啦~~ 好了很長的前言忍痛控制在500字以內．首先我們來看看有哪些出頭. 網站地圖： 首頁 關於 靜態 動態 出席 婚禮 留言 聯絡 亻也 求婚 求婚 女也 婚紗 預告 S HE 秘辛 其中首頁特別插了3個連結可直達：靜態-婚紗、出席、婚禮 網站架構： 首頁：就是Home Page．這還需要解釋的話.. 沒關係官網不見得要做啦~~ 關於-亻也：就是新郎本人的介紹 關於-女也：就是她大小姐的介紹 關於-S HE：就是關於我們的介紹．不用”他們”是為了男女平等不用”他”. 靜態-求婚：就是求婚當天拍的照片．還有些求婚戒指、大拜拜等的合照. 靜態-婚紗：就是婚紗照，35張塞滿滿，攏齁哩啦!! 靜態-秘辛：就是"韓國婚紗大剖析"共5篇，幕後直擊!! 動態-求婚：就是求婚影片+實況轉播，走過路過不會讓您錯過!! 動態-預告：就是整場婚禮的預告片，官方正式預告中文版放送!! 出席：就是google調查表單，我把它整個嵌進網站分頁了!! 婚禮：就是婚禮當天的事時地物，怎麼沒有人?? 人都不知道是誰別來了拜託~~ 留言：就是類似各大網站新聞下的留言版，嵌入FB留言工具. 聯絡：就是客服系統，留下個人資訊後將有專人為您服務，自動E-mail至信箱. 自己實做了一個後，深切體會沒人教學的痛苦，所以我會盡可能細講，很瑣碎. 會比較著重在我有卡住的地方，如果真的還有漏掉或疑問再另外討論吧~~ 首先，您必須要先key入網址：http://www.wix.com 接著，請點右上角的Sign In. 不用怕，沒毒且免費，按下去就對了. http://imgur.com/C1tEDAg 然後，到這了當然要註冊啊不然要幹嘛~~ 懶惰的話用FB帳號應該最快速. http://imgur.com/4HVLXiD 登入後，單刀直入不拖泥帶水讓您選擇想要製作的網站種類. 建議選"Event" http://imgur.com/JnpsaGB 進去後可能會眼花撩亂，左邊選單有次選項"Wedding & Celebration" http://imgur.com/xMfhL1q 基本上我是選用這個版本再拿來亂改，但其實選哪一個都可以自由發揮哦~~ http://imgur.com/YGNMnsL 挑選時請注意左上角有註明費用，免費的居多，別小看免費的功能多到驚人啊!! http://imgur.com/LukdREU 在最終決定前可以預覽每個範本，選擇最接近您想要的排版改起來會比較輕鬆. http://imgur.com/4ZRM6v0 找到"Edit"後按下就會開始這個讀取畫面囉，耐心等它跑完唄~~ http://imgur.com/uNu7Pho 我們先簡單說明幾個常用的選項，工欲善其事必先利其器，知己知彼百戰百勝. 左列選單第一個跟"背景"有關，有內建的也可以自行上傳喜歡的圖片. http://imgur.com/1cVDNp3 左列選單第二個類似"插入"功能，從文字/圖片/按鈕/影片/連結…等應有盡有. http://imgur.com/ZAqrtvP 左上角是"頁面選單"，可以編輯/搜尋/新增/刪除在這個網站的所有頁面. http://imgur.com/fDMnYE5 右上角由左而右是"縮小/上一步/下一步/手機版/儲存/預覽/發佈"選項. http://imgur.com/H49Ztka 是的，您沒看錯，這網頁還同步提供手機版，調整自由度也頗高. 別緊張，要能飛之前得先會跑，網頁版完成後再來細調手機版即可. 現代人幾乎都手機成癮，一個網頁沒有手機版就跟0.5s一樣，半套. 介紹完了. 蛤?? 您問其他的功能呢?? 我幾乎沒用到，有興趣可以自己玩玩. 就是這麼簡單幾個主要選項，就足以完成這個近乎100%客製化的官方網站. 這樣講您有沒有多一點點興趣了?? 如果還是沒有.. 好啦是我不好我跪.. 這篇接近尾聲，還有一點篇幅再介紹一下網頁的分佈位置，有助於之後的說明. 在這個編輯頁面，我們總共可以分成四塊： 1. 頁首 (Header)：就是最上面那塊 2. 頁面 (Page) ：就是最中間那塊 3. 頁尾 (Footer) ：就是最下面那塊 4. 背景 (Background) ：就是整塊 好啦，您知道我知道您不知道我在講啥，但其實就是這樣啊哈哈~~ 俗話說的好，字不如表/表不如圖，所以請見示意圖. http://imgur.com/QWHNCQc 如果套用到我們的網站的話長這樣. http://imgur.com/NLL6UYk 最近的文章都不小心爆字數，就讓我們把這篇留在穠纖合度的2,000字吧. 敬請期待下篇，官方網站無中生有大剖析，清．晰．透．明!! 對了．最後提醒一下．這網站有個很大的缺點：沒有中文版. 所以英文不好的捧油請多多利用英中字典．總是得付出努力的咩是吧~~ 還有該網站使用的中文字體無法挑選．完全內建．英文倒是有不少字體. 我大概試過如果是一般PC看到的是細明體．MAC系列看到的是微軟正黑體. (不要問我是細明體還是新細明體．從小用到大這兩個差在哪從來沒搞清楚過..) 所以建議使用MAC觀看．畫面質感差．很．多，喜歡快動手試試唄~~ -- 粉紅黑 https://www.facebook.com/pinkanblack/ --

※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 27.105.241.182 ※ 文章網址: https://webptt.com/m.aspx?n=bbs/GetMarry/M.1485254293.A.6AE.html