読者です 読者をやめる 読者になる 読者になる

【STEP7】画像を貼り付ける

画像の表示を学ぶ 素敵なwebサイトを作成するのに、画像の使用は絶対である。 はてなブログを使用していれば、画像の挿入に関しては特に悩むことはないだろう。ただ形式の自由な、お洒落なwebサイトをほかに作りたいと思うならば、別だ。しっかりと学んでお…

【STEP6】Google Fontsでお洒落な英字を使えるようにする

Google Fontsとは 今回は「Google Fonts」というフォントサービスを使い、自分の好きなデザインのフォントをwebページで使用する方法を学んだ。 無料でこれほどの数の英字のフォントが使える方法があると知らなかったので、とても驚いた。この先どんどんと活…

【STEP5】角を丸くする方法

今日学んだこと 今回は角を丸くする方法を学んだ。 ヘッダーや記事、フッターだけでなく画像の角を丸くするときなどいろいろと応用ができそうである。 今回も引き続き、以下のテキストを進めていく。 HTML5&CSS3レッスンブック 作者: エビスコム 出版社/メー…

【STEP4】影を付ける方法

今日学んだこと 今日はボックスに影を付ける方法を学んだ。影を付けることで、デザインに立体感や高級感が増すということもあると思うので、しっかりと覚えておきたい。 今回も引き続き、以下の本を進めていく。 HTML5&CSS3レッスンブック 作者: エビスコム …

【STEP3】線で記事を囲む、余白の調整をする

今回の学習内容 前回は背景の色を、ヘッダー、記事、フッターと色分けする方法を学んだ。 今回は、それらの要素を色のついた線で囲む方法を学ぶ。きちんと線で囲むことによって、サイト全体の印象がきりっとしまったものになるとも思うし、はてなブログのカ…

【STEP2】背景の色を変えて、配置を決める

背景色の変え方を学ぶ 真っ白なページのままだと、いかにも素人が作ったページという感じが否めない。色を足すだけで随分とまともになる。今まではてなブログのカスタマイズを参考に、見よう見まねで適当にやってきたが、参考書として使用しているHTML5&CSS3…

【STEP1】基本的なページの作成をしてみる

HTMLの基本に挑戦した感想 今日はまずHTML5&CSS3レッスンブックのチャプター1を終わらせた。大学の教養科目の中で、少し勉強した記憶があったことと、最近でははてなブログのデザインに少しこだわっていたこともあり、内容がすんなりと頭に入ってきた。 今…

webデザインを独学で初めるにあたっての決意

当ブログの目標 今日からwebデザインを独学で勉強してみようと思う。自分の性格から考えるに、途中で挫折してしまう可能性が高い。その予防線として、当ブログを活用していきたいと考えている。独り言のような記録ブログになる予定だが、同じようにwebデザイ…