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

最新の記事

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

グローバルナビゲーション リストを横並びにする

グローバルナビゲーション リストを横並び・・・

グローバルナビゲーションの一例です。 ここでは、テキストメニューでリストを横並びにし、displayプロパティを使ってボタンのように見せています。 ...続きを読む

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

displayプロパティを使ったリンクのテクニック

displayプロパティを使ったリンクの・・・

テキストリンクをボタンのように見せるには、displayプロパティが便利です。 displayプロパティとは、要素をインライン要素とするかブロックレベル要...続きを読む

  • CSS基礎知識

a要素に設定できる疑似クラス

a要素に設定できる疑似クラス

リンクを記述する際に使用するa要素に対して疑似クラスを設定することで、リンクの色を変えたり、背景色を加えたり、下線を引いたりなど様々なスタイルを適用できます。 ...続きを読む

  • HTML

h1タグの使い方とSEO

h1タグの使い方について

HTMLのマークアップについて調べていたところ、「h1タグは、1ページにひとつ」にしないといけないという情報を見かけました。 実際のところ、どうなのでしょ...続きを読む

  • おすすめ書籍・サイト・ツール

Webデザイン おすすめ素材サイト

Webデザインに!おすすめ素材サイト f・・・

このサイト、めちゃ便利です。 ハイクオリティ素材が商用無料で揃っていて、私はよくお世話になっています。 特にベクトルデータは使えます。 ...続きを読む

  • CSS基礎知識

CSSのid属性とclass属性の違い、・・・

id属性とclass属性の違い、使い分けについて教えて下さい。 id属性とclass属性の違いは、簡単に言えば、そのページ内で、「一度しか使えない」か「何度で...続きを読む

  • WordPress まとめんばーず限定

WordPressで自作テーマを作る 初心者向け動画解説

Wordpressで自作テーマを作るには・・・

先日、スカイプを利用して、Webクリオンラインの受講生の方とWordpressのレッスンを行いました。 その様子の一部を動画にしましたので、こちらでシェア...続きを読む

  • Webデザイン・レイアウト

Webサイトに利用する写真の縦横比の基準

Webサイトに利用する写真の縦横比は何を・・・

受講生の方から、画像の縦横比についてご質問がありました。 「Webサイトに利用する写真の縦横比は何を基準にすればよいのでしょうか。」 というご質問に...続きを読む

  • Webサイト制作・運営 まとめんばーず限定

Webサイトの文字コードの変更・確認の方法

Webサイトの文字コードの変更・確認の方・・・

先日、友人に依頼され既存サイトの修正を行ないました。 修正の内容としてはmetaタグのcharsetをshift_jisからutf-8へ変更するものです(...続きを読む

  • Photoshop

Photoshop カンバスサイズ

Photoshopでデザインカンプ作成時・・・

PhotoshopでWebデザインのカンプを作成しています。 新規作成時のファイルのサイズは、横幅1280px 高さ1024pxで作成しました。 デ...続きを読む

  • ブログ

Webクリオンライン・ロゴ制作コンペ開催!

Webクリオンライン・ロゴ制作コンペ開催・・・

こんにちは。フクモトです。 私の運営する「Webクリオンライン・動画講座」を Webデザインの技術を学ぶだけでなく、Web制作の現場に密着した仕事につな...続きを読む

  • 独学の方法

カラー・配色関連のおすすめ本

カラー・配色関連のおすすめ勉強法

福本さん! ついに商品撮影&加工のお仕事を頂くことができました。 撮影台を自作してから3ヶ月あまりホコリをかぶっておりましたが、ようやく稼働すること...続きを読む

  • おすすめ書籍・サイト・ツール

Photoshop Webデザインのためのおすすめ本

Photoshop Webデザインのため・・・

Photoshop、Illustratorの操作をひと通りマスターしたのですが、実際にどの機能やツールを使えばよいのか?Webデザインにどう活かせばよいか?が今...続きを読む

  • おすすめ書籍・サイト・ツール

デザイン・レイアウト関連の初心者向け参考書

デザイン初心者におすすめ入門書 ノンデザ・・・

デザインやレイアウトが苦手です。 独学で何とか学習したいと、いろいろと参考書を探してみたのですが、たくさんあってどれが良いのかわかりません。 デザイ...続きを読む

  • 独学の方法

Webサイトのヘッダーやフッターなどのサイトの共通部分の管理

Webサイトのヘッダーやフッターなどのサ・・・

複数ページを作為する際、ヘッダーやフッター、サイドバーなどサイトの共通部分はどのように管理すればよいのでしょうか? 各ページにそれぞれ記述していると、修正...続きを読む

  • Webデザイン・レイアウト

Webサイトのサイドバーは左右どちらがよいか

サイドバーは左右どちらがよいか、基準はあ・・・

Webサイトのレイアウトで2カラムのデザインにする場合、サイドバーは左右どちらがよいか、基準はありますか? とっても初歩的な質問なんですが、サイトのレイア...続きを読む

  • Webデザイン・レイアウト

Webサイトのヘッダー領域の高さはどう決・・・

Webクリオンラインのビストロ・デュ・リヨン、トップページカンプを制作していて質問があります。 コンテンツ幅1280pxに対して、その後ヘッダー領域が21...続きを読む

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

SEO対策の見積もり

SEO対策の見積もりについて

SEO対策の見積もりはどのようにされていますか? というご質問をいただきました。 SEO対策は、ご存知のように、検索エンジン上位表示を意味するものですが...続きを読む

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

Web制作費 フリーランス 相場

Web制作費に関しての一般的な相場ってあ・・・

Web制作費に関しての一般的な相場というのは、本当に難しいです。 例えば、 Webデザイン・HTML・CSSコーディングだけなのか、 ディレク...続きを読む

  • Webサイト制作・運営

実際のWebサイトで使用する画像

Webサイトで使用する画像について

実際のwebサイトで使用する画像は、どういうものを使うのが多いのでしょうか? 例えば、クライアント様よりもらう、とか商用OKのフリー画像を利用する、とか…...続きを読む


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



Pagetop