コーディングの学習を最短で行っていくためのブックマーク

テキストエディタの導入と設定

コーディングに最適なテキストエディタ選び

テキストエディタはコーディングを行う上で、必須のソフト。Windowsにあるメモ帳もテキストエディタの１つですが、コーディング用に作られたソフトではないため、使いづらく、効率的ではありません。コーディングを行うときには専用のソフト...

webookmark.net

2021.03.22

HTMLの基本的構造を理解する

HTMLの基本的な構造について

コーディングは主にマークアップ言語と呼ばれるHTMLとスタイルシートのCSSを使用して行っていきます。HTMLとはいわゆる骨組みで、Webサイト上のテキストや画像を設置するために使用します。CSSはHTMLの骨組みに装飾を...

webookmark.net

2021.03.22

Webサイトのディレクトリ構造を理解する

ファイル・フォルダの作成から保存について

ブッ君テキストエディタをインストールしたら、まずはhtmlファイルを作成して保存してみて！マー君うーん、名前はどうしようかなぁ？なんでもいいか！ブッ君ダメダメ！！ちょっとまって！ファイル名やフォルダ名には...

webookmark.net

2021.03.22

headタグ内にの記述内容を理解する

headタグ内の設定を行おう

今回は、前回のSTEP2で紹介した、headタグに実際に記述する内容についてです。ブッ君マー君、前回のSTEP2で学んだheadタグについては覚えているかい？マー君うん、確かサイト上には表示されない、設定なんかを記述...

webookmark.net

2021.03.18

ブラウザに実際に表示される部分のコーディングで、使用頻度の高いタグの説明

bodyタグ内で使用するタグと使い方

ブッ君今度は実際にWebサイトで表示される部分、bodyタグ内で使用する、主だったタグを紹介していくよ！マー君いよいよ本格的にコーディングの学習が始まるんだね！！ブッ君うん！！基本的なことだけど、とても重要なこと...

webookmark.net

2021.03.21

画像の形式ファイルの使い分け

画像のファイル形式を理解し、使い分けよう

ブッ君今回は画像についての説明だよ！Webサイトには画像が使用されていることが多いけど、画像にはいろいろなファイル形式があるんだよ！知ってる？マー君jpgとかpngとか・・・あとはgifなんていうのもあったっけ？？...

webookmark.net

2021.03.30

CSSの基本的な記述方法をみにつけよう

CSSの基本的な記述方法と記述箇所

ブッ君さぁ、今度の学習はCSSだよ！マー君WebサイトはHTMLだけじゃないんだ・・・ブッ君そうだよ。試しに作成したHTMLファイルをブラウザで開いてみるとわかるけど、テキストと画像がただ並んでいるだけの簡素なも...

webookmark.net

2021.03.24

リセットCSSの役割と導入

リセットCSSの役割と導入

マー君よーし！！CSSファイルは作成したし、これで早速CSSを書いていくんだね！ブッ君、早くCSSの書き方を教えてよ！！ブッ君まだだよ、マー君！！実際にCSSを書く前にいくつか準備を行っていくよ！マ...

webookmark.net

2021.03.24

marginとpadding コンテンツボックスの構成を理解する

marginとpaddingを理解し、box-sizingを使いこなそう

ブッ君CSSの基本的なことが分かったところで、いよいよ具体的なCSSの使い方を説明して行くよ！マー君お願いします！！ブッ君今回はmarginとpaddingについてだよ！かなり使用頻度が高く、重要な部分だからね。...

webookmark.net

2021.05.04

line-heightを理解して、余白調整を行おう

line-heightを理解して、余白を制する

ブッ君今回も余白に影響するプロパティを説明するよ！！マー君えっ！？余白はmarginとpaddingで調整するんじゃないの！？ブッ君まだまだCSSの勉強は始まったばかりだよ！！！落ち込んでる場合じゃないよ！...

webookmark.net

2021.05.04

fontプロパティを使用してテキストの設定を行おう

fontプロパティ：テキストの設定を理解しよう

ブッ君今回はテキストの部分の設定を紹介するよ！Web制作ではテキストの事をフォントと言うから覚えておいてね！マー君いよいよ「Web制作」って感じがしてきたね！！燃えてきたーーー！！ブッ君そうだね！デザインに大きく...

webookmark.net

2021.05.05

displayプロパティをマスターしよう

displayプロパティを使いこなして、レイアウトを思いのままに

ブッ君今回はdisplayプロパティだよ！初心者がつまずくことの多いこのプロパティは最初の難関かもしれない、少しややこしいものなんだけど・・・マー君ややこしいんだ。。。だいじょうぶかなぁ。。ブッ君やる前から落ち込...

webookmark.net

2021.05.06

positionプロパティをしっかり身に付けよう

positionプロパティを思い通りに使いこなそう

ブッ君今回はpositionプロパティ。これも初心者がつまずきやすいプロパティの一つで構造をしっかりと理解しておく必要があるよ！マー君今度はpositionプロパティか・・・少しずつ複雑になってくるね。ブッ君po...

webookmark.net

2021.05.08

backgroundプロパティを使おう

CSSのbackgroundプロパティを徹底的に身に付けよう

ブッ君背景画像はWebサイトを魅力的にする重要なプロパティだよ！マー君確かに背景画像がカッコイイWebサイトは魅力だね！！backgroundプロパティを徹底解説backgroundプロパティの基本...

webookmark.net

2021.05.08