<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="content-type" charset="utf-8">
<title>koeki MAILのemail操作</title>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../jdmain.css">
<script type="text/javascript" src="../jdinit.js"></script>
<style>
kbd{
color: blue;
}
p{
font-size: 1.1rem;
margin-bottom: 10px;
}
.program{color: White; background-color: black; font-size:20px; margin-bottom: 1em; }
th{
text-align: center;
font-weight: bold;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
}
td{
text-align: left;
padding: 20px;
}
.red{
color: rgb(255, 70, 70);
font-size: 1.6rem;
}
.mail-command{
color: blue;
}
.orengi{
position: relative;
background: linear-gradient(transparent 40%, #ffd5af 40%);
}
.explain{
font-size: 1.3rem;
padding-top: 10px;
padding-bottom: 30px;
margin: 0 auto;
line-height: 1.7;
font-size: 1.2rem;
}
h3{
font-size: 1.4rem;
color: orange;
margin-bottom: 30px;
margin-top: 30px;
}
.icon{
margin-left: 40px;
margin-top: 30px;
margin-bottom: 30px;
}
.black{
background-color: black;
color: white;
}
.csv-inner-li{
padding: 5px;
font-size: 1.2rem;
list-style: none;
text-align: center;
}
.csv-li{
list-style: decimal;
text-align: left;
font-size: 1.2rem;
}
.explain-list{
color: #000;
}
.explain-list:hover{
color: blue;
}
.comment{
color: greenyellow;
}
.blue{
color: rgb(0, 255, 255);
}
.program{color: White; background-color: black; font-size:20px; margin-bottom: 1em; }
.mail-list{
text-align: start;
list-style: decimal;
margin-left: 40px;
font-weight: bold;
}
.mail-img-margin{
margin-bottom: 100px;
}
@media screen and (max-width: 746px){
p{
font-size: 0.8rem;
}
.red{
font-size: 1.1rem;
}
.explain{
font-size: 1.0rem;
padding-bottom: 30px;
}
h3{
font-size: 1.2rem;
margin-bottom: 20px;
margin-top: 20px;
}
.icon{
margin-top: 20px;
margin-bottom: 20px;
}
li{
padding: 4px;
font-size: 1.0rem;
}
.mail-list{
font-size: 1.0rem;
}
th{
padding-top: 15px;
padding-bottom: 15px;
padding-left: 35px;
padding-right: 35px;
font-size: 0.8rem;
}
td{
padding: 15px;
font-size: 0.8rem;
}
.program{font-size: 1.0rem; margin-bottom: 1em; }
.section-title::before{
background-image: none;
vertical-align: baseline;
content: '';
position: absolute;
bottom: -20px;
display: inline-block;
width: 60px;
height: 5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: rgb(255, 153, 0);
}
.section-title::after{
display: none;
}
.csv-li{
font-size: 0.8rem;
}
.mail-img-margin{
margin-bottom: 50px;
}
}
</style>
</head>
<body>
<header id="header">この部分は header.html に置き換わる</header>
<div class="wrapper">
<section id="mail-recive">
<h1 class="section-title">くわしいメイルの送信操作</h1>
<p class="explain">ここではくわしいメイルの送信操作を紹介します。</p>
<p class="explain"><span class="orengi">1.左上の緑の「新規」ボタンを押す。</span></p>
<img src="../info/koeki-mail-file/rainloop-mail-send.png" alt="メインメニュー" class="mail-img-margin">
<p class="explain"><span class="orengi">そうすると下のようなメイル編集画面が出てくる。</span></p>
<img src="../info/koeki-mail-file/rainloop-mail-all-screen.png" alt="メインメニュー" class="mail-img-margin">
<p class="explain"><span class="orengi">2.青い矢印の部分にメイルを送りたい相手のメイルアドレスを打ち込む。</span></p>
<img src="../info/koeki-mail-file/rainloop-mail-atesaki.png" alt="メインメニュー" class="mail-img-margin">
<p class="explain"><span class="orengi">3.何についてのメイルなのかを簡単に書く。でも、名乗ったり文を書き始めるのではなく、文は本文領域に書く。 </span></p>
<img src="../info/koeki-mail-file/rainloop-mail-kenmei.png" alt="メインメニュー" class="mail-img-margin">
<p class="explain"><span class="orengi">4.本文を書く。emailでは必ず自分の名が相手に分かるようにする。 同じ相手に2,3通連続で送る場合でも記名を省略しない。 自分は1人だけに書いているかもしれないが、相手は何人も同時に対応している ことが多いため、名乗らないメッセージは本当に誰か分からず相手を困らせる。 スマートフォンで返信する場合などSNS感覚で名乗らず送る者が多いが 必ず誰か分かるように注意する。</span></p>
<img src="../info/koeki-mail-file/rainloop-mail-honbun.png" alt="メインメニュー" class="mail-img-margin">
<p class="explain"><span class="orengi">5.左上にある「送信」ボタンを押して、送信する。</span></p>
<h3>複数人に送る・送信先の指定・ファイルの添付</h3>
<p class="explain"><span class="orengi">※ 複数人に送るとき用①。宛先へ送信するメール内容・送信履歴を共有したい相手のメイルアドレスを入力する。「CC」に指定された宛先のメイルアドレスは、メールを受信したメンバー全員に表示される。(<kbd>編集画面右上の「CC」リンクを押すとここが出てくる</kbd>)</span></p>
<img src="../info/koeki-mail-file/rainloop-mail-CC.png" alt="メインメニュー" class="mail-img-margin">
<p class="explain"><span class="orengi">※ 複数人に送るとき用②。宛先へ送信するメール内容・送信履歴を共有したい相手のメイルアドレスを入力する。BCCに追加したメールアドレスは、そのメールをBCCで受け取った当人以外には、非公開となり表示されません。宛先で送信された人には、BCCで誰が追加されているのかはわかりません。</span></p>
<img src="../info/koeki-mail-file/rainloop-mail-BCC.png" alt="メインメニュー" class="mail-img-margin">
<p class="explain"><span class="orengi">※ 別のアドレスに返信を送って欲しい場合に指定する。(相手の返信方法でそうならない場合もある)</span></p>
<img src="../info/koeki-mail-file/rainloop-mail-reply.png" alt="メインメニュー" class="mail-img-margin">
<p class="explain"><span class="orengi">※ ファイルも同時に送りたいときはここを押す。押すとファイル一覧が出てくるのでその中から送りたいファイルを選択すると、本文と一緒に送信できる。</span></p>
<img src="../info/koeki-mail-file/rainloop-mail-file.png" alt="メインメニュー" class="mail-img-margin">
<p style="color: green; font-size: 1.5rem; font-weight: bold;text-align: center;margin-top: 40px;">正しいメイルの送信方法でたくさんメイルを送ってみよう!</p>
</section>
</div>
<footer id="footer">この部分は footer.html に置き換わる</footer>
</body>
</html>