CANPANの使い方 読みやすい事業情報の書き方

書き方による表示の違い

文字の大きさや色は統一されシンプルに表示されます。



  1. 事業情報

▲ページトップへ

入力補助機能(アイコン)やHTMLタグを使ってたのサポレポートを登録すると文章にメリハリがつき、よりたのサポレポートが読みやすくなります。また、読者にアピールしたいキーワードを強調することができます。



  1. 事業情報 文字の色を変えることができます。
    文字を太くすることができます。
    文字を大きくすることができます。
    文字を斜体にすることができます。
    他のページにリンクすることができます。
    簡単に箇条書きにすることができます。
    言葉を定義して説明することができます。
     

▲ページトップへ

入力補助機能やHTMLタグを使う

例として、「海洋・船舶関係の実情調査等」という文字を青色に変えてみましょう。


  1. 入力補助機能を使う


    事業登録・編集ページ 色を変えたい文字を範囲指定します。
     
    青色文字アイコンをクリックします。アイコンをクリックすると、選択した文字が<色:#0000FF>と</色>で括られます。
     
    <色:#0000FF>海洋・船舶関係の実情調査等</色>
     

  2. HTMLタグを直接入力する


    事業登録・編集ページ 色を変えたい文字を<font color="#0000FF">と</font>で括ります。
     
    <font color="#0000FF">海洋・船舶関係の実情調査等</font>
     
    ※#0000FFは青色を示しています。
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、色の変化を確認することができます。


事業詳細プレビューページ


※標準の色に戻す場合は、<色:#0000FF>と</色>または、<font color="#0000FF">と</font>を削除してください。

▲ページトップへ

例として、「海洋・船舶関係の実情調査等」という文字を太字にしてみましょう。


  1. 入力補助機能を使う


    事業登録・編集ページ 太字にする文字を範囲指定します。
     
    太字アイコンをクリックします。アイコンをクリックすると、範囲指定した文字が<太>と</太>で括られます。
     
    <太>海洋・船舶関係の実情調査等</太>
     

  2. HTMLタグを直接入力する


    事業登録・編集ページ 太字にする文字を<strong>と</strong>で括ります。
     
    <strong>海洋・船舶関係の実情調査等</strong>
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、文字の太さを確認することができます。


事業詳細プレビューページ


※標準の太さに戻す場合は、<太>と</太>または、<strong>と</strong>を削除してください。

▲ページトップへ

例として、「海洋・船舶関係の実情調査等」という文字を大きくしてみましょう。


  1. 入力補助機能を使う


    事業登録・編集ページ 大きくしたい文字を範囲指定します。
     
    大文字アイコンをクリックします。アイコンをクリックすると、範囲指定した文字が<大>と</大>で括られます。
     
    <大>海洋・船舶関係の実情調査等</大>
     
    大文字アイコンをクリックすると、さらに大きな文字になります。
     

  2. HTMLタグを直接入力する


    事業登録・編集ページ 見出しにする場合は、<h?>と</h?>で括ります。?には3から6までの数字を入れることができます。h3が最も大きな見出しになります。文字を標準より大きくする場合は、?に4以下の数字を入れてください。また、見出しにすると文字が太くなります。
     
    <h4>海洋・船舶関係の実情調査等</h4>
     
    単純に文字を大きくする場合は、
    <font size="?">と</font>で括ります。
    ?には1以上の数字を入れてください。数字が大きいほど文字が大きくなります。
     
    <font size="3">海洋・船舶関係の実情調査等</font>
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、文字の大きさを確認することができます。


事業詳細プレビューページ


※標準の大きさに戻す場合は、<大>と</大>または、<h?>と</h?>、または<font size="?">と</font>を削除してください。

▲ページトップへ

例として、「ジャダヤ」という文字を斜体にしてみましょう。


  1. 入力補助機能を使う


    事業登録・編集ページ 斜体にする文字を範囲指定します。
     
    斜体アイコンをクリックします。アイコンをクリックすると、範囲指定した文字が<斜>と</斜>で括られます。
     
    <斜>ジャダヤ</斜>
     

  2. HTMLタグを直接入力する


    事業登録・編集ページ 斜体にする文字を<em>と</em>で括ります。
     
    <em>ジャダヤ</em>
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、文字の書体を確認することができます。


事業詳細プレビューページ


※標準の書体に戻す場合は、<斜>と</斜>または、<em>と</em>を削除してください。

▲ページトップへ

例として、http://www.nippon-foundation.or.jp/ships/topics_dtl/2005813/20058131.htmlにリンクしてみましょう。


  1. 入力補助機能を使う


    事業登録・編集ページ リンクさせる文字を範囲指定します。
     
    斜体アイコンをクリックします。
     
    リンク先のURLを入力して、OKボタンをクリックします。範囲指定した文字が<リンク:リンク先のURL>と</リンク>で括られます。
     
    <リンク:http://www.nippon-foundation.or.jp/ships/topics_dtl/2005813/20058131.html>
    ジャダヤ</リンク>
     

  2. HTMLタグを直接入力する


    事業登録・編集ページ リンクさせる文字を<a href="リンク先のURL">と</a>で括ります。
     
    <a href="http://www.nippon-foundation.or.jp/ships/topics_dtl/2005813/20058131.html">
    ジャダヤ</a>
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、文字の書体を確認することができます。


事業詳細プレビューページ


※リンクを解除する場合は、<リンク:リンク先のURL>と</リンク>または、<a href="リンク先のURL">と</a>を削除してください。

▲ページトップへ

HTMLタグを使うとスペース等を使わず、簡単に箇条書きにできます。


  1. 事業登録・編集ページ 箇条書きにする範囲を<ol>と</ol>で括ります。
     
    1箇条毎に<li>と</li>で括ります。
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、表示を確認することができます。


事業詳細プレビューページ


※箇条書きを解除する場合は、<ol>と</ol>および、<li>と</li>を削除してください。

▲ページトップへ

HTMLタグを使うと、言葉を定義して説明できます。例として、「出張」を定義してみましょう。


  1. 事業登録・編集ページ 定義する言葉と説明を<dl>と</dl>で括ります。
     
    定義する言葉を<dt>と</dt>で括ります。
     
    <dt>出張</dt>
     
    言葉の説明を<dd>と</dd>で括ります。
     
    <dd>国内73回、海外16回</dd>
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、表示を確認することができます。


事業詳細プレビューページ


※定義を解除する場合は、<dl>と</dl>、<dt>と</dt>、および<dd>と</dd>を削除してください。

▲ページトップへ


日本財団公益コミュニティサイト CANPAN
Copyright (C) The Nippon Foundation