Webの利用方法

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

最近、Webを利用することで、
生活がとても便利になってきたと感じます。

例えば、
レシピ検索
見たい映画の時間を調べる
ランチの予約
目的地までの行き方、電車の時間を調べる
本を買う
確定申告する
番組表をダウンロードする
などがありますね。

今、私がよく利用しているのが、電子書籍です。

小説、雑誌、コミック、写真集、
とジャンルも揃っており、手軽に読書が楽しめます。

最近は専用端末だけでなく、
パソコンのブラウザから読めるもの、
スマホのアプリで読めるもの、
また、ゲーム機から読めるものもあり、
便利です。

作る側からすると、
Web上に情報を出すときは、
利用者のことを考えて、
情報を取り出しやすいようにページデザインをして、
その情報を利用者が受け取りやすいように対策しなければなりませんね。

検索した結果、
今日あなたが見ているページも、
作った人が一生懸命考えた成果ですよね。

そう考えると、なんだかありがたく感じますね。
私もひとりの作成者として、
さらによいページ作りを目指したいと思います。

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

WebページにPDFファイルを載せる方法

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

今日は、WebページにPDFファイルを載せる方法ついて
お伝えします。

最近のホームページを見ると、
動画が流れていたり、
音楽ファイルが再生できたり、
パンフレットをダウンロードできたり、
いろいろな機能が付いていて、とても便利に感じます。

それを実現しているのが、
オブジェクト埋め込みタグ<embed>です。

<embed> は EMBEDding(埋めこみ)の略。
PDF(*.pdf)、
Flash(*.swf)、
動画(*mp4, *.ogg, *.mpg, *.mov)、
音声(*.wav, *.aif, *.au, *.mid, *.ra)
などを埋め込むときに使います。

使い方は。。。

■オブジェクト埋め込みタグ<embed>の使い方■

です。

height=”n”　width=”n”は、
実際に画面に表示させるときのサイズを指定します。

では、使用例をご紹介しますね。
<embed src="recipe.pdf"　height=”400”　width=”800”>

↑これをhtmlに記述すると、
高さ400px、幅800pxの表示エリアが画面上に現れ、
その中に”recipe.pdf”が表示されます。

　　　↓　↓　↓　↓　↓　こんな感じになります。

http://cafe-vivace.com/ (下↓方向にスクロールしてみてください)

表示するファイルや大きさを変えて、
ページ作成を楽しんでくださいね。

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

ホームページのお値段

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

先週は、ホームページの作り方についてお伝えしてきました。

自分で作る場合、
　①サーバーを用意する
　②ドメインを取得する
　③サイトマップを書いて必要な要素を出す
　④デザインをきめる
　⑤コーディングする
の順番に進めていきます。

費用がかかるのは、①②と⑤で有料ツールを使う場合

　①サーバー使用料
　　　会社によっても違いますが、
　　　個人の場合、月額100円～1,000円程度、
　　　ビジネスの場合、月額2,000円～15,000円程度。

　②ドメイン取得料
　　　月額100円～15,000円と幅があります。
　　　会社名や個人名で取得する場合は比較的安価で、
　　　希少ドメインを取得する場合は高くなります。
　　　オークションでは、
　　　　　20万円を超えるドメインも存在します。

　⑤有料ツール
　　　・ホームページビルダー
　　　　　：7,000円～26,000円
　　　・ドリームウィーバー
　　　　　：1,000円～5,000円（月額）

　個人でホームページを運用する場合、
　月々の運営費は、1,200円～7,000円程度。

　サーバーを選ぶときは、
　セキュリティや信頼性の高い会社を選んでくださいね。
　契約期間中に何度もトラブルがあると、
　せっかく作ったホームページが表示されない期間が
　増えてしまいます。

　会員サイトなどを運営される場合は、
　セキュリティには特に注意が必要です。

　目的に合ったサーバーやドメインをしっかり選んで、
　ホームページを運営してくださいね。

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

ホームページのコーディング

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

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

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

少人数グループのイベント会場としてもご活用くださいね。
☆･゜ﾟ･:.｡..｡.:･☆･:.｡. .｡.:･゜ﾟ･☆*･゜ﾟ･:.｡..｡.:･☆

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

ホームページの作り方、
昨日は、デザイン（画像・色）についてでした。

今日は実際のコーディングです。

要素を出して
それをレイアウトして、
サイトマップを作り、
デザインを決めました。
いよいよ、最終段階のHTMLコーディングです。

コーディングの手順は次のようになります。

①　新規にHTMLファイルを作成する。
　　　　　　　　↓
②　メインとなるテーブルを作成する。
　　　　　　　　↓
③　領域ごとにサブテーブルを作成する。
　　　　　　　　↓
④　領域ごとに画像や文章を入れていく。
　　　　　　　　↓
⑤　CSS(スタイルシート)で色や文字間隔などを設定する。
　　　　　　　　↓
⑥　リンクを貼る。
　　　　　　　　↓
⑦　ページのアクション（マウスをオンした時の動作など）作成
　　　　　　　　↓
⑧　ページの情報を書く。

この流れのとおり実現していくためには、
ホームページを作るためのツール（道具）が必要ですね。

プロレベルであれば、
　・テキストエディターで直接コーディング
だと思いますが、
初心者の方のためのツールをご紹介します。
有料ツール
　・ホームページビルダー
　・ドリームウィーバー
　・マイクロソフトエクスプレッション
無料ツール
　・マイクロソフトエクスプレッションWeb4
　・Jimdo(ジンドゥー)

ご自分に合ったものを選んで、
ページ作成を楽しんでくださいね。

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

ページのデザイン（画像・色）について

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

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

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

少人数グループのイベント会場としてもご活用くださいね。
☆･゜ﾟ･:.｡..｡.:･☆･:.｡. .｡.:･゜ﾟ･☆*･゜ﾟ･:.｡..｡.:･☆

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

ホームページの作り方、
昨日は、ページ幅と高さ（長さ）についてでした。

今日はページのデザイン（画像・色）です。

ページ全体に統一感を持たせるために、
使う画像や色を共通にしておくと、
見た目にも違和感がないと思います。

特に色は、
原色を3色以上を使うとバランスが悪くなるといわれています。
色の置き方は、
　・メインカラー（１色）を決める
　・サブカラー（１色）を決める
　・グレーを補色に使う
を参考に。。。

メインカラーは、
　・業種に合った色
　　　エステならピンクやベージュ、
　　　車ならブルーやブラック、
　　　食品ならグリーンやオレンジ　など
　・ご自分の好きな色
　　　ラッキーカラー、
　　　バースカラー、
　　　パーソナルカラー　など
　・ロゴマークの中の一色
といった基準で選んでみてください。

サブカラーは、
　・メインカラーと同系色
　・メインカラーと反対色
　・メインカラーとなじみのよい色
から1色を選びます。

そして、グレーを補色に使うことで全体が締まります。

また、
画像については、
　・トップページはスライダー利用
　　　３～５枚の画像で情報量を増やす効果がある
　　　画像に文字を入れてもよい
　・画像の大きさ統一
　　　ページの統一感をアップする
　・サムネイルを利用する
　　　同じ画像のサイズの大小でアクセントをつける
などに配慮してみてください。

情報がすっきり整理されて、
お客さまから見やすいページになるでしょう。

明日は、実際のコーディングについてです。

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

<< 前ページ次ページ >>