{% extends "docs/DocumentBase.html" %}
{% block content %}
 <div class="leftSidebar">
  <ul>
   <li>
    <h2><a href="{% url 'Theophrastus.views.document' 'DocumentIndex' %}">序.使用流程圖</a><h2>
   </li>
   <li>
    <h2><a href="{% url 'Theophrastus.views.document' 'DocumentIndex' %}">1.聯絡人管理</a></h2>
   </li>
   <li>
    <h2><a href="{% url 'Theophrastus.views.document' 'MailingList' %}">2.郵件清單管理</a><h2>
   </li>
   <li>
    <h2 class="sel"><a href="#content">3.電子報管理</a></h2>
    <ul>
     <li><a href="#contact3-1">增加電子報</a></li>
     <li><a href="#contact3-2">插入預設樣版</a></li>
     <li><a href="#contact3-3">編輯文字</a></li>
     <li><a href="#contact3-4">變更圖片連結</a></li>
     <li><a href="#contact3-5">設定測試人員及寄送</a></li>
     <li><a href="#contact3-6">雜項設定與附件</a></li>
    </ul>
   </li>
   <li>
    <h2><a href="{% url 'Theophrastus.views.document' 'Statistics' %}">4.統計頁說明</a></h2>
   </li>
  </ul>
 </div>
 <div class="article">
  <div id="contact3-1" class="mast">
   <h3>3.電子報管理</h3>
   <h4>增加電子報</h4>
   <p>完成上述設定之後，現在您可以新增一個電子報。請點擊下圖所指示的位置即可進入新增電子報管理頁面。</p>
   <img src="{{ STATIC_URL }}images/document/Document3-1.png"/>
   <p>當您進入到管理頁面時會出現下圖，此時的表單尚未有任何資料，所以須新增一筆資料，您需要點選右上方紅框內的 新增電子報。</p>
   <img src="{{ STATIC_URL }}images/document/Document3-2.png"/>
  </div>
  <div id="contact3-2" class="mast">
   <h4>插入預設樣版</h4>
   <p>首先您需要為這個電子報輸入它的標題，再來點擊下圖紅框指示內的圖示來使用預設的樣版。</p>
   <img src="{{ STATIC_URL }}images/document/Document3-3.png"/>
   <img src="{{ STATIC_URL }}images/document/Document3-4.png"/>
   <p>接著選擇邀請函選項後，在預覽框中就會立刻出現該樣版的造形，按下插入後就可使用樣版。</p>
   <img src="{{ STATIC_URL }}images/document/Document3-5.png"/>
  </div>
  <div id="contact3-3" class="mast">
   <h4>編輯文字</h4>
   <p>在 content中您可以看到您剛剛所插入的樣版，在這裡您可以自由的編輯信件內的標題，也可以編輯它的大綱及表格內的時間和與會人員之類的。</p>
   <p class="redFont">*關於文字工具箱的功能如同Microsoft Word操作功能。</p>
   <img src="{{ STATIC_URL }}images/document/Document3-6.png"/>
  </div>
  <div id="contact3-4" class="mast">
   <h4>變更圖片連結</h4>
   <p>在此範例中是以GoogleMap地圖為例，若非使用該地圖座標則可跳過此段說明。</p>
   <p>首先你需要先到GoogleMap中鍵入您想要取得的地址送出後，再按下圖中的 1 功能鍵後就會展開右側視窗，接著複製 2 欄位中的網址即可取得GoogleMap為您的地址所定製的地圖座標。</p>
   <img src="{{ STATIC_URL }}images/document/Document3-7.png"/>
   <p>在下圖點選 1 欄位中的圖片，再點擊 2 欄位的功能，即展開編輯圖片連結的相關功能。</p>
   <img src="{{ STATIC_URL }}images/document/Document3-8.png"/>
   <p>當編輯圖片功能展開後，把您的URL網址貼上到紅框內中再點擊左下的更新鍵，就可完成圖片連結的設定。</p>
   <img src="{{ STATIC_URL }}images/document/Document3-9.png"/>
  </div>
  <div id="contact3-5" class="mast">
   <h4>設定測試人員及寄送</h4>
   <p>在下圖中的接收人欄位為測試專用( 可不填 )，可以在正式推出前先進行內部人員發送，已確保電子信的正確性 ； 發送日期預設為當時時刻，若您想在特定時間發送則
    <span class="redFont">需設定日期與時間，狀態也需從草稿變更為等候送出</span>。
   </p>
   <img src="{{ STATIC_URL }}images/document/Document3-10.png"/>
  </div>
  <div id="contact3-6" class="mast">
   <h4>雜項設定與附件</h4>
   <p>在此區您可以設定寄送人與回復的相關配置 ( 可不塡 ) ，當您想使用寄送人資料時則需作線上帳戶的確認，點擊下圖所示的驗證後，您將會收到來自 Amazon Web Services 的英文電子確認信, 依照信內所指示的連結點擊回覆後，就可完成寄送人的驗證。</p>
   <img src="{{ STATIC_URL }}images/document/Document3-11.png"/>
   <p>來自Amazon寄出的確認信</p>
   <img src="{{ STATIC_URL }}images/document/Document3-12.png"/>
   <img src="{{ STATIC_URL }}images/document/Document3-13.png"/>
   <p>如果您需要隨信附加信件，也可以在附件項目中上傳您的文件並填入標題，並點擊右下方的儲存鍵來儲存此次設定的全部內容，最後您所設定的電子信件將會在您安排寄送時間送件。</p>
   <img src="{{ STATIC_URL }}images/document/Document3-14.png"/>
  </div>
  <div class="page">
   <a href="{% url 'Theophrastus.views.document' 'MailingList' %}">上一頁</a>
   <a href="{% url 'Theophrastus.views.document' 'Statistics' %}">下一頁</a>
  </div>
 </div>
<script type="text/javascript">
$(document).ready(function(){
    $('.leftSidebar').stickyfloat({ duration: 400 });
});
</script>
{% endblock %}