善用CSS設計網頁有哪些優點?
1.美化版面編排:透過CSS製作的網頁,可以作到更有設計感更專業的畫面編排。
2.搜尋最佳化:規劃CSS樣式表,可大量減少網頁圖片與網頁元素過多不適當使用,可替網頁瘦身,且適當安排有意義的關鍵字將可達到搜尋引擎最佳化SEO的目的。
3. 維護較為輕鬆:於網站建置完成,日後的維護性與管理方便性,因只需透過更改CSS樣式表,前端使用到的網頁元件皆會跟著受影響。
01.設計兩個形狀,上層無陰影,底層有設置陰影 02.在效果/風格化中找到:製作陰影 03.陰影參數參下設置: 04.新增一個六邊形,將矩形做變化 05.打上文字 06.選取物件/路徑/位移複製,讓圖形更加有層次 06.先點選此繪圖物件,在介面上方找到工具圖示:重新上色圖稿,可做不同顏色的變化設計 read more
常常會遇到客戶問我,logo設計多少錢?網頁設計多少錢?你(妳)在問我的同時,其實你(妳)的心底已經有答案了!如果你(妳)的心理預算是5000塊作一顆logo,你(妳)就會覺得一萬塊的logo很貴!你(妳)會覺得1000塊的logo很便宜!當你(妳)把一顆logo、把一個網站製作商品化看待、將logo設計視為一個圖案,所以買一個物品、一件衣服,你(妳)當然會覺得價廉物美最好!你(妳)可能會找很多家比價,你(妳)可能覺得想砍設計公司費用,覺得這樣幫公司省下成本,這個過程都人之常情! 但你(妳)可能不知道,設計是無價的!設計其實是一個創作的過程、一個行銷策略!一連串的醞釀,它是可以替公司創造更多的價值,而不應該只是看到增加公司的成本,在研究怎麼省下設計成本的同時,你(妳)已經把公司的格局作小了!如果將logo只視為一個圖案、它就可能只是替公司穿上一件衣服、戴上一頂帽子罷了,妳有我有大家有,有甚麼稀奇可言?搶便宜、預算底的結果,找到的設計師會為您考慮到logo的識別性、獨特性嗎?會深入去比較同業logo、去探究各種不同類型的logo元素嗎?(圖案為主的優點、文字為主的優點、復古風、時尚風、、)嗎? 將網站設計視為一筆開銷,它也將只是提供一個網頁版的型錄罷了?上線之後似乎就成為萬年網站,客戶就會進來了嗎? 我只能說設計當然有它的價格,但更有它的價值!所謂一分錢一分貨!不應只著眼於製作成本,因為好的設計是在於讓您的公司提高更好的附加價值! read more
P:位置 R:旋轉 T:透明度 S:縮放 A:中心點 Ctrl+Alt+Home:物件錨點置中物件 Ctrl+Home:物件移到畫布中央 Ctrl+Alt+F:素材調整與畫布一樣大小 Shift+/:畫面符合螢幕 F2:取消選取 Ctrl+M:輸出影片 Ctrl+Shift+D:剪裁影片 Alt+[、Alt+]:剪裁某個軌道的前後範圍 B、N:規範整個影片的前後範圍 PageDown、PageUp:調整指針的左右位置 Shift+PageDown、PageUp:調整指針的左右位置,一次移動為十格 F9:選取關鍵影格進行加減速效果 Alt+左右鍵:調整關鍵影格的位置 Ctrl+Y:新增色板 Ctrl+Shift+Y:修改色板顏色 read more
網頁SEO優化該注意的項目 第1:你要知道網站流量來源:75%SEO、25%Google ADS 第2:多語系網站有加分效果 第3:通常網站被看最多項目網頁為:產品介紹、聯絡資訊、公司介紹 第4:利用搜尋site:您的網址來查驗Google檢索狀況 第5項:網站根目錄加入xml利用網站https://www.xml-sitemaps.com/協助產生sitemap.xml將sitemap.xml上傳網站根目錄 第6:網站根目錄加入robots.txtUser-agent: *Allow: /以上為允許所有訪問WordPress系統加入下方語法可防堵入侵Disallow: /wp-admin/利用https://intodns.com/解析DNS是否有異常 第7:網址申請SSL加密EV(核發給事業單位的憑證)優於DV(核發給網址的憑證) 第8:過多重複的內容網址會分散SEO權重301轉址,利用.htaccess檔案設定,輸入以下文字:RewriteEngine onRewriteRule (.*) http://新網址.com/$1 [R=301,L]儲存至欲轉址地方的根目錄,WordPress網站可搜尋301或Redirects等關鍵字外掛來設置 第9:利用HTML的Canonical標記語法來告訴Google例:同一產品10ml、20ml、30ml不同規格語法設為<link rel=“canonical” href=“容量10ml的URL” /> 第10:Google商家、Google Map清楚標示 第11:Google關鍵字規劃工具 第12:做好站內及站外的連結 第13:GSC (Google Search Console訪客到訪報表) 及GA (Google Analytics訪客到訪後報表) 的善用 第14:GA報表 流量管道 ---... read more
AE特效中英對照說明一覽 Text Bounce,文字彈跳效果 Typewriter 打字機效果 Fill填色 Stroke邊緣線條 Lumetri Color 調色面板 4-Color Gradient 四色漸層 CC Slant,傾斜效果,運用於陰影效果 CC pixel polly爆破效果 magnify 曲線化色階放大濾鏡 Polar Coordinates北極坐標軸曲度變形效果 Tint 灰階 著色 Drop shadow下落陰影 Transform 變形 Fratcal Noise 雜訊效果 Noise Type:block格狀 Grid 格狀效果 Gradient... read more
WordPress&網頁設計會遇到的100個問題 作者:數位鯨(專案經理:黃英展) 本書特色: 集結了架設WP網站與網頁設計會遇到的100個實例Q&A WordPress - 不會寫程式也可以輕鬆架站 推薦21款超實用WrdPress外掛 - 強化網站功能、安全性、SEO讓您的網站更為符合客製的需求 精選HTML5、CSS3問題集 - 網頁設計師不能錯過的必修課程 WordPress&網頁設計會遇到的100個問題 本書精彩收錄100個實例Q&A: 火紅架站系統大公開:WordPress架站篇 如何成為WordPress達人? - 網站後台管理速速上手 如何網路開店? - Woocommerce輕鬆上架商品、顏色、尺寸、金流設定 有哪些好用外掛? - 21款WordPress超實用外掛大集合 老司機都知道的:網頁知識小百科 甚麼是HTML5?、RWD?、雲端字型? 網頁設計魔法師都靠它:CSS練功篇 如何設置Float浮動語法?、inline-clock語法?、CSS tranform?、CSS animate? 網頁設計師不能錯過的:認識常見專有名詞 甚麼是SEO?、Parallax?、Grid System? 挖好康藏寶圖:資源分享篇 學習及素材網站蒐羅、Google廣告投放、FB粉絲頁經營技巧、開啟AdSense網站營利 作者:黃英展 了解更多:博客來網路書店 read more
1.建立空間情境場景,建立兩面牆 2.建立地面 3.完成簡易的空間場景 圖片來源為:https://mockuptree.com/free/mini-glass-water-bottle-mockup/ 這邊是利用鋼筆工具描邊去背 去背完貼到自製的空間場景發現,現實世界透明的器物,對PHOTOSHOP影像合成來說一樣是兩個物件 4.將不透明跟透明的地方分開處理 5.將透明玻璃的地方圖層混合樣式設為覆蓋 6.再重製疊上一層圖層混合樣式為色彩增值屬性,所以用了兩個圖層屬性交疊,覆蓋+色彩增值 7.再加上陰影,記得陰影要有點透光,不要全黑才逼真 8.大功告成 read more
發佈留言