センスのいいホームページを無料で作れる Ameba Ownd

パソコン教室くりっくで、Ameba の Ownd (オウンド) というサービスを使ってホームページを開設する実習を行いました。

Ownd を使うと、センスのいいホームページを無料(※)で手軽に作ることができます。
※現時点では無料で使えますが、有料プランの計画があるようなので、ユーザーが増えたら実質的な有料化ということになるかもしれません。

デザインやレイアウトの自由度は低いですが、レスポンシブデザインでスマホ対応もバッチリです。

写真がメインのサイトやビジュアル重視のサイトを手軽に作りたいとお考えの方には向いているように思います。

作成例 by パソコン教室くりっく » https://wan2.amebaownd.com/
d0015124_22371065.jpg

[PR]

# by pc_klik | 2016-12-02 17:30 | おすすめソフト

画像に動きがあるロールオーバー効果(マウスオーバー効果)をつける方法

※この記事はブログカスタマイズの中級以上の方向け(HTML/CSSの基本を理解している方向け)です。

ブログやホームページで、リンクが設定されている画像にマウスを合わせると、画像が明るくなったりして注意を引くことがあります。その結果、画像をクリックしてもらいやすくなります。

この動きを ロールオーバー効果 とか マウスオーバー効果 などと呼んでいます。(以下、ロールオーバー効果)

CSS3 で追加された transform というプロパティを使うと、画像のロールオーバー効果に動きを持たせることがかんたんにできます。

例えば、以下のスタイルを使うと、画像が1.1倍に拡大されて時計回りに2度回転するロールオーバー効果になります。
a img:hover {
transform: scale(1.1) rotate(2deg);
}


これだけだと画像が瞬時に切り替わってしまって趣がないので、transition プロパティを使ってじわ~っと切り替えるといいかんじになります。
a img {
transition: transform 0.6s;
}

a img:hover {
transform: scale(1.1) rotate(2deg);
}
上の例では、0.6秒かけて画像を切り替えています。

このブログでは、以前に こちらの記事 で紹介した opacity プロパティも使って、さらに画像を明るくする効果も持たせてみました。

スタイルは以下のようになっています。
a img {
transition: opacity 0.6s, transform 0.6s;
}

a img:hover {
transform: scale(1.1) rotate(2deg);
opacity: 0.5;
}

d0015124_18313482.jpg


スタイルに数行を付け加えるだけで、こういった「おっ!!」と感じさせる動きを実現できるんです。

パソコン教室くりっくでは、ホームページのスタイルを基本からじっくりと勉強したい方向けのマンツーマン講習を行っています。興味がある方はお気軽にお問い合わせください。

【問い合わせ電話番号】 025-779-2843
[PR]

# by pc_klik | 2016-11-28 19:00 | ブログ TIPS

天気がいいので昼休みに散歩

新潟県南魚沼市はきれいな青空が広がって、あたたかい陽ざしが降り注いでいます。

d0015124_17441518.jpg


いい天気なので、昼休みに ジェム と メロ といっしょに散歩しています。

d0015124_17441923.jpg

[PR]

# by pc_klik | 2016-11-18 12:35 | 犬・猫・etc

Excel ですばやく大きな表を範囲選択する方法

Excel で作成した大きな表をコピーしたいとき、いままで私は

1. 先頭(左上)のセルを選択
2. [Shift]+[Ctrl]+[→]
3. [Shift]+[Ctrl]+[↓]

という操作で表全体を範囲選択していました。

ずぅ~っと前からこの方法がベストだと思っていたのですが、今頃になってもっといい方法があることを知りました。

1. 表内のセルをひとつ選択
2. [Ctrl]+[*]

パソコン教室のお客さんに「Excel のことならなんでも聞いてください」なんて言ってますが、実は知らないこともいっぱいあるんです。
[PR]

# by pc_klik | 2016-11-15 20:00 | パソコンのこと・あれこれ

なめこ栽培中

いま、我が家の地下(高床)でなめこ栽培をしています。

今日で12日目・・・そろそろ食べられそうなかんじに育ってきました。

d0015124_1758020.jpg


密集して生えていて収穫がむずかしそうなので、「なめこ 収穫 コツ」でググってみたら、スマホアプリの攻略法ばっかりでした。

d0015124_1758425.jpg

[PR]

# by pc_klik | 2016-11-15 18:00 | 日記

秋晴れのすばらしい天気です

d0015124_11134681.jpg

d0015124_11134830.jpg


今日の新潟県南魚沼市は澄んだ青空が広がって、陽ざしがあたたかく、とてもすばらしい天気になりました。

これからひと仕事片付けて、ドライブに出かけるか冬囲いをするか・・・悩ましいところです。
[PR]

