独学でWebデザインの勉強をする人のためのまとめサイトです。


WordPressの準備・導入パターンとレンタルサーバー費用相場・比較表
WordPressの始め方、導入パターン・レンタルサーバーの費用相場、おすすめのレンタルサーバーを紹介

マンダラ塗り絵ダウンロードサイト
マンダラや幾何学模様、花、ボタニカルアートの塗り絵を配布中。





最新の記事

Dreamweaverでサイトを定義 エラー

  • Dreamweaver

Dreamweaver コードビューオプ・・・

Dreamweaverの「表示」→「コードビュー」→「非表示の文字」に チェックを入れても動画のような表示が出てこないのですが、何か解除しなければならないと...続きを読む

  • Dreamweaver

Dreamweaverでサイトを定義 エラー

Dreamweaverでサイトを定義 「・・・

Webクリオンライン受講生へのサポート内容です。 基本的な質問ですが、Dreamweaverでサーバー上にアップしたら、PCからデータを移動させても、サイ...続きを読む

  • WordPressオリジナルテーマ作り方

WordPrsss オリジナルテーマの作り方 後編

WordPress オリジナルテーマの作・・・

HTMLからWordPress化する流れ 後編です。 ⇒ HTMLからWordPress化 前編はこちら 動画は、10分ほどで見ることができますので、ぜひ、...続きを読む

  • WordPressオリジナルテーマ作り方

WordPrsss オリジナルテーマの作り方 前編

WordPress オリジナルテーマの作・・・

HTMLからWordPress化するには、 「WordPressのオリジナルテーマ」はどのような制作の流れで出来上がっていくのか? 初心者はどこから始め...続きを読む

  • CSSで困った!

CSSが効かない時のエラーの探し方

CSSが効かない時のエラーの探し方 4分・・・

Webクリオンライン Webデザイン講座の受講生の方から 「CSSの記述がどこも間違っていないのに、上手く反映されない。」 とのご質問をいただいた際のサポー...続きを読む

  • WordPressオリジナルテーマ作り方

CMSとは 基礎知識

CMSの基礎知識 12分45秒

今回は、CMSの基礎知識というテーマで、Webサイトを管理・更新するシステムの概要についてお話します。 動画は、12分45秒でまとめています。ぜひ、ご覧くださ...続きを読む

  • デザイン制作課題ルーム

フリー素材おすすめサイト

フリー素材おすすめサイト

課題ルームで利用できそうなフリー素材サイトをまとめています。 写真関連 ⇒ ドットフォトプロジェクト 画像素材サイト 雑誌・出版業界や広告業界などで活躍し...続きを読む

  • デザイン制作課題ルーム

デザイン制作課題ルームの使い方

デザイン制作課題ルームの使い方

デザイン制作課題ルームは、 まとめんばー・Webクリめんばー・ノンデザめんばー・レスポンシブめんばー・WordPressめんばーの方を対象としています。 イ...続きを読む

  • Webサイト制作の現場より

Facebookページ 更新 SEO 効果

Facebookページの更新ってSEOに・・・

Facebookページの更新ってSEOに効果あるの? お客様からこんな質問がきたら、あなたはどう答えますか? これは、私がWebサイト制作をさせていただ...続きを読む

  • Webサイト制作の現場より まとめんばーず限定

フリーランス Webデザイナー Retina対応

フリーランスWebデザイナーの請け負う小・・・

こんにちは。フクモトです。 今回は、フリーランスのWebデザイナーが請け負う小さな案件の場合、Retina対応はどこまで必要か? について。 ▼スマートフォンや...続きを読む

  • Webサイト制作の現場より

httpsなのに鍵マークが出ない・エラーメッセージがでる時は

httpsなのに鍵マークが出ない・エラー・・・

こんにちは。フクモトです。 SSL化を進め、urlが「https」できちんとコンテンツが表示されていても、完全にSSL化ができていないと、「アドレスバーに...続きを読む

  • Webサイト制作の現場より

HTTPS化(常時SSL化)への切り換えの疑問

いまさら聞けないHTTPS化(常時SSL・・・

こんにちは。フクモトです。 先日、当サイトをSSL化した際に、疑問に思ったこと、調べたこと、躓いたことなどをこちらにまとめます。 [toc] SS...続きを読む

  • floatで作る段組みレイアウト講座

floatで作る段組みレイアウト

ステップ6ーfloatで作る段組みレイア・・・

こんにちは。フクモトです。 今回は、2カラムと3カラムとをCSSで振り分ける方法を解説していきます。 例えば、同じWebサイト内でも、トップページだ...続きを読む

  • floatで作る段組みレイアウト講座

floatで作る段組みレイアウト

ステップ5ーfloatで作る段組みレイア・・・

こんにちは。フクモトです。 今回は、これまで学習してきた2カラムレイアウトの応用として3カラムレイアウトに挑戦します。 2カラムレイアウトでは、各エ...続きを読む

  • floatで作る段組みレイアウト講座

floatで作る段組みレイアウト

ステップ4ーfloatで作る段組みレイア・・・

それでは、「main」と「sidebar」の左右を入れ替えてみましょう。 といってもやり方は簡単。floatプロパティの値を変更するだけです。 今度...続きを読む

  • floatで作る段組みレイアウト講座

floatで作る段組みレイアウト

ステップ3ーfloatで作る段組みレイア・・・

それでは、「main」と「sidebar」を段組み(横並び)にしていきます。 段組み(横並び)にするには、floatプロパティを使います。 「div...続きを読む

  • floatで作る段組みレイアウト講座

floatで作る段組みレイアウト

ステップ2ーfloatで作る段組みレイア・・・

HTMLの作成が終わったら、次はCSSを書いていきます。 新規でCSSファイルを作る。 ファイル名をstyles.cssとしてhtmlファイルと同じ...続きを読む

  • floatで作る段組みレイアウト講座

floatで作る段組みレイアウト

ステップ1ーfloatで作る段組みレイア・・・

こんにちは。フクモトです。 今回は「floatで作る段組みレイアウト」について。 HTMLとCSSの書き方を覚えたころ、一番最初にぶつかる難関は、W...続きを読む


  • メニュー・ナビゲーション

CSSを使用した画像のロールオーバー 横メニュー編

CSSを使用した画像のロールオーバー 横・・・

ユーザーのアクションや状態に応じてメニューの表示が切り替わる仕組み。 今回は、横並びメニュー編です。 縦並びメニュー編はこちら 「通常の状態」...続きを読む


Facebookページに「いいね!」をクリックしていただくと、当サイトの更新情報を受け取ることができるようになります。
ぜひ、「いいね!」していただけると嬉しいです!



Pagetop