WEEBLYの教科書
  • Weeblyを始めよう!
    • このHPについて
    • 直感的につくれるWeebly
    • Weeblyの教科書での学び方
    • 無料プレゼントのご案内
    • Weeblyで制作依頼の費用
    • News & Topics
    • 管理人日誌
    • セミナー情報 >
      • Weebly Lesson 1
      • Weebly Lesson 2
      • 3時間で学ぶHTML >
        • テキストダウンロード
      • VScodeインストール
  • weeblyについて
    • CMSの種類と選び方
    • こんなCMSは利用するな!
    • Weeblyのメリット、デメリット
    • Weeblyの特長 >
      • Weeblyの無料と有料プラン
      • 特長01 ドラッグ&ドロップで簡単編集
      • 特長02 100種類以上の豊富なデザイン
      • 特長03 強力なホスティング
      • 特長04 迅速で役立つサポート
      • 特長05 簡単なブログ設置&投稿
      • 特長06 優れた画像編集機能
      • 特長07 優れた画像設置・編集機能
      • 特長08 簡単なビデオ、オーディオ配置
      • 特長09 フォームも簡単設置&高度な編集機能
      • 特長10 詳細なトラフィック統計情報が確認できる
      • 特長11 独自ドメインホスティング
      • 特長12 無料版でも広告表示なし
      • 特長13 スマホ、タブレットから編集できる専用アプリ登場!
      • 特長14 さらなる高機能なツールが続々登場!
    • これからのHPとは?
    • 役立つホームページとは
    • 事業に役立つHPの作り方
  • サイトを作ってみよう!
    • ホームページ作成準備 >
      • 構成を考えよう!
      • 素材を用意しよう!
    • Weebly登録・設定・基本操作 >
      • Step 01 登録&スタート >
        • デザインテーマの変更
        • 仮ドメインで始めよう!
        • ドメイン豆知識
      • Step 02 サイト設定
      • Step 03 サイトの管理画面
      • Step 04 編集操作画面
      • Step 05 編集操作の基礎知識
    • サイト作成・編集 >
      • 編集操作項目一覧
      • ページの追加・削除
      • 画像と文字の配置・編集
      • ギャラリーの配置・設定
      • スライドの配置・設定
      • HD動画・YouTube動画の配置と設定
      • 地図(Google Map)の配置・設定
    • SEO設定について
    • 独自ドメイン設定方法
    • ドメイン設定にかかる時間
  • 逆引き
  • 機能を拡張しよう!
  • Q&A
  • お問合わせ
  • Weeblyで制作したHP例一覧
    • 制作事例01-SIX SENSES
    • 制作事例02-いけばな作家 大泉麗仁
    • 制作事例03-アクロキューブ株式会社
    • 制作事例04-mom healing
    • 制作事例05-光苑 -書道教室-
    • 制作事例06-マウスガード -EPOCH-
    • 制作事例07-(株)ハイパフォーマー
    • 制作事例08-高橋工業有限会社
    • 制作事例09-横浜精密 精密ゲージ製作会社
    • 制作事例10-ミズモリサーチ 水漏れ調査第三者機関
    • 制作事例11-イタリアンレストラン TRATTORIA TOMATO

Weeblyの教科書での
​学び方

専門知識がなくても簡単にホームページが作成でき、
様々な機能で高度なサイトへつくり上げることができるWeebly
ホームページ作りの基礎から学んで
weeblyを使いこなして事業や個人サイト、ショップサイト、
様々なポータルサイトを運営できます。

Weeblyを始めよう! > Weeblyの教科書での学び方
 

このサイトでの学び方

学びステップを説明
レベルに合わせて学ぶ

クイックリファレンス

Weeblyでサイトを創ろう
Quick Refarence

Weeblyの特長

Weeblyを選ぶメリット
Weeblyの特長

セミナー情報

もっと活用できるために
Weebly制作セミナー
Anchor Element
Copy for linking on the same page:
https://makesite.kyoukasho.org/how-to-study.html?data-scroll-to-anchor=StudyStep
Copy for linking from an external page:
https://makesite.kyoukasho.org/how-to-study.html?data-anchor-link=StudyStep

| ​HP作成知識レベルに合わせて学び始めてください。

Lebel 0

