閱讀心得: 2017

2017年5月21日星期日

蝦皮拍賣的購物經驗---極差

想要在蝦皮買了一本二手書。

卡在信用卡那一關，至少輸入了五次信用卡資料。不會跑到下一頁！

寫問題給客服人員，回覆如下

與您說明，驗證卡號時會有1元的消費紀錄，但是此1元交易是不會請款的還請您放心，謝謝。
非常抱歉造成您的困擾及使用上的不便，因客服目前測試刷卡無發生同樣狀況，
關於您反應付款異常之情況，建議您可參照下列方式進行處理：

《APP版本》
■清除手機瀏覽暫存檔
■完整關閉蝦皮拍賣後重新啟動
■確認蝦皮拍賣及裝置是否為最新版本
■將裝置進行重新啟動及檢查網路連線是否正常
■卸載蝦皮拍賣後重新下載安裝

《網頁版本》
■嘗試更換瀏覽器（Chorme、FireFox、IE.......等）
■將電腦進行重新啟動及檢查網路連線是否正常
■清除網頁瀏覽紀錄及cookie紀錄

若上述操作仍無法解決您的問題，
請您協助提供【電腦作業版本、瀏覽器】或【手機型號、作業版本、蝦皮拍賣應用程式版本】以及【問題畫面截圖】，
並再次聯絡蝦皮客服中心以利我們為您轉交相關單位查詢確認，謝謝。

感謝您使用蝦皮拍賣！
祝福您有個美好的一天
Shopee Team
蝦皮拍賣客服中心

電腦版本 Windows 7旗鑑版 service pack 1

intel core i3-4160cpu

4.00GB RAM

64位元

由原本的chrome 版本 58.0.3029.110 (64-bit)換成IE 11 版本有清除網頁紀錄及cookie紀錄。

還是不能用。問題頁面如下

IE 11

chrome

最後，甚至下載了手機版的蝦皮！

客服人員要我刪除信用卡資料。重新試過一次，還是不行！

先至【我的】→【我的帳戶】→【銀行帳號/信用卡】內，先將您之前所設定的信用卡資訊進行刪除，
並完整關閉蝦皮拍賣後，在重新登入您，再至【我的】→【我的帳戶】→【銀行帳號/信用卡】新增您的信用卡卡號，並完成3D驗證，
待收到 1 元的授權簡訊後，您在至您欲購買的賣場進行下單結帳的動作，再麻煩您協助嘗試，謝謝您。

若上述操作仍無法解決您的問題，煩請您可來信提供【異常截圖畫面】，
以利為您轉交相關部門確認問題點，若有造成您使用上的不便，還請您見諒。

以後非不得已，不會在蝦皮買東西！

2017年3月11日星期六

CSS Fundamentals---The CSS Setup, Basic CSS Structure & Syntax

3. CSS Fundamentals---The CSS Setup, Basic CSS Structure & Syntax

想要在html中改變文字的色彩、字體大小、文字間距、文字位置、
邊界，都可以在css檔案中改變。不用造成html中過於冗長的情形。

檔案名稱，例如style.css

在html中的<head>之中，放入<link>。
<link href="/style.css" type="text/css" rel="stylesheet">
href 設定連結到html的路徑檔案。

在style.css，想改成<p>的文字大小。

注意，在p之後與尖括號之中有一個空白。
在{ 與 }之中沒有空白，
使用兩個空白鍵在屬性的段落縮排。
(圖片中的例子只是便於說明)

想要一次改變多個元素的顏色。可以使用 , 。
例如：
h1, h2 , p {
color: red;
}
有一個強大的universal selector *
可以改成整個html的屬性。

在CSS中，當然也可以留下備註。
使用/* */
其目的有二，
1. 幫忙你或別人之後在維護管理CSS時，更容易理解容內。
2. 可以測試新的程式碼，而無需刪除舊的程式碼。

Html Content---Common Html Elements(二)

2. HTML CONTENT
Common HTML Elements之二

想要在HTML中插入圖片，可以用以下例子，
記得喔！ <img>是self-closing tag
<img src="http://........jpg" />

img是屬性為src，就像href為link的屬性。

對於視障的同胞，img有個屬性是alt。可以念出alt的那段文字內容。
<img src="#" alt="a field of sunflowers" />

屬性alt有兩個目的：
1. 當圖片載入失敗時，使用者可以把滑鼠移到圖片上，
即可看到圖片的文字敘述。
2. 視障人士在使使用電腦中，遇到這張圖片。
閱讀軟體會念出來這張圖片的文字。

若要在網頁中增加空位，在index.html中輸入
空白鍵是沒有用的。其結果，不影響網頁中的空位。

使用html的break element: </br>，可以讓文字跳到下一行開頭。

World Wide Web Consordium(W3C)建議段落縮排時，
要有兩個空白鍵。
切記，段落縮排，不可以使用Tab鍵取代空白鍵。

 可以在html中當作備註使用。
其目的有二，
1. 對於後續的處理，讓別人或自己更容易清楚了解。
那段程式碼的意義。
2. 可以讓你實驗性的寫程式，而不用刪除舊有的程式。

Html Content---Common Html Elements(一)

2. HTML CONTENT
Common HTML Elements之一

在HTML中有六種heading。

<h1> 主標題main heading。用於強調或是放大幾個字
<p>
<ul>
<li> </li>
<li> </li>
<li> </li>

</ul>
</p>
<ol>
<li>中國</li>
<li>印度</li>
<li>美國</li>
</ol>

<h2> 其餘的為次標題 subheadings
<h3>
<h4>
<h5>
<h6>

避免在段落中使用過多的文字，
很多段落有大量文字，會分散人們的注意力。

<ul>表示unordered list，裡面的<li>在網頁格式中，會以項目符號（•）為分類。

<ol>表示ordered list，以上面為例，人口最多的國家。
在<ol>的網頁格式中，會以
1. 中國
2. 印度
3. 美國
來顯示。

<a>表示錨，anchor，會在<a>之中，加入了屬性href
<a href="http://www..........." target="_blank">

href表示屬性的名稱，http://.....為屬性的值
後面的target表示，會在新的標籤開啟新的空白網頁。

2017年3月5日星期日

1. Html Fundamental HTML & CSS---Structure

1. HTML Fundamental

HTML & CSS---Structure

<!DOCTYPE html> 寫網頁的第一行總是寫這一個詞
<html> 這個是html的opening tag
<head>
<title>維基百科-首頁 </title>
在<title>和</title>之中的文字，會顯示於網頁的最上方
<body>
文字、圖案、按鈕可以加在body之中
<p> p表示paragraph element </p>

</body>
</head>
</html> 這個是html的closing tag。closing tage要加上forward slash

<表示尖括號 angle bracket

以上課程是codecademy的課程整理

2017年5月21日 星期日

2017年3月11日 星期六