WEBサイト作成のあれこれ

CSSは現在のところ、SEOには全く関係ない。見た目を制御するだけのもの。 静的WEBサイトを作成する手順 イラレ、フォトショを使って見た目を作るそれに沿ってHTMLでマークアップするCSSで見た目を整える EC業界の現...

CSSの指定方法3種類 CSSファイルを別にして書く 外部スタイルシートを読み込む方法。headタグのエリアに読み込みファイルを記述する。現在、最もポピュラーな方法。 HTML内に記述する HTMLのheadエリア...

マークアップ 簡単な自己紹介原稿をHTMLコードを書いてブラウザで確認してみる。最初のHTML宣言などは間違えないようにコピペする！※作業フォルダを作成してそこに画像などのファイルも入れる。 TeraPad操作Tips ...

テーブルタグ table・・・今から表書きますcaption=表題tr=table row（行）・・・行が増えますth=table header（テーブルヘッダー）・・・見出し扱い。途中で出てきてもOKtd=table data（テ...

imgタグ alt属性には代替テキストを入れておく。ファイルが壊れてたり、通信環境により読み込めなくても、そこに何の画像があったか知らせることができて、ユーザーと検索エンジンに親切。 更に視覚障害のある方たちはブラウザを音声で...

リストタグ(ul,ol,dl) リストタグは以下の３種類。見た目はCSSで定義するので、意味を考えて使い分ける。コードはSEO的に考えよう！ ulタグ 順序性のないリスト(unordered listの頭文字)。menu...

検証ツール いろいろな場面で、良いサイトのソースコードを見て勉強しよう！コツブラウザの「検証ツール」をたくさん使う。 HTMLとCSSを書いたら、以下のサイトで間違いがないか確認する。 Another HTML Lint...

ソースコードの表示方法 右クリックで「ソースを表示」で、該当のソースコードが見れる。 デバックには右クリックで「検証」でディベロッパーツールが表示される。表示位置はアイコンをクリックで変更可能。 表示を変えられるのはC...

サーバー各社 有料・無料があるがお好みでどうぞ。先生は言ってなかったけど、契約するときには自己アフィリリンクを踏んでからの方がいい。お小遣いになります。 X-serverXFREEロリポップ光サーバー　など テーマ各種と...

Word Press概要 世界中で使われているCMSであるワードプレスは、カスタマイズのし易さもあり、世界中のサイトの約３分の1はwordpressで作られているともいわれるほど普及している。 多くのテーマやプラグインが存在し...