HTML

今までに投稿したカテゴリー「HTML」に関する投稿記事です。 WEBサイトの構築には欠かせない文章構造やSEOなどの記述方法をご紹介いたします。 気になる記事がありましたら、是非チェックしてみてください。

[保存版]WEB制作スピードが驚異的に上がる!お役立ちおすすめ拡張機能とアドオン

  CSS, HTML, javascript, WEB , ,

firefox chrome アドオン 拡張機能

WEBサイトの制作を行って、ブラウザで確認したり既存のサイトを分析・参考にする際に、多くの便利で役立つ拡張機能・アドオンが存在します。そこで今回は、WEBサイト制作者が使って便利なブラウザ「ChromeFirefox」で利用できる拡張機能アドオンについてご紹介したいと思います。これを使いこなせば、WEB制作スピードが驚異的に上がること間違いなしです。

続きを読む

[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 AJAX Feed APIによるRSSフィードの新着情報の表示

  CSS, HTML, javascript, WordPress , , ,

google feed api 新着情報 RSS

静的HTMLサイトにWordPressなどのRSSフィードを「Google AJAX Feed API」を用いて新着情報を表示させることで、記事を投稿するだけで新着情報に反映させることができます。そこで今回、静的HTMLであるチュートリアルサイトに、WordPressによる当ブログの新着情報を表示させる方法をご紹介したいと思います。

続きを読む

[WEB] WEB制作に役立つ・学べるおすすめ国内ブログ厳選10個~コーディング編~

  CSS, HTML, javascript, jQuery, WEB, WordPress , ,

厳選 WEB コーディング ブログ 役立つ 学べる タイトル

コーディングするにあたり、多くの学べるブログが存在します。
私も多くの有益な情報を発信されているブログをRSS・Feedlyを用いて70以上のブログを閲覧し、日々勉強させていただいています。
そこで今回は、その中でも選りすぐりのコーディングに関する有益な情報を提供してくださっている国内のブログを厳選してご紹介したいと思います。

続きを読む

[HTML5] HTML5のarticle・sectionによるアウトライン

  HTML, SEO ,

HTML5 アイコン

HTML5を使用したサイトも多くなってきて、HTML5を用いて構築する方も多いと思います。そこで、前回ご紹介させていただいた「HTMLコーディングの基本のアウトラインとは」の続編になる、HTML5においてarticle・sectionを用いたアウトライン(階層構造)についてご紹介していきたいと思います。

続きを読む

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

  HTML, SEO ,

html アウトライン

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

続きを読む

[SEO] SEOで最重要項目!!title・h1・descriptionの設定方法まとめ

  HTML, SEO ,

seo h1 description

SEO対策する上で、「title」「description」「h1」は非常に重要です。
特に重要なtitleは、SEO対策キーワードが入っていなければ、SEO対策をしているとは言えないほど重要です。

そこで今回は、「title」「description」「h1」について基本をしっかりとまとめたのでご紹介していきたいと思います。

続きを読む