ホームページ制作の兵法

ホームページ制作の兵法

マークアップエンジニアによるHTML,CSSなどサイト制作の基礎知識

PCの環境構築 SourceTree, TortoiseSVN, Docker, Ruby, Sass,Compass, Koala

PCの環境構築についてまとめました。 SourceTree-DL TortoiseSVN-DL(32bit/64bit・日本語パッチ) Docker Ruby-DL Sass Compass Koala-DL ---------------------------------------------------------------- SourceTreeのインストール、設定方法 qiita.com…

コーディングガイドライン決定版!画像名やクラス名に悩まないルールを作りました。

コーディングガイドライン決定版!画像名やクラス名に悩まないルールを作りました。 コーディングのルール決めてますか? いつもその時の気分や人間次第で画像名やクラス名をつけていたら・・・。 修正作業時にコードを理解する時間が必要になります。まして…

指定したCSSが適用されないときにチェックするCSSの優先順位の4つの要素

指定したCSSが適用されないときにチェックするCSSの優先順位の4つの要素 覚える理由 後から書いたCSSが適用されない原因のひとつだからです。 更に、CSSの優先順位を把握することで運営のし易いサイト設計をするためにCSSの優先順位を学びます。 CSSの優先順…

サーバー、XAMPP、ルート、パスを理解してWEBサイト制作に活かそう!

サーバー、XAMPP、ルート、パスを理解してWEBサイト制作に活かそう! XAMPPを使っていて、アパッチを通さずにファイルを読み込んでしまった。 もちろん、インクルードファイルは読み込めなかった。 そのためにサーバーなどの知識を学ぼうと思います。 インタ…

CSS backgroundプロパティを極めて、自在に背景を置くWEBサイト制作の技術

CSS backgroundプロパティを極めて、自在に背景を置くWEBサイト制作の技術 なぜCSSのbackgroundプロパティを勉強したいと思ったのか? それは背景や意味を持たない画像を思い通りに配置したいと思ったから。 今回は背景の基礎を学ぶことで、背景画像の配置に…

SEOを考えてマークアップしたら時間だけが過ぎていた件

SEOを考えてマークアップしたら時間だけが過ぎていた件 htmlやcssを何となく書けるけど、作業が早くならない自分。 CSSで指定したコードが反映されない理由から逃げていました。 あらためて基本を学べば、動かない理由が分かります。 逃げないためのWebサイ…

WEBデザインの基礎用語の箇条書き

WEBデザインの基礎用語の箇条書き WEBデザイン関連の言葉の理解 ・HTML:正しい文章構造をタグを使用して表現する言語。テキストをクリックすると別のサイトに飛ぶ言語。 ・CSS:ページのデザインやレイアウトをする言語 ・ブラウザ:インターネットを閲覧す…