ホームページ制作講座

ホームページ制作のHTMLやCSS、JavascriptやDTDとかDreamweaverなどWEB制作について

ファイル操作のFTPサーバーで削除できないファイルを削除する知識

ホームページ制作講座のブログ記事として今回は、ファイルが削除できない現象を解決する方法に関してWebファイル管理のFTP接続で削除についてレポートしてみました。わりと初歩的な知識や基本情報に関して記事にすることが多いです。 《ホームページ制作講座…

CSSをiPhone inputボタンで有効化する知識

ホームページ制作講座のブログ記事として今回は、ボタンCSSを有効化する方法に関してスマホサイトの送信フォームで有効化についてレポートしてみました。わりと初歩的な知識や基本情報に関して記事にすることが多いです。 《ホームページ制作講座の手順の流…

img画像下余白をCSS flexboxで消去する知識

ホームページ制作講座のブログ記事として今回は、イメージ画像したの空白を編集する方法に関してCSS3のレイアウトモジュールflexboxで消去についてレポートしてみました。わりと初歩的な知識や基本情報に関して記事にすることが多いです。 《ホームページ制…

%、em、remについて-CSS プロパティ値における違いを理解するWeb制作講座

今回のホームページ制作講座ではCSS(カスケードスタイルシート)でパーセントやemまたはrem指定において、それぞれの相違点する一連の流れについてプロパティ値における違いを理解することに関して解説しています。 [第1の解説]まずは、%(パーセント)につい…

WordPressでテーマ導入する際に抑えておきたいこととポイント

今回のホームページ制作講座ではオープンソースCMSのワードプレスの有料・無料のテンプレートを利用する際に注意すべきポイントについてに関して説明しています。 第1の注意ポイントはデザインとテーマのマッチングです。 イメージするWebサイトのデザインイ…

パソコンにiPhone 画像を利用して取り込む操作してみましょう。

今回のホームページ制作講座ではPCを保存する一連の流れについてアイフォンの写真画像データで取り込む操作に関して説明しています。 [第1の工程] ここではiPhoneをパソコンに接続を使用して、データ通信が可能なUSBケーブルでiPhoneとパソコンを接続してみ…

記号が小さく表示される状況をCSS font-familyを利用して解決してみましょう。

今回のホームページ制作講座では表示が小さい記号文字を対処する一連の流れについてHTMLソースのプロパティfont-familyで解決に関して説明しています。 [第1の工程] ここではCSSファイルを使用して、特定記号〇や△などを表示指定する一番最後に読み込まれる…

正規表現の記号をDreamWeaver 検索および置換を利用して一括置換してみましょう。