PC操作はネット観覧と『フォーム入力』と『メール』を送ることができる程度。

→メールに画像を添付したことがない、またはやり方が分からない程度の知識と経験しか無い方は、まずはPC操作の基本を別途学んでからでないと難しいかもしれません。

Lebel 1

『メール』を打って『画像』を添付できるレベル。

→Weeblyでサイト作りにチャレンジできます。まずはホームページについて学ぶことからはじめましょう。
 このサイトで分からない用語など一般的なPC用語については解説していないので、分からない用語とかはググッて自分で調べる癖を身につけるといろんなことが早く知識になって行きます。諦めず、ググッて調べる習慣を身につけましょう。
これからのホームページとは…

Lebel 2

『ブログ』を持ったことがあるがホームページは作ったことがないレベル。

→weeblyで何ができるのか特長を知っておきましょう。
 どんどん便利にいろんな機能が随時ついかされてきているweeblyです。このサイトを制作している間にも最新の機能が追加されたりしていますので、情報が古い場合もありますが基本は変わりません。
Weeblyの特長 何ができるのか

Lebel 3

『ホームページビルダー』などを使ってサイトを作成してみたことがある。

→「ホームページを作る」準備をしましょう。
 操作の違いはあれど、ホームページを作るのに必要な基本的な知識や手順はあまり変わりません。
 ホームページづくりの基本を知っていれば今後も役立ちます。
サイトを作ってみよう! - はじめに

Lebel 4

ホームページを作ったことがあり『HTML』『CSS』の基礎的な知識と経験(スキル)は持っている。

→Weeblyで簡単にツールを配置してサイトが作成できることを学びましょう。
 HTMLやCSSでカスタマイズできる知識があれば鬼に金棒。Weeblyを使って自由度の高いレイアウトが実現できます。
編集操作一覧から操作方法を学ぶ

Lebel 5

アクセスアップの方法やWEBマーケティングのスキルを持っている。

→Weeblyの拡張機能を利用しよう。
 大規模なショップサイトや大手企業のサイトには向いていませんが、中小企業、ショップ、個人事業者、その他ポータルサイトやアフェリエイトサイトなどはWeeblyで作成できます。
 様々な便利な機能を活用しながら最新の機能を取り入れたサイトへ熟成させながら運営していくことが可能です。
アプリや拡張機能の活用を学ぶ

Anchor Element
Copy for linking on the same page:
https://makesite.kyoukasho.org/how-to-study.html?data-scroll-to-anchor=QuickRefarence
Copy for linking from an external page:
https://makesite.kyoukasho.org/how-to-study.html?data-anchor-link=QuickRefarence

| Quick Refarence

Merit

Picture
Weeblyって何?

Let's Making Site!

Picture
編集・操作方法

Expansion

Picture
ホームページの機能を拡張

Customize

Picture
専門知識でカスタマイズ
Anchor Element
Copy for linking on the same page:
https://makesite.kyoukasho.org/how-to-study.html?data-scroll-to-anchor=Point
Copy for linking from an external page:
https://makesite.kyoukasho.org/how-to-study.html?data-anchor-link=Point

| WEEBLY.comで作成できるHPの特長

WEB Service

Picture
SNS等との連携で集客力を高められる

Easy

Picture
最新の機能を使ったサイトを運営

Blog

Picture
SEO効果を高めたサイトを運営

Smart phone

Picture
スマホからのアクセスに自動対応
Anchor Element
Copy for linking on the same page:
https://makesite.kyoukasho.org/how-to-study.html?data-scroll-to-anchor=SeminarInfo
Copy for linking from an external page:
https://makesite.kyoukasho.org/how-to-study.html?data-anchor-link=SeminarInfo
[こんなセミナーも開催しています]

| ​セミナーを受講することで短期間でサイトが制作・運用できるようになります

■ ネットの概要を理解して基本が分かるとホームページづくりが早くなり、活用方法が見えてきます。
  時短でホームページ活用したい方向けのセミナー開催中!
Picture

2時間で学ぶ失敗しない・集客できるようになる
​HP作成・楽々運営講座

WEBサイトのページが作れるようになる前に、WEBサイトの基礎的なことを知って、さらに事業発展や集客に役立つサイト作成・運営について知っておきましょう。サイト作成・運営について基本的なことからサイト作成前に知っておいた方がいいことが学べる2時間のセミナーを開催しています。
HP作成・運営基礎知識セミナー
Picture

