2015-07-01から1ヶ月間の記事一覧

HTML記述演習

HTML記述演習 【HTML課題01】 Products デザインの話 物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があります。歴史と…

HTMLの入力

記述の練習の準備 管理フォルダーを作成 Cドライブ直下に「自分の名前を英字」フォルダーを作り管理しなさい その中に「0807」を作り、データを管理します ※このとき、フォルダー名・ファイル名に日本語を使用しないこと! ブラウザに情報を表示するためには…

入力の練習とテキストエディター

HTMLの入力練習 日本語の入力練習も必要ですが、授業中の8割は欧文の入力になるため、欧文入力の練習をしましょう もちろん、最初からHTMLの入力の練習を始めてもよいと思います HTML&CSS|タイピング|mr100 Mac版Chromeには対応していないようです Webクリ…

パソコン病(VDT症候群)の予防・対策法

VDT作業における労働衛生管理のためのガイドライン 新しい「VDT作業における労働衛生管理のためのガイドライン」の策定について VDT症候群とは Visual Display Terminals

ブラウザ

ブラウザ 実際にはここに至る過程の中で、どのサイトを利用すればよいかなど、検索結果に対して何らかの判断をしています まず、知りたいことがあり 次に、検索をして その結果得られた情報が自分にとって必要か不必要かを判断する そもそも検索には、どのブ…

インターネットとは

インターネットへの道程 ハイパーテキスト(hypertext) 複数の文書(テキスト)を相互に関連付け、結び付ける仕組み ハイパーリンク:テキスト間を結びつける参照のこと 「インターネット = WWW」ではない WWWは、インターネット上の一機能でしかない WWW以前…

パソコンの操作

パソコンを使う パソコンの電源を入れる これは、2進数の「0(OFF)」と「1(ON)」を組み合わせて作られた記号です すべてのパソコンの電源記号は、統一されています。(ユニバーサルデザイン) マウスの操作 クリック マウスボタンを押して離す ダブルクリ…

パソコン内部の処理

処理の流れ パソコン内部では「マイクロプロセッサー」を中心としてデータのやり取りが行われています マイクロプロセッサーは、外部記憶装置のデーターをRAMに読み込み処理を行います 処理した結果は、RAMに記憶させ必要に応じて外部記憶装置に書き込みます…

コンピューターとは

ITパスポート ★ITパスポート試験★ITパスポート試験ドットコム★ITパスポート試験過去問題演習サイト★ITパスポート過去問道場★過去問題(問題冊子・解答例) コンピューターとは computer は、広義には計算機、狭義には計算開始後は人手を介さずに計算終了まで…

いま始めるべきこと

よく見る 誰かが作ったWebサイトをよく見る 見て気になったポイントを、記録しておく 見たことも無い「アート」を作る仕事ではありません。 ですから、先人の良い例をいっぱい見ることで、必ず得るものがあります。 記録する それを記録しておく 記憶にとど…

形を捉えるには

ゲシュタルトの法則 人間は近いものや似ているものをグループ化したり、閉じた図形を見出そうとする性向がある、という法則。 「要素が組み合わさることで全体が体制化される」という法則。 視知覚(目から得られる情報をもとに状態を把握するはたらき)に関…

ものを作るということ

『読む美術館』 山内宏泰(リアス・アーク美術館 主任学芸員)氏の資料を転載させていただいております。 形而下と形而上 「具象・抽象」と似た言葉で「形而下・形而上」という言葉があります。 ケイジカ・ケイジジョウと読みます。形而下とは「かたちのある…

点と点を繋げる

点と点を繋げるには 自分を大切にする 自分を大事にする姿は、他人に伝わる 愛車をていねいに扱うように、自分自身にも心を配る。ピカピカなクルマなら他人も大切に扱ってくれるように、自分を大切にしている人には、ていねいに接してくれるもの。周囲の人間…

受講の準備

心構え 6ヶ月の時間を有効に使うためのスケジュールを立てる ちょっと無理そうでも「こうなりたい」というイメージを持つ そうなるためには、何が必要か調べてみる やるべきことを書きだしてみる そして1日の時間の中でいつ実践するかを計画する 訓練受講…

実践演習 - アコーディオンパネル・モーダルウィンドウ

アコーデオンパネル Kitchenware Club お問い合わせ TOP Kitchen Club 製品情報 リンク項目その1 リンク項目その2 会社概要 取扱ショップ一覧 新着製品 Kitchen Clubオリジナル 厚手ガラスタンブラー・小 約280ml 梨地の丈夫な厚手ガラスです。 割れにくい…

3ヶ月目実践演習

CSS基礎演習 いままでの課題が提出できていない人 フォルダー名「cafe_自分の名前」を圧縮してメールに添付して提出 cafe67について おいしいケーキでほっと一息 カフェロクナナのケーキは毎日手づくり。 季節ごとにいろんな味を楽しめます。 まるでリビング…

