メッセージボードの使い方①メッセージボードのご紹介

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00～15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に！」
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

こんにちは。
Webであなたの夢が叶う！のHirokoです。

今日は、
アメブロのブログトップに表示される、
メッセージボードのお話です。

お店や教室、サロンをされている方は、
ブログに最近のスケジュールを載せて、
お客さまに向けて情報を公開したいと思います。

そんなときに便利なのが、
アメブロの「メッセージボード」。

私のブログでは、主宰しているイベントカフェの
スケジュールをご案内しています。

こんな感じです。
　↓　↓　↓
ブログトップへ

ここに文字を入れるには、
管理トップからブログ管理の「設定・管理」を選んで、
「メッセージボード」をクリックします。

詳しい使い方は、明日から順次お伝えしますね。

今日も最後まで読んでいただいてありがとうございました。

jQuery(ジェイクエリー)って？

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00～15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に！」
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

こんにちは。
Webであなたの夢が叶う！のHirokoです。

今日もWEB関連の用語について、
簡単に解説していきますね。

昨日は、

HTML：ホームページの仕組み、構造
CSS：ホームページのデザイン
JaveScript：ホームページの働き

のについて
お伝えしましたが、

今日は、JaveScript(ジャバスクリプト)をもう少し簡単にしたjQuery(ジェイクエリー)についてです。


★jQuery(ジェイクエリー)とは。。。
Webブラウザ用のJaveScript(ジャバスクリプト)のコードを簡単に記述できるように軽量化されたライブラリのこと。

ライブラリとは。。。
あるプログラムのよく使う機能を、
他のプログラムからも利用できるようにパーツ化して
一つのファイルにまとめたもの。
ライブラリは他のプログラムの一部としてのみ動作します。

jQuery(ジェイクエリー)は、
コードを書く人とJaveScript(ジャバスクリプト)の
橋渡し役といえますね。

jQuery(ジェイクエリー)にはプラグインが充実していて、
　・項目が多くて長い「登録フォーム」を分割し、
　　　　　　　　すっきり見せてくれるプラグイン
　・「もっと見る」ボタンを設置するプラグイン
などは組み込んですぐに使えて便利です。

プラグインとは。。。
機能を追加する小さなプログラムのこと。
プラグインは差し込むという意味を持っています。
旅行のオプションツアーや
スタバでのトッピングをイメージしてね。

今日も最後まで読んでいただいてありがとうございました。

JaveScriptとは？

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00～15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に！」
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

こんにちは。
Webであなたの夢が叶う！のHirokoです。

今日はWEB関連の用語について、
簡単に解説していきますね。


★JaveScript(ジャバスクリプト)とは。。。

Web上でインタラクティブな表現をするために開発されたスクリプト言語のこと。

インタラクティブとは、
　・対話　
　・双方向の
という意味です。
Webでは、ユーザーが何らかの操作をすることで、
何かしらの反応を返す性質のものですね。
例えば。。。
画像をクリックすると大きな画像に切り替わったり、
マウスオーバーするとボタンの色が変わったり、
することですね。

スクリプト言語とは、
プログラミング言語の一種で、
OSやアプリケーションソフトの動作や機能などを
台本（script）のように記述する簡易的なプログラミング言語のこと。

HTML：ホームページの仕組み、構造
CSS：ホームページのデザイン
JaveScript：ホームページの働き

とお伝えしましたが、JaveScript(ジャバスクリプト)では、

HTMLやCSSでは表現できないような機能面を
付け加えることができます。

例えば。。。

　・簡単な四則演算
　・三角関数や円周率の計算
　・誕生日から年齢を算出
　・カレンダーから日数を割り出す
などの計算や、ホームページに
　・ツイッターのツイートを表示
　・Google Map を表示
　・Facebookの「いいね！」ボタンを表示
　・Amazonの書籍データを表示
などを可能にしてくれます。

とても便利なJaveScript(ジャバスクリプト)ですが、

これをもう少し簡単にしたjQuery(ジェイクエリー)というものがあります。

明日は、jQuery(ジェイクエリー)についてお伝えします。

今日も最後まで読んでいただいてありがとうございました。

CSSってなに？

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00～15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に！」
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

こんにちは。
Webであなたの夢が叶う！のHirokoです。

今日はWEB関連の用語について、
簡単に解説していきますね。

★CSSとは。。。

CSSは、Cascading Style Sheetsの略で、

以前にお伝えしたHTMLにデザインを指定する書式です。
具体的にいうと、
　・文字フォントの種類、大きさ、色
　・文字間隔（行間や幅）
　・文字や画像の配置
などの情報をまとめて書いておくファイルのことです。

HTML文書にCSSを適用させることで、
複数のページのデザインを統一できるので
ホームページを作る時には便利な方法です。

最近は、アメブロのレイアウトやデザインでおなじみになって、CSSに触れる機会が増えましたね。

CSSを使うことで、見栄えを統一する以外にも
次のようなメリットがあります。

■CSS使用のメリット■

①HTMLのデザイン統一が容易
②HTML文書にデザイン部分を書かないので、構造がすっきりする
③デザインの変更が簡単にできる
　　　　　（複数のHTML文書を書き換えなくてよい）

ホームページの作成は、
以前にお伝えしたHTML、CSS、JaveScriptの３つが主です。

HTML：ホームページの仕組み、構造
CSS：ホームページのデザイン
JaveScript：ホームページの働き

明日は、JaveScriptについてです。

今日も最後まで読んでいただいてありがとうございました。

アメブロの囲み枠

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00～15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に！」
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

こんにちは。
Webであなたの夢が叶う！のHirokoです。

今日はアメブロの囲み枠についてお伝えします。

囲み枠とは、

ここに内容を書きます。

ここに内容を書きます。

のように記事の一部分を目立たせる効果があり、
特にお知らせしたいことや、
注意してもらいたいときにとても効果的です。

この枠の載せ方は、

①ブログを書くページを開いて、

　タグ編集用のエディタに切り替えます。

　●新エディタの場合

　●標準エディタの場合

　●タグ編集エディタの場合

　　　タグ編集エディタの場合はそのまま何もしなくてOK!

②そこに下の囲みワクの中身（CSS）をコピーします。

青枠の場合：

<div style="background:#EEEEFF;padding:8px;border:2px dotted #0000FF;">ここに内容を書きます。</div><br><br>

赤枠の場合：

<div style="background:#FFEEEE;padding:8px;border:2px dotted #FF0000;">ここに内容を書きます。</div><br><br>

どちらも「ここに内容を書きます。」のところに
任意の文章を入れます。

③できたら、
　　●新エディタの場合
　　　　「通常表示」に戻して、
　　●標準エディタの場合
　　　　「タグの非表示」に戻して、
　　●タグ編集エディタの場合
　　　　そのまま、
　編集を続けます。


レッスンに来られた方には、
もっと簡単な方法をお伝えしています。

その方法についてはまた、後日。

今日も最後まで読んでいただいてありがとうございました。