IKIDISHIKIはじめにここでは、「Webサイトを作りたい」「自分のポートフォリオサイトを作りたい」という方に向けて無料で制作方法を解説しています。初心者向けですので、中級者以上の方は物足りなく感じるかもしれませんが、ご了承下さい。制作に入って行きましょう。ちなみに質問はTwitter・メールにて承っております。デモサイトWebサイト制作の基本のきまず、サイトを作るにあたって何が必要なのか、そしてどんな流れで制作していくのかを理解しておきましょう。Web制作の流れと必要なもの【イラスト付き】まず用意しておくもの早速制作に入る前に下記の2つを用意しておきましょう。Textのダウンロード方法【Mac・Windows対応】HTMLの書き方【全2回】ここから実際に制作に入っていきます。サイト作りの基本となる「HTML」を理解しましょう。ポートフォリオサイト:HTMLを使ってサイト制作ポートフォリオサイトのHTMLの書き方【part2】CSSの書き方HTMLで土台を作ったらCSSで装飾していきましょう。CSSを使うとグッとサイトっぽくなるので、ぜひチャレンジしてみてください。ポートフォリオサイトのCSSを追加【基本も紹介】JavaScript・jQueryの書き方この記事ではJavaScriptではなく、jQueryを用いて解説しています。jQueryを覚えるとサイトに動きをつけることができるので、ぜひ取り入れてみてください。ポートフォリオサイトをJavaScript(jQuery)使って動きを出していくポートフォリオサイトの下層ページを作る下層ページとは、商品一覧ページや商品ごとのページなどのことを言います。ここでは、デモサイトのWork(作品)の「作品一覧ページ」・「作品別ページ」を作っていきます。ポートフォリオサイトの下層ページを作るポートフォリオサイトのプロフィールなどのデザイン3パターンデモサイトのAbout(プロフィール)・Work(作品など)のデザインを変更するHTML・CSSを3つ紹介します。ポートフォリオサイトのデザインパターンドメイン・サーバーの設定サイトの住所や土地となる役目を持つドメインとサーバーを開設していきます。これをしないとスマホやパソコンで見ることができないので、必ず開設しておきましょう。IKIDISHIKI.。