HTML&CSSでつくるモーダルウィンドウ

HTML&CSSでつくるモーダルウィンドウ 「モーダルウィンドウ」とは、何らかの処理を行う際、ページ内で子ウィンドウを表示するためのウィンドウです。jQueryなどと連携して フェードイン、ポップアップするのが通例です。このブックではモーダルウィンドウの…

プランニング

ヒアリング あくまでもなごやかに、おだやかに 相手が話しやすいのは、ホームページのことではないと心得る 相手に考えさせてはいけない 仕事や環境のことを話しながら、ホームページへのヒントをこちらが見つけ出すこと ホームページに盛り込むテーマは、相…

Slider

SLIDERJS SlidesJS 3.0 <html lang="ja"> <head> <meta charset="utf-8"> <title>SlidesJS Standard Code Example</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="css/example.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <style> body {…</link></link></meta></meta></head></html>

匿名関数-写真ギャラリー

イベントハンドラメソッド(匿名関数) PhotoGallery (1)Photoshopで写真を準備する (2)ライブラリに読み込む オプションは、「レイヤーを次に変換:キーフレーム」 ムービークリップ内のタイムライン上に配置されます (3)必要があれば、「オニオンス…

固定レイアウト:パスタとワインの店

固定レイアウト パスタとワインの店 擬似クラス無し floatが重なった時の指定がポイント パスタとワインの店 アテラ concept pasta drink side access LunchPastaWine 現在実施中のキャンペーンやお得な情報 今日のパスタ Today's Pasta 今日の日替わりパス…

基礎 - まとめ

jQueryのおおまかな概念 「何かを取ってくる」→「それに何かする」 jQueryのバージョン jQuery 2.0 Beta 2 Released 1.x系と2.x系(IE6,7,8への対応は、条件コメントで) <script src="jquery-2.x.js"></script> jQuery Migrate plugin jQuery Migrate plugin jQu…

同じ処理を繰り返す:for文で描画

for文 同じ処理を何度も繰り返し実行する 「カウンタ」と呼ばれる変数を使って、「1回目」「2回目」と数えながら繰り返すことができる 繰り返す回数がわかっているときに使用する for( カウンタの初期化;繰り返しの条件;カウンタの増減 ) { 繰り返し実行…

クロスフェード

JavaScriptでクロスフェード jQueryのバージョンを確認する APIかダウンロードかを決める <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> Brand Spanking New <script> window.onload = function() { var cf = new Crossfader( new Array('cf1','cf2','cf3', 'cf4', 'cf5'), 500, 2000 ); } </script> 500はフェードエフェ…

画像置換-ライブラリ

ライブラリを利用 手軽に画像のロールオーバー効果を実装するJavaScript rollover.js ライブラリの読み込み <script src="js/rollover.js"></script> 画像には「class="imgover"」を追加する 「_o」が、付与してある同一階層の画像と置き替わります <html lang="ja"> <head> <meta charset="UTF-8"> <title>ナビゲーション</title> <link rel="stylesheet" href="css/style.css" media="all"> …</link></meta></head></html>

匿名関数-写真ギャラリー

イベントハンドラメソッド(匿名関数) PhotoGallery (1)Photoshopで写真を準備する (2)ライブラリに読み込む オプションは、「レイヤーを次に変換:キーフレーム」 ムービークリップ内のタイムライン上に配置されます (3)必要があれば、「オニオンス…

if文を使った反転

反転の考え方 (1)右に移動 右端までは移動速度が代入され続け、右に移動します onClipEvent (load) { var speed:Number = 10; //移動速度 } onClipEvent (enterFrame) { _x += speed; } (2)ステージの右端まで移動 右端のX座標を指定 右端のX座標を上回…

条件分岐

条件を見つける 連続的にムービークリップを右に移動する 右端まできたら左端に移動する 条件:右端まできたら 処理:左端に移動する if文 if( 条件式 ){ 条件式を満たしおこなう処理 } 前回作成したファイルに追加していきます。 load と enterFrame どち…

メソッドとイベント演習問題

HTMLとCSSの操作 複数プロパティ指定 以下のように表示するようjQueryを記述しなさい <body> <ul> <li>HTML</li> <li>CSS</li> <li id="third">jQuery</li> <li>PHP</li> </ul> </body> 要素の追加 以下のように表示するようjQueryを記述しなさい <body> <ol id="list"> <li>HTML</li> <li>CSS</li> <li>PHP</li> </ol> </body> ol要素を、id名「wrapper」でdiv要素で囲みなさい 以下のソースコ…

アニメーション効果

非表示の状態の要素を表示する show() $( セレクタ ).show( スピード ); アニメーションのスピードは「slow」「fast」のいずれか、またはミリ秒(1秒=1000ミリ秒)で指定します スピードの指定を省略すると、show()はアニメーションの処理をせずに、非表示の…