本ページには広告が含まれています。

Webページに関する基礎的な勉強を始めます

HTML/CSS/JavaScriptなどWebページにの基礎
画像はCanva「Text to Image」で生成しました

これまでWebページの基礎知識の無いままWordPressを使ってブログを運営してきました。

プラグインを追加したり、Web上に情報として公開されているCSSやJavaScriptのコードをコピペで利用させていただいたりしてきました。

しかし、これからもブログの運営を継続していくにあたり、Webページの基礎知識くらいはちゃんと身に着けておいた方が良いだろうと思った次第です。

スポンサーリンク

はじめに

当ブログサイトは、WordPressで作成しています。WordPressとは、ブログやホームページを作成できるCMS(Webサイトやコンテンツの構築・管理・更新ができるシステム)と呼ばれる仕組みのソフトウェアのひとつです。HTMLやCSSなどのコードを書かなくても、簡単にWebサイトの更新や管理ができるようになっています。

WordPressの仕組み

WordPressの仕組みは、PHPというプログラミング言語と、MySQLというデータベースシステムを利用しています。PHPはウェブサイトの動作や機能を制御する言語で、MySQLはウェブサイトのデータや情報を保存するシステムです。WordPressでは、PHPがMySQLから情報を取り出して、HTMLという形式に変換してウェブサイトを表示します。また、WordPressには、テーマとプラグインを利用できる機能があります。テーマを利用して、Webサイトのデザインやレイアウトを簡単に変更することができます。プラグインを利用すれば、Webサイトに様々な追加機能や拡張機能を付けることができます。

WordPressを使わない場合

WordPressを使わずにWebページを作る場合は、HTMLやCSSなどのコードを自分で書く必要があるので、簡単にはWebページやWebサイトを構築したり更新や管理することができません。
WordPressを使っていた場合でも、あらかじめ設定されていない追加機能やデザインの変更などを行う場合には、PHPやCSSに手を加えたりJavaScriptを使ったりする必要があります。

スポンサーリンク

勉強を進めるにあたって

実は、2011年頃に購入したまま放置していたインプレス社の書籍「【標準】HTML,CSS&JavaScript辞典」というのが出てきました。書籍の情報はかなり古いので現行と違う部分も多いと思いますが、学んでいく順番などの参考にしていきたいと思っています。

今後の流れ(勉強していく項目)

今後の流れは、次のような感じですすめていく予定です。
実際に自分で勉強した内容を備忘として復習する感覚で書いていきます。
したがって、読者様のお役に立てる内容になるかはわかりませんのでその点はあらかじめご了承ください。万一お役に立てていたなら幸いです。
※勉強が完了した項目については掲載先のリンクを設定していきます。

・勉強が完了した項目については掲載先のリンクを設定していきます
・途中で項目を変更したり、追加設定する場合があります

おわりに

はたして無事に完了できるのか?
完了するまで、どのくらいかかるのか?
決めたからには、途中で絶対あきらめないで頑張ります(^^♪

スポンサーリンク
スポンサーリンク

当サイト内で使用したサンプルはDLできます

ダウンロードページへトップリンクは下のカードクリックでジャンプできます。
よろしければご利用ください!