HTML

文章構造を表現するアウトラインや基本となるインライン要素・ブロックレベル要素などをご紹介いたします。気になる記事がありましたら、今までに投稿したタグ「HTML」に関する投稿記事を是非チェックしてみてください。

[Dreamweaver]作業効率が劇的にアップ!!ショートカットとコードスニペット

  CSS, HTML, WEB , , ,

Dreamweaver

Dreamweaver を使用してコーディングしているとよく使う機能ってないですか?私の場合は「ソースコードのフォーマット」や「すべてを保存」などをよく使用します。使用する際に、メニューから選んだりしているとどうしても効率が悪くなってしまいます。そこで、基本的なショートカットの紹介や「ショートカットとコードスニペット」を設定して作業効率を向上させる方法についてご紹介したいと思います。

続きを読む

[WordPress] 静的HTMLサイトを使ったテンプレートテーマ作成~共通部分の読み込み~

  HTML, WordPress , ,

wordpress theme テーマ 作成 PHP

WordPressはヘッダー・サイドバー・フッターなどをパーツ化して読み込んで1つのページとして構成してから表示しています。
そこで今回は、前回ご紹介した「静的HTMLサイトの共通部分をPHPによるパーツ化する方法」の発展版として、WordPressのテンプレートテーマ作成の初期段階である、静的HTMLサイトの共通部分をパーツ化して読み込む方法をご紹介したいと思います。

続きを読む

[PHP] 静的HTMLサイトの共通部分をPHPによるパーツ化する方法

  HTML, WEB, WordPress , ,

PHP パーツ化 静的サイト HTML

一般的なサイト構成として、ヘッダー・グローバルナビゲーション・サイドメニュー・コンテンツ・フッター部分などから構成されている。
例えばサイトの中でもブログにおいて、コンテンツ部分以外はヘッダー・フッターなどを共通部分とする場合があり、一つ一つ修正することは面倒であり、非効率に感じていました。そこで今回は、WordPressまでとはいかないが初期段階として、静的HTMLサイトの共通部分をパーツ化することで管理し易い方法をご紹介したいと思います。

続きを読む

[Google API] 手軽にGoogle Maps APIをカスタマイズできる「gmaps.js」の使い方

  javascript, jQuery , , , , , ,

Google Maps API タイトル

Google Maps APIを使えばオリジナルの画像を使ったマーカーを地図上への設置やルートを地図上に描くことが可能です。しかし、Google Maps API V3はAPI Keyが必要だったりなかったり、導入が面倒だったので何かいいのないかなと探していると良さそうな「gmaps.js」を見つけたので、gmaps.jsの使い方をご紹介したいと思います。

続きを読む

[HTML] HTMLコーディングの基本のアウトラインとは

  HTML, SEO ,

html アウトライン

WEBサイトのコーディングをする際に、見やすさなどを考えた「ユーザーに対して」と、SEO対策を考えた「Googleなどの検索ロボット(クローラー)に対して」行うと思います。今回、HTMLのコーディングする際に重要である検索ロボット(クローラー)へのSEO対策となるアウトラインについてご紹介していきたいと思います。

続きを読む