CANNY的私藏地圖

May 28 Tue 2024 13:09
Google Search Console 提交 Sitemap ，透過 .htaccess 自動導向404.html

網站上線之後，嘗試在Google搜尋，才發現還有好多事要做喔!

Google Search Console提交Sitemap！加快搜尋引擎找到網站！

網站上線後，到 http://www.xml-sitemaps.com/ 來生產自己的網站地圖。
首先在首頁中【輸入網址】之後按【Start】下載，
再把sitemap.xml檔案上傳到虛擬主機的系統根目錄，

(繼續閱讀...)

Canny 發表在痞客邦留言(1) 人氣()

個人分類： 2024《網站製作小白的新手筆記》

▲top

May 28 Tue 2024 11:16
PHPMailer & 透過中華電信發信寄信程式

完成上一篇的php檔案之後我才發現，另一家公司配合的中華電信主機，因為垃圾郵件氾濫的問題，沒有提供php sendmail傳遞資料的服務，所以要使用PHPMailer來發送電子郵件。

PHPMailer是一套功能強大的的Mail套件
可到這裡下載GitHub：https://github.com/PHPMailer/PHPMailer
再用composer安裝phpmailer，但是我實在看不懂啊!
還好在網路上搜尋到可以不使用composer的方法，

(繼續閱讀...)

Canny 發表在痞客邦留言(0) 人氣()

個人分類： 2024《網站製作小白的新手筆記》

▲top

May 28 Tue 2024 10:32
透過php內建mail() 製作聯絡表單，傳送郵件

之前公司要向中華電信租用虛擬主機的時候，我想說我公司電腦是用WINDOWS系統，就租用了WINDOWS，後來才知道要用LINUX才能使用PHP，還好做這樣的更改是不用再收取費用的。

要怎樣才能知道主機有沒有支援PHP呢? 可以先寫個簡單的測試頁面放在主機上

若看得到 (Hello World) 內容就表示有支援喔!
正題來了.確認有支援php，我們就先完成 html表單頁面的部份，此範例中我們設定 action="form-1.php" 與 method="post"是當按下送出表單的按鈕之後， form 會透過 post 的傳遞方式，將表單資料送到 form-1.php 這支程式，而表單內容我們放了姓名，電子郵件與機構三個欄位。
<body>

(繼續閱讀...)

Canny 發表在痞客邦留言(0) 人氣()

個人分類： 2024《網站製作小白的新手筆記》

▲top

May 27 Mon 2024 11:08
CSS hover，滑鼠滑過圖片會放大再縮小，改變照片透明度

這裡是視覺設計師臨危受命，利用三個月時間自學，完成公司形象官網的一些筆記，主要是怕自己之後又忘記了，也分享給同是網站設計的新手，由於是剛接觸網頁設計的小白，很多程式碼都是Google+ChatGPT拼湊來的，所以不要問我原理阿!
另外，以下所分享的程式碼均有整合Bootstrap框架
網路上分享的hover圖片顯示不少，但是因為我使用Bootstrap框架中的卡片(card)文件，要避免圖片放大後超出卡片範圍，所以花了一些時間才做出一個稍微滿意的作法，另外是在圖片放大縮小的絲滑度上比較難掌控，而透明度的變化，相對來說簡單很多
程式碼在此 http://codepen.io/Canny-Huang/pen/rNgaqXz
特別想說明一個 Bootstrap 的類別，lh-* 這個行高通用類別，它可以改變文字段落的行高。上圖右一就是使用了 lh-sm 這個類別。

(繼續閱讀...)

Canny 發表在痞客邦留言(0) 人氣()

個人分類： 2024《網站製作小白的新手筆記》

▲top

May 27 Mon 2024 10:50
響應式 Clip Path 純CSS多角形與不規則色塊或圖片

這裡是視覺設計師臨危受命，利用三個月時間自學，完成公司形象官網的一些筆記，主要是怕自己之後又忘記了，也分享給同是網站設計的新手，由於是剛接觸網頁設計的小白，很多程式碼都是Google+ChatGPT拼湊來的，所以不要問我原理阿!
另外，以下所分享的程式碼均有整合Bootstrap框架
網頁上想要多點變化，不想要方方正正的色塊或圖片，可以怎麼做呢?
首先到這個CSS clip-path maker網站http://bennettfeely.com/clippy/，拖拉出想要的形狀後，複製code
我試了兩種方式