②[Illustator] ペンギン画像を作成

受講ノート HTML/CSS

[CSS] HTML5でグリッドスタイルのページを作成 [Illustator] ペンギン画像を作成グリッドスタイルのページを作成【見本】【HTML/CSS模範例】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>演習：HTML5でCSSレイアウト</title> <style> article, section, figure, header, nav { display: block; } </style> </meta></head></html>

2014-03-26

3/26 [JavaScript] For文

受講ノート

JavaScript For文の練習 For文とは、プログラムで指定した回数分だけ繰り返し処理を実行させるための構文です。 For文の書き方 For文は以下の基本構文に従って書きます。 for ( 変数の初期値；繰り返し条件；変数の変更 ) { 実行される処理}参照： http://…

2014-03-24

3/24 ①HTML5, ②検索エンジン対策

受講ノート受講ノート-HTML/CSS

【本日の授業】 1. HTML5 2. 検索エンジン対策 3. ペーパーテスト（午後） HTML5とは？これから普及していくと想定される。問題は、IEの対応遅れ。 IEが対応すれば、HTML標準になる。特徴高機能を実現記述がかなり難しい簡略化できる点も多い（理論上…

2014-03-20

3/20 カラムレイアウトの設計C

受講ノート

- カラムレイアウトの設計[CSS] 今日はこちらのレイアウトを作成しました。上が見本、下が自身の習作です。【見本】【習作】【講師アドバイス】今回のポイント不透明度の指定rgba を使うと不透明度を指定できる今回の場合、h1箇所のdiv要素に不透明度を…

2014-03-18

3/18 カラムレイアウトの設計B

受講ノート HTML/CSS

- カラムレイアウトの設計[CSS]【見本】今日の課題は以下のレイアウトを再現すること【習作】以下、自身の習作です。自己の感想：見比べてみると、フォントの種類・サイズ、レイアウト内の間隔等、まだ修正の余地があることに気づきます。なお、以下が…

2014-03-17

3/17 [Photoshop] ポラロイド風画像

受講ノート受講ノート-Photoshop ソフトウェアソフトウェア-Adobe ソフトウェア-Adobe-Photoshop

本日の授業テーマポラロイド風画像 (Photoshopで作成) ポラロイド風画像 (Photoshopで作成) 本日の演習は、Photoshopを使ったポラロイド写真風画像の作成です。詳しい作り方手順は、以下リンク先の解説の通りです。「ポラロイド風イメージ」の検索結果 - We…

2014-03-15

3/15 [JavaScript] 画像置換

受講ノートプログラミングプログラミング-JavaScript 受講ノート-JavaScript

本日の授業テーマ [JavaScript] 画像置換本日の学習内容【演習】サムネール画像にマウス移動すると、メインの画像が置換されるようにする[ポイント] JavaScript onmouse属性を使用したロールオーバー要素に直接画像置換命令を記述 [習作] [ソース] <html> <head> <meta charset="utf-8"> <title></title></meta></head></html>…