WEBサイト作成のあれこれ

WEB基礎

CSS基礎1(テキストの装飾)

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

サーバーに記事をアップして公開する方法

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

サンプルコードを書いてみよう!

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

HTMLタグ4(table)

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

HTMLタグ3(img)とパス(PATH)

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

HTMLタグ2(リスト,hr,a)

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

HTMLタグ1(h,br,特殊文字)

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

HTML基礎

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

WP基礎2

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

WP基礎1

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