分かった気になるHTML&CSSも最終日となりました。今までの4回で何となくイメージは掴めましたでしょうか？ 一般的な分類のプログラミング言語とは違い、マークアップ言語であるHTMLやスタイルシート言語のCSSは比較的理解し易いのではと思います。 ただしあくまでもある程度使えるというレベルでの話であり、実際HTMLとCSSを全て把握し、完璧に使いこなせる人は限られてくるでしょう。 そこまでの理解が無くとも、今はインターネットですぐに調べる事が出来るので、専門職でもない限りはそれで十分な所もあります。 IT系全般に言えますが、バージョンが変わったり、新しい仕様になると、今までの知識を常に上書きしなけらばならないのが苦労する点でもあります。 前回の記事は下記になります。

分かった気になるHTML&CSSの4日目はCSSを使ってWebページのレイアウトを行います。CSSでは多くのプロパティや値などを覚えるのも大変ではあるのですが、1番苦労するのがページのレイアウトや配置の設定です。 何がネックになるのかというと、ブラウザにより同じページが微妙に異なるという点です。 所謂クロスブラウザー対応するため、各種ブラウザ毎に検証する必要があるわけです。 最近は大分マシになりましたが、IE(インターネットエクスプローラ)に対応させる為、多くのWebデザイナー達が長年泣かされてきました。 特に日本においてはIEのシェア率がかなり高かった為、IEの古いバージョンまで考慮してWebページを微調整できるかがCSSにおける一つのテクニックでした。 なぜ過去形なのかというと、WindowsXPのサポート終了やブラウザEdgeの登場(メインで使ってる人は少ないが)、検証ツールの充実に

分かった気になるHTML&CSSの3日目はCSSを中心に解説します。CSSはスタイルシートと呼ばれるもので、Webページのレイアウトやコンテンツの装飾など、デザインを定義する言語になります。短く言えば、見た目を設定する記述と言えば分かり易いでしょうか。 HTMLでコンテンツの構造や意味合いを定義して、それらを見栄え良く装飾したり、配置したりする事でWebページの視認性が高まります。 色彩感覚やデザイン力というのはセンス的な部分も大きいですが、まずはCSSの基本的な使い方を理解しましょう。 正直な話、私はデザインセンスについてあまり自信ありませんが・・・ 前回の記事は下記を参照してください。

絶対パスと相対パス 絶対パス(フルパス) 最上位の階層から指定のファイルやディレクトリ(フォルダ)までの位置を全て表示したものです。 Windowsを例として、メモ帳の実行ファイルまでのフルパスであれば 「c:¥windows¥notepad.exe」と記述されます。 最上位に位置するCドライブ配下のWindowsフォルダにある「notepad.exe」というファイルを指定しています。 ｃの後ろに「:(コロン)」マークが付き、階層の区切りとして「¥マーク」もしくは「\(バックスラッシュ)」が用いられます。 上図を参照に「fileb.txt」のフルパスを記述するのであれば「c:¥folder2¥sub2¥fileb.txt」となります。 それではインターネット上では、どのような記述になっているでしょうか。 例えば今ご覧になっているページのURLですと「https://varijum.net/

10年程前と比べるとHTMLとCSSを扱える人ってかなり増えてきたなという印象です。インターネットがすごく身近なものになるにつれて、Web関係を専門としていない人てもブログをカスタマイズしたり、自分でWebサイトを作ったり出来るのは強みだと思います。 HTMLとかCSSなんて今更かよ！という意見もあると思いますが、覚えようとしたけど挫折したとか、プログラムっぽい事は拒絶反応がでて理解できないなんて人もいるかもしれないので、5日(5回)で何となく分かるような記事を書いてみたいと思います。 ちょっとでもHTMLやCSSを触った事がある人には、全く役に立たないのでどうぞご了承ください。 私が初めてHTMLとCSSに触れたきっかけWindows95の時代からパソコンを使ってきた私ですが、プログラムは元よりHTMLやCSSなどの言語的な物には全くの無知でした。 ネットワークとかサーバ、PCの設定など