# by pc_klik | 2016-11-13 09:55 | 新潟県南魚沼市の風景

今日の ジェム ~ ペットボトルのキャップ外し遊び

我が家の犬たちはペットボトル遊びが大好きです。

投げたペットボトルを追いかけるのも好きです。

キャップをきつく締めて渡すとがんばって外そうとします。

ジェム がキャップ外し遊びをしている後ろで、メロ がうらやましそうに見ています。

d0015124_10431182.jpg

[PR]

# by pc_klik | 2016-11-12 10:00 | 犬・猫・etc

Online Logo Maker でロゴを作ってみました

パソコン教室くりっくの実習で Online Logo Maker というサイトを使ってロゴを作ってみました。

d0015124_14111584.png

d0015124_14171048.png


日本語のフォントはありませんので、おしゃれでかっこいいものを作ろうとすれば使用する文字は英数字に限られますが、このようなロゴを簡単に作ることができます。

ロゴマークとフォントが豊富に用意されていて、色の変更ができるので、作成できるバリエーションは膨大な数になります。

ブログのロゴ画像として使うのにお手軽でおすすめですが、ホームページが英語なので英語が苦手な人には敷居が高いかもしれません。
[PR]

# by pc_klik | 2016-11-11 14:10 | おすすめソフト

八海山麓スキー場様のホームページがリニューアルされました

パソコン教室くりっくがお手伝いさせていただいた、八海山麓スキー場様のホームページのリニューアルが完成し、2016-2017シーズンに向けて公開されました。

» http://hakkai36.com/

d0015124_12103577.jpg


今回のリニューアルでスマホ対応のホームページとなりました。

また、WordPress のプラグインを組み込むことによって日常的な更新作業を容易に行えるようにしましたので、リフト運行・コース状況やゲレンデ・コンディションなどの更新を WordPress に慣れていないスタッフの方でも行っていただけます。

お客さんによれば、100万円以上の制作費用を請求するホームページ制作会社があるとのことですが(これがめずらしいことではないらしいですね)、パソコン教室くりっくではその数分の一の料金で制作し、公開後のサポートもしっかりと行います。

チョットだけ手伝ってほしい・・・というご要望にも対応します。例えば、ホームページを持っているけど自分では上手に更新ができない部分がある、facebook との連携のような機能追加をしたいけどやり方がわからない、自分のホームページにどのくらいのアクセスがあるのか知りたい・・・という方のお力にもなれます。

費用見積りは無料ですので、ホームページの開設・リニューアルをお考えの方、ホームページ運用のお手伝いをご希望の方はお気軽にご相談ください。
【お問合せ先電話番号】025-779-2843

[PR]

# by pc_klik | 2016-11-11 12:00 | ホームページ制作事例

Windows 10 のスリープ解除時のパスワード保護

お客さんからパソコン (Windows 10) のセットアップをご依頼いただいて作業を行ったのですが、スリープ状態から復帰するときにパスワード入力を必要としないように設定する方法が私が記憶していたものと違っていて、ちょいと手間取りました。

このパスワード保護は、外に持ち出すモバイル端末なら要るかもしれませんが、デスクトップパソコンの場合は要らないと考える人が多いでしょう。

以前はコントロールパネルのけっこう奥の方に「スリープ解除時のパスワード保護」という設定項目があったのですが、それが見当たりません。

Windows 10 Anniversary Update で設定方法が変わったみたいですね。

新しい設定方法は、
スタート ⇒ 設定 ⇒ アカウント ⇒ サインイン オプション ⇒ サインインを求める
です。

この設定を「表示しない」にすればパスワード入力が不要になります。

d0015124_19932100.png

[PR]

# by pc_klik | 2016-11-10 17:00 | パソコンのこと・あれこれ

今日の ちゃむ ~ 階段の上でひなたぼっこ

今日はいい天気で陽ざしがあたたかいです。

我が家の ちゃむ は階段の上の日当たりのよいところで気持ちよさそうに過ごしています。

d0015124_14451853.jpg

d0015124_14451899.jpg

d0015124_14451980.jpg

[PR]

# by pc_klik | 2016-11-05 10:50 | 犬・猫・etc

駒ケ岳の雪化粧・・・冬が降りてきました

d0015124_15524806.jpg
新潟県南魚沼市、今日は冬がここまで降りてきました。

そろそろ冬を迎える準備をしないと・・・という気持ちになります。
[PR]

# by pc_klik | 2016-11-04 15:45 | 新潟県南魚沼市の風景

魚沼情報サービスのホームページへ | パソコン教室くりっくのホームページへ | ブログトップ   昨日:   今日:   合計:
AX