ウェブ制作入門講座について
自分自身がウェブの”制作”については入門レベルなので、入門講座しか行えていないのですが…(笑)とはいえ、ウェブ業界に入りたいという意思を持った学生に、自分の知識範囲だけでも詰め込み式で教え込んでガンガン案件を任せていくのはなかなか楽しいものなのです。
いつかPowerpointのスライドをウェブページベースに加筆して公開したいと思っております。
ウェブ制作入門講座目次
第一章:インターネット技術の基礎
- ウェブは何でできているか?
- HTMLの基礎文法と存在意義
- CSSの読み込み存在意義
- エディターと文字コード
- ブラウザによる検証
- ローカル環境とサーバー環境の基礎
- ドメインとIPアドレスによってページが表示される仕組み
- 動的スクリプトとデータベース
- ディレクトリ指定の方法とサブドメイン
- サーバーとドメインの調達
章末課題:自分のブログを用意しよう
第二章:Wordpressの設計を理解する
- postとtaxonomy
- 階層性の有無とarchive
- カスタム投稿タイプの存在意義
- テーマの設計思想
- ウィジェットとメニュー
- プラグインの設計思想
章末課題:何をいじれば良いと思いますか?
第三章:HTMLマークアップの行い方
- 要素と属性
- 基本的なHTMLタグ
- HTMLにおける表組み
- ビジュアルエディタ―によるフォーマット化
章末課題:原稿をマークアップしてみよう
第四章:CSSの基本概念
- セレクタとプロパティ
- idとclassによる位置特定
- セレクタの入れ子
- セレクタの詳細度
- OOCSSと空要素によるグルーピング
- CSSのボックスモデル
- インラインレベル要素とブロックレベル要素(displayプロパティ)
- floatプロパティ
- positionプロパティ
章末課題:完成図を見ながら適切にグルーピングしよう
第五章:コーディングの手法と実践
- WordPress子テーマの作成
- よく用いられる単位
- カラーコードの書き方
- スペースと改行について
- コメントの入れ方
- プログレッシブエンハンスメント
- 条件分岐コメントによるIE対策
- CSSハックによるIE対策
- 画像素材の調達方法(切り出し・フリー素材の紹介)
- 各種プロパティの解説(CSS3含む)
章末課題:パーツ作り千本ノック
第六章:Wordpress用テーマ作成の手法
- テーマファイルの構成を理解する
- デフォルトテーマのPHPファイルを読解する(header~function.php)
章末課題:実際にカスタマイズしてみよう
- カテゴリーアーカイブ条件分岐
- カスタム投稿タイプ実装
- カスタムフィールド実装
第七章:アウトプットの価値を高める考え方と手法
- CMSのビジネス価値を理解する
- 良い見積書の制作フェーズにおける役割
- フロントエンドエンジニアの責任範囲とワークフロー
- WordPressで行えるSEO対策手法
- 非技術者向け管理画面の設計手法
- ビジュアルエディター
- ショートコード
- テンプレート
- 見た目の連動
- ビジュアルエディター
- ソーシャルメディア対応の設計手法
- CMSを考慮したサイトマップ設計
章末課題:案件を取ってきなさい(※冗談みたいなものです)