Help us understand the problem. What is going on with this article?

全くの初心者が1週間で小さなサイトを作った話

More than 1 year has passed since last update.

更新
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は基本さえわかっていれば苦労する部分はさほど無かったです。
あえて挙げるとするなら特殊文字関連
空白("&nbsp"), &("&amp")等

CSS
要素を3等分にして配置(要素を全体横幅からの%指定にする)
要素の場所を合わす方法(marginやpaddingを使う)
背景画像の半透明化(rgbaを重ねる)

作り終えた感想や反省

本当はRaspberry piを使ってサーバーを作りたかったのですが時間がなかったのでFC2HPで妥協しました。またサイトを作る機会があればRaspberry piサーバーで公開したいです。

今回使用したのはHTMLとCSSだけでしたが次回作る際はJavaScriptも勉強して使っていきたいです。

反省は今回制作したサイトはスマホからだとレイアウトが崩れてしまうので次回はその辺をちゃんと崩れないようにしていきたいです。

ここまで見てくださりありがとうございました。
それではまた次の記事でお会いしましょう。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away