WELCOME

やさしいカメラ知識・女性向け画像加工レッスン。
おしゃれな作品作りを楽しむパソコン&デジカメ教室パソカフェのブログ。

おすすめ記事は以下カテゴリーからどうぞ。。

デジカメレッスン
単発1dayデジカメ講座
雑貨撮影レッスン
スマホで可愛い写真
デジカメ年賀状

パソコンレッスン
フォトスケープの使い方
ホームページ作成講座
アメブロカスタマイズ
フォトショップ講座

デジカメのコツ
花・雑貨を撮るコツ
簡単デジカメの設定
楽々デジカメのコツ
写真の構図・基本

 

INFORMATION

受講生を募集いたします

   


単発1dayデジカメ講座

1回3時間8000円
キレイな雑貨フォトが
撮れるようになります

 
 


アメブロカスタマイズ

1回2時間6000円
アメブロのカスタマイズが
ご自分でできるようになります

 


パソコン個人レッスン

1回2時間6000円
貴女のやりたいこと何でも
リクエストしてください

 
所在地
兵庫県川西市湯山台
梅田より60分
宝塚より40分
ご予約・お問い合わせ
レッスン予約カレンダーはこちらから。
お申込み・お問合せはこちらから。
すべてマンツーマンの個人レッスンです。

 

個人レッスン:レスポンシブホームページ作成 ハウリンYOU娘さま その1

こんにちは。
パソコン&デジカメ教室「パソカフェ」主宰、花のポストカードやさんです。

パソカフェの個人レッスンでは、やりたいことをなんでもリクエストしていただけます。
今回は「レスポンシブホームページ」を作成する方法について書きたいと思います。

飾り罫線

受講生Kさまから
「レスポンシブデザインのホームページを自分で制作したい」
「いまあるホームページは自分で更新するのが大変なので、もっと簡単に更新できるものを」
「仕事の内容に合わせて、サイトの見た目をソフトな雰囲気に変更したい」
とのお問い合わせがあったのは1ヶ月前。

あっというまに、ここまでのものが完成しました。

飾り罫線

レスポンシブホームページ ハウリンYOU娘(ハウリンユウコ)

ハウリンYOU娘(ハウリンユウコ)~ブルースピアニスト&シンガー
オフィシャルウェブサイト

飾り罫線

Kさまはもともと非常にPCスキルの高い方。

1回目のレッスンでは
レスポンシブデザインホームページのテンプレート配布サイトをご紹介。
その場で好きなデザインをダウンロードしていただきました。

わたしが生徒さんにご紹介しているのは、こちらのサイトさま。
無料ホームページテンプレート Template Party

レスポンシブホームページ ハウリンYOU娘(ハウリンユウコ)

センスがよくて太っ腹なサイトです。


レスポンシブホームページ ハウリンYOU娘(ハウリンユウコ)

左サイドバー一番上の「レスポンシブテンプレート」から選びます。
全部で495種類!

サンプル画像がわかりやすいですね。
PC・スマートフォン・タブレットのそれぞれでサイトを閲覧したイメージです。


レスポンシブホームページ ハウリンYOU娘(ハウリンユウコ)

同じテンプレートでも、背景画像やボタンの色で雰囲気がまったく違います。

気に入ったデザイン下の「ダウンロード」ボタンをクリック。
(実際にKさまが選択されたデザインと、このテンプレートは異なります。)

レスポンシブホームページ ハウリンYOU娘(ハウリンユウコ)

zipで圧縮されています。
展開するとこれだけのファイルがセットになっています。


レスポンシブホームページ ハウリンYOU娘(ハウリンユウコ)

たとえば「images」フォルダの中には、このようなサンプル画像がはいっています。

このサンプルと同じサイズの画像を用意して差し替えれば
自分のホームページが作れるというわけ。

「css」「js」フォルダにはそれぞれ、スタイルシートやJavaScriptファイルがはいっています。


飾り罫線

ダウンロードしたこれらのファイルを元に
メニューボタンをいくつ増やすか、ページは何ページにするか
タイトル画像はどの写真を使うか、などをご相談。

7割ほどの枠組みをつくって、ファイルをお渡し。
宿題は、各ページに文章を入力してくることです。

飾り罫線

次回の記事も、ハウリンYOU娘レスポンシブホームページの続き。
レスポンシブテンプレートHPを作成するのに便利な
フリーソフトや無料サイトをご紹介いたします。

どうぞお楽しみに。

飾り罫線

ホームページを制作したいというリクエストがあったとき
パソカフェでおすすめしているのはレスポンシブデザインのホームページ

ものすごく簡単にいうと、スマホでもタブレットでもパソコンでも自動的にレイアウトが変化して
見やすいデザインや文字サイズで閲覧できるホームページのこと。
詳しくはこちらをご覧ください。

