<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="プロでなくても、Webサイトを自分で作れます。
CMSを導入するとさらに便利なので、あわせて確認しておきましょう。
" >
    <meta name="keywords" content="ホームページ,作成">
    <link rel="canonical" href="https://earndollarspinoy.info/" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
    <title>Web制作やCMS導入の進め方</title>
    <link rel="stylesheet" href="/css/normalize.css">
    <link rel="stylesheet" href="/css/jquery.bxslider.css">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/slicknav.css">
    <link rel="stylesheet" href="/css/style57.css">
    <link rel="stylesheet" href="/css/smp57.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="/js/jquery.bxslider.min.js"></script>
    <script src="/js/jquery.slicknav.min.js"></script>
    <script src="/js/common.js"></script>
</head>
<body>
<div class="mainBox57 cf">
    <!-- header -->
    <div class="leftwrap">
    <header class="headerArea">
            <h1 class="siteName"><a href="//earndollarspinoy.info">Web制作やCMS導入の進め方</a></h1>
            <p class="mainCopy">サイトを自分で作って運営しよう</p>
    </header>
	<aside class="sidebar">
            <ul class="side-mainBox">
                <li class="menu1">
                    <div>MENU</div>
                    <ul>
                                                                                    <li><a href="/">Webサイトを作る</a></li>
                                                                                                                <li><a href="/chapter01">テンプレートを活用</a></li>
                                                                                                                <li><a href="/chapter02">CMSのメリット</a></li>
                                                                                                                <li><a href="/chapter03">条件に合うCMS</a></li>
                                                                        </ul>
                </li>
			            </ul>
	</aside>
    </div>
    
    <div class="rightwrap">
    <div class="rightcont">
    <!-- mainVarea -->
    <div class="mainVarea">
        <ul class="main_images">
                        <li><img src="./images/dm/top_top57_1.jpg" alt=""></li>
                        <li><img src="./images/dm/top_top57_2.jpg" alt=""></li>
                        <li><img src="./images/dm/top_top57_3.jpg" alt=""></li>
                        <li><img src="./images/dm/top_top57_4.jpg" alt=""></li>
                    </ul>
    </div>
	<!-- mainBox -->
    <div class="mainBox cf">
        <!-- mainarea -->
        <main>
            <section>
                <!-- 下層リンク1 -->
                <article class="pagecont">
                    <h2>自分でWebサイトを作る方法</h2>
                    <div class="cf">
                        <img src="./images/dm/office_room_107.jpg" alt="">
                        <div>
                            <p>自分でWebサイトを作りたいけれど、方法がわからない人も多いでしょう。
そのような場合は、作成ツールを活用してください。
ツールにはデザインのテンプレートが複数用意されており、パソコンの知識がない人でも、手軽に本格的なWebサイトを作れます。
</p>
                            <div class="read-More">
                                <a href="/chapter01">続きを読む</a>
                            </div>
                        </div>
                    </div>
                </article>
                <!-- 本文表示1 -->
                <article class="cf">
                    <h2>Webサイト作成ツールを活用しよう</h2>
                    <div>
                        <img src="./images/dm/nec16.jpg" alt="">
                        <p>Webサイトの制作を専門業者に依頼する方法があります。<br />
しかし費用がかかるうえ、どのようなサイトにするかを最初に打ち合わせなければなりません。<br />
打ち合わせに時間がかかるだけでなく、こちらの意図がうまく伝わらず、イメージと全く異なるサイトが完成するリスクもあります。<br />
思い通りのWebサイトを手に入れたいなら、自分で作ることをおすすめします。<br />
作成ツールを使えば、パソコンの専門知識がない人でも手軽にWebサイトを作れます。<br />
デザインのテンプレートが用意されているので、選んで文字を入力するだけで形になります。<br />
完成後も自分で自由に編集できる点が、大きなメリットです。<br />
さらに、CMSを使う方法もあります。<br />
CMSを導入すると、作成ツールよりもオリジナリティのあるWebサイトを作れます。<br />
操作が難しいと感じる必要はなく、基本的なパソコン操作ができれば誰でも使いこなせます。<br />
CMSは複数人で1つのサイトを管理できるほか、SEO対策の機能も備わっています。<br />
検索結果で上位に表示されやすくなるため、閲覧者を増やすことにもつながります。<br />
せっかく作ったWebサイトを放置することなく、継続して運営していくためにも、CMSの導入は有効な手段です。<br />
なお、CMSにはいくつかの種類があります。<br />
オープンソース型・パッケージ型・フルスクラッチ型などがあり、それぞれ特徴が異なります。<br />
費用や操作性、サポートの有無などを事前に確認して、自分に合ったCMSを選びましょう。<br />
予算を抑えたい人はオープンソース型、サポートを重視する人はパッケージ型が向いています。<br />
自分の目的と条件を整理してから選ぶと、後悔のない選択ができます。<br />
</p>
                    </div>
                </article>
                <!-- おすすめリンク -->
                                <!-- 下層リンク2 -->
                <article class="pagecont cf">
                    <h2>CMSでオリジナリティを発揮する</h2>
                    <div>
                        <img src="./images/dm/office-building25.jpg" alt="">
                        <p>Webサイト制作にCMSを活用する方法があります。
手間がかからず専門知識も不要なため、利用者が増えています。
オリジナリティの高いWebサイトを作りたい人に向いた方法です。
CMSにはSEO対策ができるなど、運営面でも役立つメリットがあります。
</p>
                        <div class="read-More">
                            <a href="/chapter02">Read More</a>
                        </div>
                    </div>
                </article>
                <!-- 下層リンク3 -->
                <article class="pagecont cf">
                    <h2>CMSの種類と選び方</h2>
                    <div>
                        <img src="./images/dm/office_building_02.jpg" alt="">
                        <p>CMSを導入しようとしても、種類が多くてどれを選べばよいか迷う人もいるでしょう。
事前に各CMSの特徴を調べておくことが大切です。
操作のしやすさや費用など、自分に合った条件を決めておくと、選択肢を絞り込みやすくなります。
</p>
                        <div class="read-More">
                            <a href="/chapter03">Read More</a>
                        </div>
                    </div>
                </article>
                <!-- 本文表示2 -->
                                <!-- 下層が4ページ以上あった場合表示 -->
                                            </section>
        </main>
    </div>
    <!-- footer -->
    <footer class="cf">
        <ul class="mainBox">
            <li class="foot_menu">
            <p>MENU</p>
            <ul>
                                                <li><a href="/">Webサイトを作る</a></li>
                                                                <li><a href="/chapter01">テンプレートを活用</a></li>
                                                                <li><a href="/chapter02">CMSのメリット</a></li>
                                                                <li><a href="/chapter03">条件に合うCMS</a></li>
                                        </ul>
        </li>
                    </ul>
            <p class="foot_copy">Copyright © Web制作やCMS導入の進め方. All Rights Reserved.</p>
    </footer>
    <!-- top button -->
    <a href="" class="to-top"><img src="../images/to_top57.png" alt="TOPへ戻る"></a>
    </div>
    </div>
    </div>
</body>
</html>
