コンピュータ基礎演習３
- 第１回 Webデザインの現在と未来（4月9日）
- 第２回 HTML基礎（4月16日）
- 第３回 Dreamweaverの基本[マークアップ]（4月23日）
- 第４回 スタイルシートその１[テキストの装飾]（5月7日）
- 第５回 スタイルシートその２[レイアウト基本]（5月14日）
- 第６回 スタイルシートその３[段組みレイアウト]（5月28日）
- 第７回 XHTML + CSS 総合課題（6月4日）
- 第８回 Fireworksの基本[Web用画像の作成]（6月11日）
- 第９回 写真の編集と背景の設定[インライン画像と背景画像]（6月18日）
- 第１０回 ボタン画像の作成とリンク[スライス機能]（6月25日）
- 第１１回 ロールオーバーの設定[フレームとビヘイビア]（7月2日）
- 第１２回 テンプレートの作成と編集（7月9日）
コンピュータ基礎演習４
第１回 Webデザインの現在と未来（4月9日）
現在のWebデザインの流れ
Webデザインは日々変化し続けています。時代のニーズに応えるために様々な技術が開発され、デザインの手法も進化しています。
最近特に重視されているのが「美しいコード」です。このコードとはWebページを作成する言語であるHTMLのコードを指します。Webページの要素には大きく分けると２つあり、ひとつは見た目を決めるグラフィックデザイン、もうひとつは構造デザインと呼ばれるものです。
グラフィックデザインは人間のために行うものですが、構造デザインはコンピュータのために行います。何故、コンピュータのためのデザインが必要なのか？それを解く鍵は次に挙げるキーワードが握っています。
現在のWebデザインを象徴するキーワード
現在のWebデザインにおいて欠かす事のできない、いくつかのキーワードがあります。
- SEO (Search Engine Optimization)
- 9割近いユーザが検索エンジン経由でサイトを訪れている。
- 検索サイトで上位に表示されればアクセス数の増加が見込める。
- 検索サイトはどういった基準でサイトを評価するのか？
- ブログ (weblog)
- ブログの普及はWebデザインにおける大きなターニングポイントとなった。
- ブログはどういったところが優れているのか？
- CMS (Contents Management System)
- ブログもCMSの一種である。
- CMSを導入することでどういったメリットがあるのか？
- XHTML + CSS (Extensible HyperText Markup Language + Cascading Style Sheets)
- 現在のWebサイトで主流となっているコーディング方法。
- 構造とデザインを完全に分離するのが大きな特長。
教材のダウンロード
HTMLの文法チェック