2016-08-01から1ヶ月間の記事一覧

ループ処理

while文 条件式が真なら{ }内の処理を繰り返します。 書式 while( 条件式 ) { 繰り返す処理 } 条件式:if文と同様に真(true)・偽(false)で表せる値や式 繰り返す処理の中に条件式が偽になる処理を必ず入れます。そうしないと無限ループになってしまいます。 …

switch文

switch文とは 数値または文字がラベルと同じかどうかを判断し、同じだった場合その部分処理だけ実行します。 if文と違い条件式は書けません。 処理のあとのbreak文は必ず入れます。break文がないとすべてのcaseを判断してしまいます。無駄な処理を行うだけで…

Dreamweaverの正規表現

正規表現(Regular expression)とは? 文字列のパターンを表現する表示法で、文字列の検索・置換を行うときなどに利用されます。 (活用例) 住所や電話番号、メールアドレスなどの入力データが正しいかどうか確認できます。 正規表現の書き方 文字列とメタ…

イベントハンドラ

イベントハンドラとは マウスポインタが「上に乗った」、「クリックされた」というような出来事のことをイベントといい、そのイベントに応じて何かを実行させるプログラミングモデルのことをイベントドリブンといいます。イベントハンドラはイベントに対して…

JavaScriptのプログラム実習

プログラムリスト 和暦を西暦に変換するプログラム 偶数・奇数の判別プログラム 標準体重を求めるプログラム 男性か女性かの入力をして標準体重を求めるプログラム 季節を求めるプログラム 和暦を西暦に変換するプログラム <body><script type="text/javascript">var heisei;var fullyear;var mess</body>…

CSS3のグラデーション

線形グラデーション 上から下へのグラデーション HTML<div id="box1"></div> CSS#box1 {width: 300px;height: 100px;margin: 50px auto 0;background-color: #F36;/*グラデーションが効かないIE8のため*/background:-webkit-linear-gradient(top, #F36, #FCC);/*Android標準ブラウ…

if分を使った条件分岐

if文 条件の一致ー>真:true 条件の不一致ー>偽:false if文 if ( 条件 ) { 条件が真であれば実行される処理 } if else文 if ( 条件 ) { 条件が真であれば実行される処理 } else { 条件が偽であれば実行される処理 } if else if文 if ( 条件1 ) { 条件1…

JavaScriptの基礎

JavaScriptとは? Webブラウザー上で動作するスクリプト言語であり、ソースコードを上から順に1行1行実行するインタープリタ方式の言語です。 変数 変数は箱と考えます。箱の中にはいろいろな値を入れることができます。 値:数値、文字列 変数につける名…

自己理解・他者理解

ジョハリの窓 自分の強み(ー>仕事探し)と弱み(ー>対策) ジョハリの窓 自分で自分を知っている 自分で自分を知らない 他人は自分を知っている ①パブリック(開かれた窓)②ブラインド(気づかない窓) 他人は自分を知らない ③プライベート(秘密の窓)④…

ジョブカード

ジョブカードの書き方 ジョブカードとは”キャリアの棚卸し” ジョブカードの対象者 新卒者(卒業から3年) 転職 長期(1年以上) 「キャリアプランシート」(様式1-1)の書き方 ふりがな:ひらがな 生年月日:元号、西暦(Web関連多い)併用で記入 現住所…

Photoshopによるスライス実習

既存サイトを真似して作るのは良い学習方法であり、スライス実習には960グリッドシステムで作成してあるサイトが向いています。 既存サイトの画面をキャプチャーし、Photoshopを使って画像をスライスして分割された画像を別々に保存します。 スライスの作業…

Illustratorでロゴ作成

アピアランス機能とブラシを使ってロゴを作る 新規ドキュメントの準備 カラーモードをCMYKにする 環境設定ー>単位ー>線をポイントにする ロゴにする文字を入力 文字の入力 アウトラインを作成 グループ解除 文字の変形 説明 メニュー「書式」ー>「アウトラ…

CSS3プロパティ

テキストの装飾 text-shadow テキストに影をつける text-shadow:x方向の距離 Y方向の距離 ぼかし幅 影色; 1 ドロップシャドウ text-shadow: 2px 2px 3px #999; 2 グロー(光彩) color: #FFF;text-shadow: 2px 2px 3px #999; 3 べベル(浮き出し) color: #…

CSS3の概要

CSS3でできるようになること classやidに頼らないセレクタ作りが可能になる CSS3だけで表現できるデザインの幅が格段に広がる 簡単に柔軟な多段組を実現できる CSSだけでウェブに「動き」をつけられる Webフォントをサポート ウィンドウやデバイス画面サイズ…

複数ページの作り方

複数ページでサイトを作る際のフォルダー構成 ページ毎にフォルダーを作り、各フォルダの中のHTMLファイルは必ず index.html という名前にする。 CSSフォルダにはすべてのCSSファイルをまとめる。 imgフォルダにはすべての画像をまとめる。 上記のフォルダ構…