旅インプットファイナンス時事ネタその他GRAYCODEについてお問い合わせプライバシーポリシーサイトポリシーfacebookTweethatenaline2019.12.17ワークショップVOL01HTML入門WEBサイトを作るこのワークショップはWEBサイトに必要なものを1からから解説し、HTMLとCSS(スタイルシート)の基礎をしっかり学習して、自分でWEBサイトを作成・公開まで行います。このワークショップの対象者と目的、やること/やらないこと、そして全体の流れを紹介していきます。WEBサイトを作る」は、次のような方を対象としています。目標はHTMLとCSSの基礎を身に付けることと、WEBサイトの公開に必要なものを自分で用意できるようになることです。このワークショップでは1つずつ自分で手を動かしながら、WEBサイトを公開するまでの一通りの流れを身に付けられるような構成となっています。ソースコードなどはコピペもできますが、できる限り自分で打つようにしてください。ワークショップでやること/やらないことこのワークショップのコンセプトは「HTML/CSSの書き方を身に付けて、WEBサイトとして公開する」です。そこで、あらかじめやること/やらないことを明確にしておきます。このワークショップでやることからお伝えします。やることHTMLマークアップCSSコーディングサーバーの契約と設定サイト公開HTMLとCSSを用意することは必須ですが、先述の通りWEBサイトを誰もが見れる状態にするためにはサーバーも必要です。このワークショップではサーバーも自分で手配して公開するところまではカバーします。続いて、このワークショップではやらないことをお伝えします。やらないことWEBサイトのデザインの作成JavaScriptの導入レスポンシブ対応WordPressなどのCMS導入HTMLとCSSの基礎に集中して取り組むため、WEBサイトのデザイン制作についてはあらかじめ用意したものを使って進めていきます。付加機能となるJavaScriptの実装、様々なデバイスで表示を最適化するレスポンシブ対応は行いません。System)の導入も行いません。WEBサイトの根幹となるHTML/CSSのコードを自分で作れるようになることを目指していきましょう。ワークショップの流れこのワークショップの全体的な流れを、目次形式で紹介します。上から順に進めていくことを前提としています。文法と書き方HTMLの書き方HTMLに必ず必要な5つの要素HTMLファイルを作るCSS(スタイルシート)の基礎CSS(スタイルシート)とはCSSを書く場所CSSの書き方WEBサイトのデザイン作成するWEBサイトを考える構成を書き出すデザインを作成するHTMLファイルを作成するデザインからHTML構造を考えるデザインから画像を切り出すHTMLをマークアップCSSを作成するHTMLファイルにCSSを書くリセットCSSを適用するヘッダーのCSSを書くid、class、要素名のセレクタを使うCSSを書くCSSの解説コンテンツのCSSを書くCSSを書くCSSの解説フッターのCSSを書くCSSを書くCSSの解説2ページ目を作成する2ページ目のHTMLファイルを作成デザインからHTMLをマークアップするCSSを外部ファイルにするトップページのCSSを外部ファイルにする外部ファイルのCSSを読み込む2ページ目も同じCSSを読み込む2ページ目のCSSを書くコンテンツのCSSを書くCSSの解説3ページ目を作成する3ページ目のHTMLファイルを作成デザインからHTMLをマークアップするCSSを読み込む3ページ目のCSSを書くコンテンツのCSSを書くCSSの解説サーバーを用意するサーバーの種類レンタルサーバーを契約するドメインを確認するサイトを公開するFTP接続をするサイトのファイルをサーバーにアップロードするブラウザで表示する次回からはまずWEBサイトに必要なものから確認していきます。こちらの記事は役に立ちましたか?GoodBadありがとうございます。よろしければ、あわせてフィードバックや要望などをご入力ください。コメント送信コメントありがとうございます!運営の参考にさせていただきます。)PHP2019-11-16フォームの基本構造を作成するPHP2019-11-16はしご高など旧字体漢字の文字化けを防ぐRECOMMEND遅いインターネット評論家の宇野常寛の新著。2018年頃から提唱されている「インターネットによって失った未来をインターネットによって取り戻す」をテーマにした本書が、いよいよ2月20日から書店に並びます。宇野さんがずっと温めてきた構想が詰まった1冊なので、個人的に非常に楽しみにしている一冊です。