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

管理人コラム

Weeblyと関係ないことも書いちゃいます。ご了承ください。

Udemyで最高評価を頂いた「HTMLを編集する基本知識が3時間で身につくオンライン講座」が今なら24,800円が1,800円で受講できます。(Udemyキャンペーン期間中)

9/18/2023

 
写真
オンラインでいつでも学べる質の高いコースを豊富に揃っている「Udemy」。そこで当サイトを運営している管理者 中島忠博が実施している「HTMLを編集する基本知識が3時間で身につくオンライン講座」通常24,800円の受講料が今なら1,800円で受講できる割引セールを実施中。
写真
写真
難しそうなHTMLコードですが、開発された初期からどのように作られ現在までどのように進化してきたかを知ると現在のHTMLの基本ルールが分かりやすくなります。
現在のHTMLバージョンは5.0ですが、今後もどんどん進化していくでしょう。
でも、基礎的なルールが分かっていると新しいバージョンのHTMLがどのように進化しているかが分かるようになりすぐに対応できるようになります。
今はノーコードでWEBサイトが作れるCMSが沢山登場していますが、どんなWEBサイトもHTMLからできているので、HTMLの基礎が分かっていると機能的な便利さとCMSではできない部分があることが分かってきます。
HTMLが編集できるCMSであればカスタマイズも可能になります。

ノーコードでサイトが作れるCMSを利用していてもHTMLコードの基本ルールを知っていると役立ちます。

CMSは直接コードを書く部分を自動化したツールで操作できるようにしたもの。
CMSごとにそれぞれ違った特性をもっています。
HTMLの基礎ルールを知っていれば、それぞれのCMSの特長も分かりやすくなり理解が早くなります。
将来的にいろんな便利なCMSが沢山登場してくるでしょう。
そのCMSの特長や拡張性が理解できれば移行する目安を見極めることもできるようになります。
たった3時間でHTMLの基礎ルールが分かり編集できる素地が出来上がります。
英語を習得する際に、まずは文法的なことを知り、熟語を知り単語は辞書があれば翻訳もできるのと同じようにHTMLコードもコンピューター言語なので、まずは文法的な基礎ルールを知り、進化の過程でどのように機能が追加されてきたかを知るだけで編集できる素地ができます。
ネット上には「タグ」や「スタイル」それぞれの機能や使い方が沢山アップされています。
基礎ルールが分かって知らない「タグ」や「スタイル」のことを調べて使い方が理解できれば編集も可能になります。
まずは、基礎ルールをしっかり身につけること。
たったの3時間学ぶだけでHTMLコードを見ることが楽しくなります。
(自分の都合の良い時間で学べます。)
HTMLコードのルールが3時間で分かって編集できるようになる即効役立つ基礎知識早わかり講座
画像をクリックすると講座の案内ページに移ります。
一度受講を申し込めば受講する期間に制限はありません。
いつ始めるか、いつまでに学び終わるのかは自分で決めれば良いので、割引期間中に受講を申し込んでおくことをお勧めします。

コメントの受け付けは終了しました。
    画像

    Weeblyの教科書

    Web戦略コンサルタントがオススメする次世代のHP制作サービスWeeblyの使い方と活用方法。

    - 管理人日誌 -
    日々の更新情報や気付いた点など書いていきます。

    Archives

    11月 2024
    9月 2023
    5月 2022
    3月 2021
    1月 2020
    6月 2019
    7月 2018
    2月 2018
    9月 2016

    Categories

    すべて
    Udemy講座情報
    Weeblyについて
    お問い合わせについて
    スキルアップ情報

    RSSフィード

操作方法についてご質問

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

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

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

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

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

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

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

Weeblyサイトの編集・運営をサポートするサブスクリプション始めました。

Weeblyサイトの運営・編集サポート ​サブスクリプション(自社サイト運営者向け)
Weeblyサイトの運営・編集サポート ​サブスクリプション ​(サイト制作者向け)

Weeblyの基本設定・操作・集客できるサイト運営など、オンラインセミナー開催しています。

事業に役立つウェブサイトの役割、
​作成・運営方法の基礎知識セミナー

セミナー情報・開催リクエスト

個人・小規模事業者におすすめ
​HP作成 CMS Weebly

セミナー情報・開催リクエスト

優れたCMS-Weeblyの
​操作方法プライベートレッスン1時

セミナー情報・開催リクエスト

4hでWEBサイトのHTMLが編集できるようになる
超初心者向講座

セミナー情報・開催リクエスト

Weeblyでサイトの制作を開始する

Weeblyを開始する前に、このサイトのTOPページに有る
「Weeblyをはじめる前に」を一読ください。
トラブル回避のためにぜひ、お読みください。

Weebly.comを始めたい方は
Weeblyのバナーをクリック ▶▶▶
登録からサイトOPENまで ▶
写真

サイトマップ

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