更新
2017/4/10
Azureを利用できることを知ったのでそっちで公開しました。
私がそもそもHTML, CSSを学ぼうと思ったのはPythonでDjangoフレームワークを使ってみたいなぁとかなんとなく思ったときに、そもそも使うサイトが無ければ使う理由が無いじゃないか!てな感じでノリで勉強を始めたのでそれの一環としてサイトを作りました。
今回はHTMLとCSSのみで作りました。なので動的なサイトではありません。
私が作ったサイトの内容
サイト(FC2): JUN's portfolio
サイト(Azure): JUN's portfolio
サイト内容としては軽いWebポートフォリオを目指して作りました。
使用したソフトやサイト
サイト
ドットインストール HTML, CSSの基礎はここで勉強しました。
optimizilla サイトに画像を載せるに画像サイズを小さくする際にお世話になりました。
HTMLクイックリファレンス わからないことがある際にはこのサイトを見てました。
FC2ホームページ このサイトを使って公開しました。
ソフト
Atom 私の愛用しているテキストエディタです。
GIMP 画像の編集はすべてこれで事足ります。
苦労した点
HTML
HTMLは基本さえわかっていれば苦労する部分はさほど無かったです。
あえて挙げるとするなら特殊文字関連
空白(" "), &("&")等
CSS
要素を3等分にして配置(要素を全体横幅からの%指定にする)
要素の場所を合わす方法(marginやpaddingを使う)
背景画像の半透明化(rgbaを重ねる)
作り終えた感想や反省
本当はRaspberry piを使ってサーバーを作りたかったのですが時間がなかったのでFC2HPで妥協しました。またサイトを作る機会があればRaspberry piサーバーで公開したいです。
今回使用したのはHTMLとCSSだけでしたが次回作る際はJavaScriptも勉強して使っていきたいです。
反省は今回制作したサイトはスマホからだとレイアウトが崩れてしまうので次回はその辺をちゃんと崩れないようにしていきたいです。
ここまで見てくださりありがとうございました。
それではまた次の記事でお会いしましょう。