2017
05.01

無料配布HTML5とBootstrapテンプレートの解読 – oswt & onassis

HTML, HTML5

以前から(3年前)使わせて頂いている、oswt.co.uk で配布されている無料テーマ

と最近見つけた、無料のBootstrapテーマについて、初心者の方向けに解説したいと思います。

ひとつめはoswt.co.ukのFree Bootstrap Template – Respond から

こちらをインストールして、書き替えながら解読したので、簡単ではありますが

ポイントを掴んで頂けるように、解説してみます。

コードを理解、習得するのはやっぱり実践が一番。

まずはRespond

こちらですが、phpファイルで構成されていて、今現在はダウンロードも出来ない様子。

私が初めて自分のPCにダウンロードしたときは、出来たのですが、

なぜか空ファイルしかダウンロードできない。

私のPCの不具合なのか、あちらの不具合なのか、まだ謎です・・。

書き替える所は、用途によって変わってくると思いますが、

今回は写真のポートフォリオサイトとして使っています。

初心者の方でも「自分の好きなこと特集」みたいなサイトとして使えるかと思います☆

要は、写真とテキストを書き替えるだけであり、写真を書き替えるには

写真の名前を変更するだけです。

写真は、綺麗なものだったら何でも載せても大丈夫かと思いますが

テキストはあまり変な事を書けないので、じっくり考えて公開することをオススメします。

私のサイトは、まだほぼ前のままになっています。

他にも沢山無料テーマがあり、無料写真も一緒にダウンロードが出来るので、

練習台としては大活躍するものばかりです。 ↓

Free Bootstrap Template

コンタクトページも私が公開しているテンプレートのソースをコピペすれば、

簡単に本番として使えます。

Respond 1.5 By Yukyco

不明点については、ぜひそのコンタクトページから送って頂けると嬉しいです!

Respond 1.5 – contact to Yukyco

Bootstrap onassis

そしてふたつめ、今よく見かけるフラットデザインの無料テーマを見つけたので

こちらも解読してサイトを作ってみましたので、公開したいと思います。

無料テーマのダウンロードは こちらから

こちらも編集は簡単です・・とは言え、

見慣れないソースに最初は戸惑うかも知れませんが

同じソースが使われていますので、どのソースがどの画像に使われているのか

を理解すれば、本当に簡単です。

もしHTML5の基本を忘れたのなら、過去の投稿にありますので

復習して、ぜひこの機会に自分のものにすることをお勧めします☆

こちらの方が今風LPなどにも使えるので、簡単に作りたい人にオススメです。

今回も英語ばかりのサイトになっていますが、もちろん日本語で書いても構わないし、

好きな様に趣味のサイトとしても使えます。

色んな無料テーマを使って、実践を重ねていく事でかなりスキルアップできます。

ゴールデンウィーク、何をしようか迷っている方、作ってみられてはいかがでしょうか☆

Theme Geneva  By Yukyco

最後までお読みくださりありがとうございました!

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。