顯示具有 facebook 標籤的文章。 顯示所有文章
顯示具有 facebook 標籤的文章。 顯示所有文章

2017年2月3日 星期五

跟著書做~~"Dreamweaver CC網頁製作比你想的簡單"

這本書是線上閱讀,所以...

1.加入檢驗表單行為(避免一些表格要填但使用者未填寫)
先選取form,接著→行為→檢驗表單

2.跳頁選單(之前DW好像有兩種,好像要這種搭配JS才可以)
先製作表單裡的選取,接著→行為→跳頁選單
也可以搭配"按鈕"來到另一個網頁,行為→前往URL,就可以囉

3.google搜尋引擎登錄    https://support.google.com/webmasters/
會被導入到"Search Console",需登入

4.Fackbook 增加 like 與 share 按鈕    https://developers.facebook.com/docs/plugins
看這本主要就是要處理FB的問題...
4-1.先選取要按讚的網頁(這樣不就是要一頁一頁處理???)
4-2.處理寬高度,接著取得程式碼(程式碼分兩個區塊,一個(JS)要放在<body>之後。一個則是圖片,看要放在哪裡給他人按讚。
4-3.看到很多網站是使用Like Box,就是顯示很多粉絲區塊。
4-4.Comments快速留言
4-5.posts內嵌貼文,這樣留言就直接顯示在網頁上,是嗎??

5.jQuery UI
插入→jQuery UI,這裡有很多選項。


閱讀 "免費架站王 weebly" 此書

這本書是利用各種免費的工具,來達成網站的功能需求,其中有一些還不錯,先記錄下來。

1.氣象天氣:現在都沒有iframe可以放在網站裡方便網友看(我找不到),但各國氣象台還是有提供RSS,這就可以處理了!

2.SEO策略
加入下面兩個,雖然上次google說好像已經不用這個了~ ~
<meta name="description" content="說明">
<meta name="keywords" content="關鍵字">
檢視搜尋引擎索引狀態→ info:網站網址、site:網站網址
看看連結或相似的網頁→link:網站網址、related:網站網址

3.申請google網站管理工具   https://www.google.com/webmaster/
先在 search console加入網站→接著驗證。

4.google analytics   https://www.google.com/analytics/
登入→註冊→輸入一些資料後→複製追蹤碼貼在 頁尾上即可。

5.Facebook,管理權限不在我,所以...

6.google簡報(不支援內有影片的PPT)
將PPT放在雲端硬碟中,開啟工具選擇google簡報。接著在選單上的檔案→發佈到網路→內嵌,就可以將程式碼複製放在網站上囉!!

7.還有dropbox、Flickr、Instagram應用,但都還沒有用到...

8.CSE用法  https://cse.google.com.tw/cse/all
輸入一些網站的資料,就可以取得程式碼。主要是要放在哪裡,我是放在最上面(先一個放大鏡),點選後,下方出現google搜尋。這邊是放在選單UL外面,用的是collapse。

但因為CSS關係,要稍微調整一下,最後是將自己的CSS放在最下面,就可以覆蓋過google的CSS喔!!外觀與風格也選一下,就可以出現google藍囉~~

9.訪客計數器
這個功能我一直覺得沒有必要,反而覺得分析讀者來看的目的是甚麼比較重要...

10.youtube音樂庫    https://www.youtube.com/audiolibrary/music
提供了免費的各種音樂喔!!!工具聲、動物聲、武器音效等...

11.jQuery各種特效    http://www.dynamicdrive.com/dynamicindex17/
這本書介紹的是右下角有個往上的按鈕,可以到頁面最頂。

12.favicon 自訂網站圖示    http://www.favicon.cc/
將圖片上傳後,變成icon(不可以超過5MB)
<link rel="shortcut icon" href="圖示位置" />