レスポンシブデザインとは|レスポンシブWebデザイン
|RWD|responsive design - 意味-定義 : IT用語辞典

わたしがご紹介しているのは、こちらのサイトさま。
無料ホームページテンプレート Template Party

飾り罫線

うちのパソコン教室のホームページも、こちらのテンプレートを利用しています。
もちろん、レスポンシブデザインのホームページ。
スマートフォン、PC、タブレットで見比べてみてくださいね。

パソコン&デジカメ教室「パソカフェ」

飾り罫線

パソコン&デジカメ教室「パソカフェ」
兵庫県川西市の自宅サロンで開講しています。
最寄り駅は、阪急宝塚線「川西能勢口」またはJR宝塚線「川西池田」。

教室へのアクセスはこちら

飾り罫線

パソコン個人レッスン

貴女のやりたいこと、何でもリクエストできます(2時間6000円)

アメブロカスタマイズ
(タイトル画像・メッセージボード・リンクボタン・背景画像)
ホームページ作成
(PCとスマートフォンのどちらでも見やすく美しいレスポンシブタイプ)

ブログ用おしゃれ画像加工
ショップ&お教室の素敵なチラシ・パンフレット作成
美しいオリジナル名刺作成
かわいいラベルシール作成
雑貨屋さん風の写真ポストカード作成
おしゃれでカワイイ年賀状・暑中見舞い作成
フォトショップ・Photoshop Elements使いこなしテク
写真やファイルをすっきり整理&管理するテク

過去のブログカスタマイズ 記事はこちら(パソコン個人レッスン)

過去のフォトショップ 受講生作品はこちら (パソコン個人レッスン)

過去のフォトムービー 受講生作品はこちら(パソコン個人レッスン)

過去のフライヤー・チラシ 受講生作品はこちら (パソコン個人レッスン)

飾り罫線

初心者さんのための 単発1dayデジカメ講座

3時間の個人レッスンで、かわいい雑貨写真が
どなたにでも撮れるようになります。(3時間8000円)


デジタル一眼レフ、ミラーレス一眼、コンパクトデジカメ、スマートフォンのカメラアプリ。
ご自身のカメラをお持ち込み下さい。

過去の受講生の作品はこちら (単発1dayデジカメ講座)

飾り罫線

スマートフォン(android) 個人レッスン

スマートフォンの楽しみ方(電話とメールだけじゃもったいない!)
(LINE・LINEデコ・動画・音楽・写真加工・ファイル管理・スケジュール管理
Gメール・Googleカレンダー・駅すぱあと・アマゾン・Dropboxなど
便利で楽しいアプリとその使い方を徹底紹介!)

飾り罫線

パソカフェ予約カレンダーはこちら

レッスン料金・よくあるご質問についてはこちら

レッスンに関するお問い合わせ・お申込みはこちら

飾り罫線



にほんブログ村 PC家電ブログ パソコン教室・サポートへ   にほんブログ村 写真ブログ 写真講座・教室へ  

趣味ぶろ パソコン教室ブログランキング   趣味ぶろ コンピューター教室ブログランキング

ランキングに参加しました。ぽちっと応援お願いいたします♪

飾り罫線

花のポストカードやさんの関連サイト
「パソコン&デジカメ教室パソカフェ」~川西・大阪・宝塚~
やさしいカメラ知識・おしゃれ画像加工。女性講師による個人レッスン。

ポストカード&フレーム印刷用無料素材*花のポストカードやさん本館*はがきデザインのフリー素材集
女性向きおしゃれポストカード&デザインテンプレート 結婚・出産・引越報告 フレーム素材各種

初心者女子のための パソコン&デジカメ教室~大阪・宝塚・川西~(本サイト)

関連記事

テーマ : ホームページ・ブログ制作
ジャンル : コンピュータ

プロフィール

パソコン教室パソカフェ「花のポストカードやさん」

Author:パソコン教室パソカフェ「花のポストカードやさん」


兵庫県川西市の自宅で
デジカメ&パソコン教室「パソカフェ」
を開いています。
教室で人気のPhotoScapeの使い方を本ブログで公開中。
フレーム加工や組み写真など、素敵なブログ用画像が無料で簡単に作成できますよ。

アクセスランキング
[ジャンルランキング]
ライフ
302位
アクセスランキングを見る>>

[サブジャンルランキング]
習い事
2位
アクセスランキングを見る>>
カテゴリー
FC2カウンター
facebook
ランキングバナー
Twitter
Twitterボタン
Twitterブログパーツ
ブログ全記事表示

全ての記事を表示する

カレンダー
02 | 2017/03 | 03
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -
リンク

お気に入りに追加
RSSフィード
管理画面
QRコード
QR