今回のホームページ制作講座では記号部分を正規表現での置換する一連の流れについてドリームウィーバーの置換機能で一括置換に関して説明しています。 [第1の工程] ここではドリームウィーバーを使用して、起動して対象HTMLファイルを表示してみます。 [第2…

CSS背景の透過問題解決集backgroundの背景画像と背景色解決する

css背景画像と背景色の透過に関係のある知識が必要な場合は、サーチ検索では下の関連キーワードで検索してもよいでしょう。 css背景画像と背景色の透過の問題解決について。 cssによる背景色や背景画像の透過指定方法は、主に2種類の指定方法があり希望する…

メールフォームプロ問題解決集-CSSカスタマイズのレスポンシブ対応で解決

講座で取り扱う今回の内容は、[メールフォームプロCSSカスタマイズできない場合]になります。 今回のテーマに関係する知識が必要な場合は、サーチエンジン検索では下の関連キーワードで検索してもよいでしょう。 メールフォームプロCSSカスタマイズできない…

CSS背景画像のサイズを変更する問題解決集backgroundのサイズ変更解決する

CSS背景画像のサイズを変更するに関係のある知識が必要な場合は、サーチ検索では下の関連キーワードで検索してもよいでしょう。CSS背景画像のサイズを変更するについてより理解を深めるための検索キーワードの組み合わせには、background-size:background-si…

IMEのキーボード入力に関するソリューションパソコントラブル編

IMEについてのソリューションです。ブラウザなどで急にIMEが無効になり日本語入力できなくなる。なんらかのプラグインやウェブサイトなどの問題で、IMEが無効にされるについてのソリューションです。コントロールパネルから[言語]、IMEの[詳細設定]をクリッ…

Old Firefox DataのIDパスワードに関するソリューションFirefox編

Old Firefox Dataについてのソリューションです。応答なしでフリーズすることが多発するようになったので、Firefoxをリフレッシュする。あわせてIDパスワード履歴も消えてしまった時についてのソリューションです。1.Firefoxメニューボタンをクリックし、ヘ…

制作費用が明瞭にわかるWeb制作サービス

ホームページ制作で疑問を持たれやすいことのひとつに費用の内訳がある。 ひどいところだと同じ作業内容で、顧客によって費用が違うWebコンサルティング会社も存在する。 その点、Webデザインの良質ホームページ制作、WordPress、スマホサイト・レスポンシブ…

jQueryって

jQueryについての説明になります。jQueryはオブジェクト型スクリプト言語JavaScriptライブラリの1種についての説明になります。 詳細については、John Resig(ジョン・レッシグ)氏によって開発・公開されており、バージョンは1系と2系に別れており、それぞ…

CSS heightとwidthプロパティのvh/vw/vmin/vmaxの知識

CSS heightとwidthプロパティのvh/vw/vmin/vmaxに関係のある知識が必要な場合は、サーチ検索では下の関連キーワードで検索してもよいでしょう。 CSS heightとwidthプロパティのvh/vw/vmin/vmaxについてより理解を深めるための検索キーワードの組み合わせには…

OGPとは

OGPに関する知識が必要な場合は、サーチ検索では下の関連キーワードで検索してもよいでしょう。 OGPについてより理解を深めるための検索キーワードの組み合わせには、ogp 測定器ogp 画像 サイズFacebook ogpTwitter ogpWordPress ogpogp 画像測定器ogp スマ…

パララックスサイトの致命的な問題点

何年か前から、爆発的ではないものの、緩やかに見ることが多い縦型動的視差効果のサイト、いわゆる”パララックス”なサイト。 こういったWebサイトについては、実はフルフラッシュサイトを結構見かけたときと似たような印象があります。 端的にわかりやすくい…

ホームページ管理・更新のWebry-更新無制限-Web広告

ホームページ管理・更新のWebry-更新無制限に関係するサービス・商品のWeb広告は、Yahooサーチ検索では下の関連キーワードで検索してもよいでしょう。ホームページ管理・更新のWebry-更新無制限についてのWeb広告の情報をより知るための検索キーワードに、Ya…

画像のtext-align:centerが効かない時の解決方法

ブロック要素内でimgタグをCSSでtext-align:centerで指定しても、ブロック内の中央に配置されない。テキストを配置した場合には正しくセンタリングされるのである。 imgタグのCSSセレクタにdisplay:blockプロパティが指定されていたので、優先度の高いセレク…

別ページ内へのアンカーテキストリンクがずれるの解決方法

別ページへのアンカーテキストリンクについての解決方法。アンカーテキストリンクで別ページの所定の場所にリンクしたいとき、なぜかID指定した場所に移動しないのである。今回の問題としては、JQueryによる画像制御部分がページ内に存在していたため、heigh…

Retinaディスプレイの情報

Appleについての情報。 Retinaディスプレイ(レティナ Display)とは、アップル社製の高精細ディスプレイが搭載されたモデルの呼称、もしくはディスプレイ本体のことで、「網膜」の意味をもつRetinaは、人の肉眼で識別できる限界を超える描写が可能なことに…

Photoshopで半角小文字のアルファベットが入力できないの解決方法

アルファベットの小文字入力についての解決方法。急にアルファベットの小文字が入力できなくなった。capsロックかなと思い、Shift+CapsLockで変換してみるが、大文字のまま小文字になるのである。見慣れない項目が押下されているので、こちらの設定を元に戻…

CDNの知識

CDN

"CDNに関係のある知識が必要な場合は、Yahooサーチ検索では下の関連キーワードで検索してもよいでしょう。""CDNについてより理解を深めるための検索キーワードの組み合わせには、cdnとはcdn$mfc-870cdnBrother mfc-935cdnp6026cdnmf8350cdncdnとは?p2p+cdnmf…

async属性の非同期処理JavaScriptの知識

async属性の非同期処理JavaScriptに関係のある知識が必要な場合は、Yahooサーチ検索では下の関連キーワードで検索してもよいでしょう。 言葉の組み合わせ"async属性の非同期処理JavaScriptについてより理解を深めるための検索キーワードの組み合わせには、as…

HTML5コーディングでまず注意したいこと

CSS3ではベンダープレフィックスもそれほど気にしなくてもよい程になってきており、HTML5でのマークアップも今後はわりあい普及していくのではないでしょうか。とはいえ、別のDTDがいつどのように採用されたり、拡張されたりするのかわかりませんし、あまり…

レスポンシブデザインとWebページサイズ

Web制作の現場において、画像やリッチコンテンツのサイズなどは気にされることが多いのですが、ブロードバンドの普及によって、Webページ自体のサイズが気にされることはあまりないかもしれません。数キロバイトの違いは、もはやあまり気にする必要はないで…

DreamWeaverでコーディング高速化機能 コードナビゲータ

DreamWeaverでマークアップ作業中に、もはやCSSの編集なくしてホームページ作成は極めて難しいことが多いのですが、CSSセレクタの編集も、数が増えるとなかなかプロパティや値の修正に手間がかかってしまいます。 そこでプロユースのHTMLエディタDreamWeaver…

JavaScriptのdocument.writeがHTML5で非推奨のときにとる対策

さてJavaScriptでテキストや値をHTML上に書きだすときに、document.write("テキスト"); などの記述はよく使われてきましたが、HTML5ではdocument.writeは非推奨とされています。document.writeはブラウザのレンダリングに悪しき影響を与えるとして、HTML5の…

アウトラインとHTML5でのsection/articleの違いなんか

xhtml1.0ではかなり構造化を意識した記述がデフォルトになりましたが、セマンティックといういみでは、まだまだdivとpタグ、リストタグが多用されるだけで、厳密にはソースコードの構造からは文章構造を読み取ることができませんでした。HTML5になり、文章構…