ホームページ制作講座

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

正規表現の記号を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になり、文章構…

新しい高品質画像形式BPGに関する記事

画像品質をある程度保ちながら、画像サイズを同程度のJPEG画像に比べ、概ね半分以下のファイルサイズで作成できる新たな画像形式「BPG」。「BPG」はFabrice Bellard氏により開発された新しい画像形式です。可逆圧縮やアルファチャンネルにも対応し、色空間の…

箇条書きリストul,ol,dlタグの意味と使い方について

HTMLタグで文法上箇条書きで使用されるのは、ulタグ、olタグ、dlタグが主に利用されますが、これらのリストタグの意味と用途について。● ul(Unordered List)ul(アンオーダードリスト)タグは..........● ol(Ordered List) ol(オーダードリスト)タグは、順序…

CSSセレクタのプロパティの値inheritに関する記事

CSSプロパティ値でたまに"inherit"なる値が設定されていたりする。inherit(インヘリット)とは、『継承』という意味で、このセレクタの親要素のプロパティ値を強制的に継承させるという意味です。継承させたい同一のプロパティ値が大量にある場合は有効ですが…

ベンダープレフィックス記述方法についてのわかりやすい説明

CSSプロパティにはブラウザ独自の拡張機能が実装されていたり、CSS草案段階で先行して実装することがあるため、拡張機能であることを明示するための記述がベンダープレフィックスです。 ベンダーとは提供元や売り手を意味し、プレフィックス(Prefix)とは接頭…

ユーザーエージェント(UA)文字列をわかりやすく説明

UA(ユーザーエージェント)とは、一般に情報アクセスの方法を意味しますが、Webにおいてのユーザーエージェントとは、HTTPユーザーエージェント(HTTP_USER_AGENT)ことや、それを識別するための名称文字列を意味する。 HTTPユーザーエージェントといった場合…

新しい通信プロトコルSPDYとHTML/2.0

2010年6月リリースのChromeから標準で搭載されている通信プロトコル技術、SPDY(スピーディー)について。 Google独自の技術として採用された技術ですが、IETF(インターネット技術の標準化を推進する任意団体です)によってWeb標準の仕様化がすすめられています…

記号、点3つの文字…の読み方と入力方法について

小さな・(中黒)三つ続いた2byte文字『…』の読み方と入力方法について。 まず『……』ような文字列をリーダーもしくはテンセン、ロクレンテンといい、『------』のように小文字の横棒が続く文字列を破線リーダー、テンセンと読みます。 『‥』二点リーダー、テン…