★ウェブ制作チュートリアル

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

チュートリアルの概要

広告



このチュートリアルでは、架空の企業サイトを制作しながら、HTMLとCSSの使い方を学習していきます。
手順通りに制作を進めていただければ、以下のサンプルサイトと同じものが完成します。

サンプルサイト:ウェブサンプル株式会社

全30章なので1日1章すすめれば約一か月でHTMLとCSSがそこそこ身に付きます。

チュートリアルの目次

第1章 ウェブサイトの制作を始める前に

第2章 HTMLファイルを作成する

第3章 HTMLで情報の意味付けをする

第4章 CSSで文字スタイルを指定する

第5章 リスト要素でメニューを作る

第6章 メインメニューのリンクを指定する

第7章 メインメニューのスタイリング

第8章 背景色を指定する

第9章 背景画像を指定する

第10章 画像の表示

第11章 フロート配置

第12章 ページ内リンク

第13章 段組みレイアウト

第14章 サブメニューのスタイリング

第15章 見出しのスタイリング

第16章 内容挿入・余白調整

第17章 テーブル(表)を作成する

第18章 テーブルのスタイリング

第19章 フォーム入力画面を作成する

第20章 フォームのスタイリング

第21章 フォームサービスを利用する

第22章 動画を表示する

第23章 スマートフォンへの対応

第24章 スマホサイト向けスタイル

第25章 メールリンク、TELリンク

第26章 印刷用のスタイル

第27章 アクセスアップのための対策

第28章 ウェブサイトの公開

第29章 HTML・CSSソース全文

【番外編】 第30章 PHPでメール送信フォームを作る

完成したサンプルサイトのダウンロード

完成したサンプルサイトのダウンロード(6MBくらい)

https://www.htmq.com/tech/tutorial/sample/htmq_tutorial_samplesite.zip

※データを軽くするために動画ファイルは含まれていません。
※また、メール送信フォームは動かないようにしてあります。
公開にあたって

このチュートリアルは、「TECHNICAL MASTERはじめてのHTML+CSS / 秀和システム」という書籍の内容を再構成したものです。

この書籍は、私が著者として原稿を執筆したもので、2013年5月23日に発売され、2017年3月17日に絶版となりました。
絶版をもって出版社さんとの契約有効期間が終了しましたので、一部修正を加えたうえで公開いたします。

出版社さんに作成していただいたイラストなどは私には権利がありませんので、それらは省いてあります。
出版社さんにお渡しする前の私自身が作成した原稿や資料部分のみの公開です。

2017年10月1日
広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
56 users signed up
もっと表示する