パソコン書・ビジネス書出版のソーテック社

ソーテック社 | パソコン・ビジネス書籍出版

Adobe Creative Cloud

Google検索

Google

WWW を検索
sotechsha.co.jp を検索
無料ではじめる本格サイト Jimdoウェブデザイン
無料でホームページが作れるサービス「Jimdo(ジンドゥー)」で、
「とにかく手軽に」
「制作に時間と手間をかけずに」
「かっこよくて、本格的な」サイトを作る方法を丁寧に解説します。

Jimdo(ジンドゥー)だけでなく、他の無料サービスを組み合わせたワザも紹介。
本書はとにかく、一切お金をかけないで本格的なサイトをつくることに、こだわりました。
作例を一緒に作っていくことで、しっかりとしたきれいなホームページを作るためのテクニックが身に付きます。

Step1では、ホームページの新規作成から編集画面の構成、ログイン/ログアウトなどJimdoでの基本操作を身に付けます。

Step2からは、公式レイアウトを使って、レイアウトやトップイメージ、書式などを変更しながらオリジナルサイトを作ります。GoogleマップやSNSとの連携、写真をきれいに見せるフォトギャラリーを使ってかっこよくて機能的なサイトを作成します。

Step3では、独自レイアウトを使って、ワンランク上のサイトカスタマイズを行います。丁寧に解説しているので、初心者も大丈夫です。手順をおってカスタマイズをしていくうちにWEB制作の基礎知識が身に付きます。

Step4では、実際に自分の商品を売ることができるネットショップを作成します。ウェブ上で決済や注文状況が確認できるオンラインショップを作成できます。

Step5では、さらにホームページのクオリティをアップするテクニックを紹介します。スライドショー風のヘッダーや、オリジナルのファビコンやロゴなどで、世界に1つのオリジナルサイトを作りましょう。もちろん、全て無料で作ります。

大きな図版でやさしく解説しているので、WEB制作初心者でも絶対に迷いません!
また、本書で作成している作例の素材はサポートページからダウンロードできるので、すぐに始められます。
カバーイメージ
著者:西真由
B5変形・208ページ・オールカラー
本体価格:2,180円+税
ISBN978-4-8007-1089-5
 
本の購入はこちらからどうぞ
アマゾンで購入 セブンネットショッピングで購入 楽天ブックスで購入
サポートページへ
目次を表示する ≫
Step1 Jimdoの基本

Step 1-1 Jimdoについて
Step 1-2 Jimdoによるホームページの作成方法
Step 1-3 Jimdoホームページの基本構造について 
Step 1-4 Jimdoの編集画面について
Step 1-5 Jimdoのログイン状態とプレビューについて
 
Step2 公式レイアウトでホームページを作成する

Step 2-1  Step2で作成するホームページ
Step 2-2 公式レイアウトからホームページを作成する
Step 2-3 レイアウトとトップイメージを変更する
Step 2-4 ページを追加・削除する
Step 2-5 コンテンツを削除する
Step 2-6 共通要素を編集する
Step 2-7 見出しと文章を追加・編集する
Step 2-8 文字に書式を設定する
Step 2-9 コンテンツをコピー・移動する
Step 2-10 写真付き文章を作成する
Step 2-11 水平線と余白を追加する
Step 2-12 ナビゲーションを整理する 
Step 2-13 リンクを設定する
Step 2-14 カラムコンテンツを作成する
Step 2-15 表を作成する
Step 2-16 コンテンツをコピーして再利用する
Step 2-17 地図を作成する
Step 2-18 フォトギャラリーを作成する
Step 2-19 シェアボタンとYouTubeを表示する
Step 2-20 フォームを作成する
Step 2-21 ページ内要素のスタイルを設定する
Step 2-22 ページの背景スタイルを設定する 
Step 2-23 独自スタイルシートで装飾する

Step3 独自レイアウトでホームページを作成する

Step 3-1 Step3で作成するホームページ
Step 3-2 Jimdoパートナーの独自レイアウトについて
Step 3-3 独自レイアウトからホームページを作成する
Step 3-4 フォントスタイルを設定する
Step 3-5[レイアウト画面]について
Step 3-6 ヘッダーの文字を編集する
Step 3-7 サイトロゴとトップイメージを変更する
Step 3-8 スタイルシートを編集する
Step 3-9 スマートフォンの表示をレスポンシブデザインにする

Step4 ネットショップを作成する

Step 4-1 Step4で作成するホームページ
Step 4-2 個人情報とショップデータを設定する
Step 4-3 商品ページを作成する
Step 4-4 消費税を設定する
Step 4-5 在庫数を設定する
Step 4-6 配送期間の詳細を設定する
Step 4-7 配送料を設定する
Step 4-8 テスト注文をする
Step 4-9 注文状況を確認する
Step 4-10 支払い方法にPayPalを登録する
Step 4-11[利用規約と返品条件など]/[メールとテキスト設定]/[注文フォーム]の設定を行う
Step 4-12 商品にバリエーションを追加する
Step 4-13 販売する商品を追加する
Step 4-14 商品カタログを作成する
Step 4-15 商品レビューが書き込めるコメントフォームを作成する

Step5 ホームページのクオリティをアップするテクニック

Step 5-1 ファビコンを作成する
Step 5-2 トップへ戻るボタンを表示する
Step 5-3 ページ内リンクを設定する
Step 5-4 サイドバーに目立つリンクボタンを作成する
Step 5-5 ブログを利用して新着情報を作成する
Step 5-6 ブログの日付を和暦で表示する
Step 5-7 最適なサイズの画像を作成する
Step 5-8 トップイメージ用のスライドショーを作成する 
Step 5-9 ホームページにスライドショーを貼り付ける
Step 5-10 ロゴを作成する 
Step 5-11 Twitterのツイートを表示する
Step 5-12 アクセス解析を設定する
Step 5-13 トップページにSEOを設定する
Step 5-14 Jimdoアプリを利用してホームページを更新する
≪ 目次を隠す
※お使いのブラウザでJavaScriptが無効の場合は機能しません。