Weebly Lesson.1
​WEBデザイナーオススメのCMS

サイトにアクセスして簡単にサイトが作れるCMSが沢山出てきていますが、世界で5000万サイト以上が利用しているWeeblyの基本的な使い方を学べる2時間のセミナーを開催しています。
はじめてのWeebly・基本操作セミナー
Picture

Weebly Lesson.2
​CMSフル活用で高機能サイトを構築

Weeblyでサイトを編集するコツやツールの便利な使い方、オススメアプリ等を使ってレイアウトを自由自在に編集するブラッシュアップセミナーを開催しています。
Weeblyサイトブラッシュアップセミナー
サイトを作ってみよう!
サイトを作ってみよう! >
このHPについて
このHPについて >

操作方法についてご質問

共有できるご質問へは無料でご案内しています。
個別案件は内容によって有料の場合があります。
お気軽にご相談ください。
操作質問フォーム

Weeblyでサイト作成相談・依頼

¥55,000-(税別)〜 +オプションで制作します。詳しくはお問合せください。
​お気軽にご相談ください。
新規作成・ご相談フォーム

Weeblyへサイト移行相談・依頼

デザインブラッシュアップも含め¥55,000-〜 +オプションで制作しています。
​お気軽にご相談ください。
サイト移行・御相談フォーム

Weeblyで作成したサイトを
​ブラッシュアップ相談・依頼

Weeblyで作成しているサイトをデザイン、イアウト、構成などブレッシュアップを相談・依頼など​お気軽にご相談ください。
Weebly制作サイトをブラッシュアップ相談・依頼

Weeblyの基本設定・操作・集客できるサイト運営など、セミナー開催しています。
開催場所:東京 新宿駅から京王線で桜上水駅下車 徒歩7分

最新のスケジュール公開中! 受講お待ちしております。
セミナー情報・お申込み
セミナー情報・お申込み
セミナー情報・お申込み
セミナー情報・お申込み

Weeblyをすぐ始める

Weebly.comを今すぐ始めたい方は、
Weeblyのバナーをクリック ▶▶▶
登録からサイトOPENまで ▶
Create your online store and start selling. Try it free at Weebly.com!
The Easiest Way to Create a Website. Weebly.com

サイトマップ

ホーム
このHPについて
├ HPの作り方無料プレゼントのご案内
└ これからのHPとは?
    ├ 役立つHPの作り方
    ├ 事業に役立つHPの作り方
    └
こんなCMSは利用するな
└ Weebly.comの特長
    ├ 他のCMSとの比較
    ├ Weeblyの有料プラン紹介
    └ Weeblyメリット、デメリット
└ Weeblyの特長の詳細 
 ├ ドラッグ&ドロップで作成
    ├ 豊富なデザイン
    ├ 強力なホスティング
    ├ 迅速で役立つサポート
    ├ 簡単ブログ配置&編集
    ├ 優れた画像設置・編集機能      
    ├ 簡単なビデオ,オーディオ配置
    ├ フォームも簡単配置・編集
    ├ トラフィック統計
    ├ 独自ドメインホスティング
    ├ 無料版でも広告なし
    └さらなる様々な機能
└  こんなHPが作れます!
 サイトを作ってみよう!
​
└ホームページの作成準備
 ├ サイトの構成を考えよう!
 └  素材を用意しよう!
​
└ WEEBLY登録・設定・基本操作
 └ Step01登録&スタート
     ├ デザインの選択
​  
└ コラム・ドメインについて
 ├Step02 サイトの設定
 
├ Step03 サイトの管理画面
 
├ Step04 サイトの編集操作画面
 └ Step05 サイトの編集操作の基礎知識

└ サイト作成・編集
 
└ 編集操作項目一覧
     ├ デザインテーマの変更
     ├ ページの追加・編集
  └ タイトルを横長のロゴ画像に変更
    └ ブログページの追加・編集
       └ SNSと連携設定
    ├ 画像と文字の配置・編集
    
