見出し画像

【文系大学生がウェブサイト制作に挑む】細かいことは何も分からないけどウェブサイト作ってみた①

こんにちは。小角祈(こかどいのり)です。突然ですが,おしゃれなウェブサイトって良いですよね。

可愛い写真がたくさんあって,記事のサムネイルが綺麗で,統一感があるウェブサイトを見るとなんかワクワクしませんか?私はします。

だから思ったんです。「ウェブサイト作ってみたいな」って。そこで今回の企画を思いつきました。

画像1

そもそもウェブサイトってどうやって作るの?

ウェブサイトを作るには,大きく分けて3つのやり方があるそうです。

①全部自分で作る

②サービスを利用しつつ一部を手作りで作る

③便利なサービスを利用して簡単に作る

今回は,①を目指しつつ,どうしても難しそうであれば②に移行したいと思います。なぜそんなに手作りにしたいのか疑問に思う方もいらっしゃるかもしれませんが,理由は簡単で「コードを書けた方が何かかっこいいから」です。

ウェブサイトを全て自分で作るためには,以下のような手順を踏む必要があります。

①HTMLやCSSを使ってウェブサイトの骨組みとデザインを作る。

②ドメインを購入し,サーバー契約をする。

③サーバーにアップロード

聞き慣れない単語がたくさん出て来たので,まとめました。

画像2

画像3

厳密ではないと思うのですが,なるべく分かりやすくまとめてみました。参考にさせて頂いたサイト様には分かりやすく丁寧な説明が乗っているのでぜひご確認ください。(参考サイト様は本文の最後に掲載します。)

どんなウェブサイトを作るの?

今回は,主に本のおすすめ記事を掲載するためのウェブサイトを作りたいです。

トップページで本のジャンルや記事の内容などで区分けし,クリックした先に記事が並ぶというレイアウトにしたいと思います。細かい部分は後で変えるかもしれませんが,現状はこのレイアウトで考えています。

本,最近全然読めて無いんですけどね。読書リストまで作ったのに。

最後に

最後まで読んで頂きありがとうございました!

次回はおそらくサイトの骨組みに必要なHTMLを勉強するところから始めますので,気になる方はぜひフォローをお願いいたします!


【参考サイト様】


この記事が気に入ったらサポートをしてみませんか?