├ 複数の画像をポートフォリオ表示
    ├ 複数の画像をスライド表示
    ├ 動画の配置
    ├ リンクボタンの配置
    ├ Google Adsenseの配置
    ├ Google Mapの設置
    ├ ブログ一覧(RSS FEED)の設置
    ├ お問合せフォームの設置・編集
    ├ アンケートの設置・編集
    ├ Googleカレンダーの設置
    ├ オリジナルHTMLコードの設置
    ├ ページ内検索BOXの配置
    └ ダウンロード書類の配置
└ SEO対策の設定 
機能を拡張しよう!
├ Facebook「いいね!」boxの設置
├ Fecebook Recommend Boxの設置
└ Twitter連携BOXの設置

Q&A

カスタマイズ(有料会員専用)
├ RSS FEEDの設定&カスタマイズ
├ カスタムHTMLの設定
├ CSS3を活用した設定
├ デザインのカスタマイズ
├ ナビのカスタマイズ
└ フッターのカスタマイズ
└ Google Analitycsの設置
└ Google Webmasterコードの設置

お問合せ
└ 有料サポートのご案内

管理人プロフィール

2012- Copyright © Weeblyの教科書. All Rights Reserved

  • Weeblyを始めよう!
    • このHPについて
    • 直感的につくれるWeebly
    • Weeblyの教科書での学び方
    • 無料プレゼントのご案内
    • Weeblyで制作依頼の費用
    • News & Topics
    • 管理人日誌
    • セミナー情報 >
      • Weebly Lesson 1
      • Weebly Lesson 2
      • 3時間で学ぶHTML >
        • テキストダウンロード
      • VScodeインストール
  • weeblyについて
    • CMSの種類と選び方
    • こんなCMSは利用するな!
    • Weeblyのメリット、デメリット
    • Weeblyの特長 >
      • Weeblyの無料と有料プラン
      • 特長01 ドラッグ&ドロップで簡単編集
      • 特長02 100種類以上の豊富なデザイン
      • 特長03 強力なホスティング
      • 特長04 迅速で役立つサポート
      • 特長05 簡単なブログ設置&投稿
      • 特長06 優れた画像編集機能
      • 特長07 優れた画像設置・編集機能
      • 特長08 簡単なビデオ、オーディオ配置
      • 特長09 フォームも簡単設置&高度な編集機能
      • 特長10 詳細なトラフィック統計情報が確認できる
      • 特長11 独自ドメインホスティング
      • 特長12 無料版でも広告表示なし
      • 特長13 スマホ、タブレットから編集できる専用アプリ登場!
      • 特長14 さらなる高機能なツールが続々登場!
    • これからのHPとは?
    • 役立つホームページとは
    • 事業に役立つHPの作り方
  • サイトを作ってみよう!
    • ホームページ作成準備 >
      • 構成を考えよう!
      • 素材を用意しよう!
    • Weebly登録・設定・基本操作 >
      • Step 01 登録&スタート >
        • デザインテーマの変更
        • 仮ドメインで始めよう!
        • ドメイン豆知識
      • Step 02 サイト設定
      • Step 03 サイトの管理画面
      • Step 04 編集操作画面
      • Step 05 編集操作の基礎知識
    • サイト作成・編集 >
      • 編集操作項目一覧
      • ページの追加・削除
      • 画像と文字の配置・編集
      • ギャラリーの配置・設定
      • スライドの配置・設定
      • HD動画・YouTube動画の配置と設定
      • 地図(Google Map)の配置・設定
    • SEO設定について
    • 独自ドメイン設定方法
    • ドメイン設定にかかる時間
  • 逆引き
  • 機能を拡張しよう!
  • Q&A
  • お問合わせ
  • Weeblyで制作したHP例一覧
    • 制作事例01-SIX SENSES
    • 制作事例02-いけばな作家 大泉麗仁
    • 制作事例03-アクロキューブ株式会社
    • 制作事例04-mom healing
    • 制作事例05-光苑 -書道教室-
    • 制作事例06-マウスガード -EPOCH-
    • 制作事例07-(株)ハイパフォーマー
    • 制作事例08-高橋工業有限会社
    • 制作事例09-横浜精密 精密ゲージ製作会社
    • 制作事例10-ミズモリサーチ 水漏れ調査第三者機関
    • 制作事例11-イタリアンレストラン TRATTORIA TOMATO