2012-05-01から1ヶ月間の記事一覧
授業用の架空サイトを2日間かけて作成ものです。 トップページ <html> <head> <meta charset="utf-8"> <title>Wants Cake</title> <link href="css/base.css" rel="stylesheet" type="text/css" media="screen,print"> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen,print"> </head> <body> </body></html>
確認テスト（１）と（２）の解答です。 確認テスト（1） Webページについて 1.htmlタグ 2.スタイルシート（CSS） 3.アップロード 4.ダウンロード 5.インターネットブラウザ 6.IE（Internet Explorer）、FirefoxHTMLの基本 1.＜!DOCUTYPE HTML＞ 2.title 3.h1…
Adobe Flash Pro (Action Script2.0) クラシックトゥイーンを使ったスライドショーの作成 授業の補足 トゥイーン トゥイーンとは英語の"in between"に由来している。タイムラインを使ってインスタンスのアニメーションを作成する機能のことをいう。 Flash CS…
HTML/CSS ヘッダー部のレイアウト position属性またはfloat属性を使って横並びメニューを作成 Photoshop CS5.1 グラデーション作成 オリジナルのグラデーションを作成し、スタイルに登録 Illastrator CS5.1 ワイヤーフレームでレイアウトパターンを作成 好き…
Dreamweaver CS5.5 「速習Webテクニック スタイルシート 上級レイアウト」を使ってサンプルレイアウト 速習Webテクニック スタイルシート 上級レイアウト 河内正紀 - 技術評論社 CSSの記述 vertical-align属性 一行に違う高さの文字が混在したしている時に、…
Dreamweaver CS5.5サーバとFTP接続ホームページを作成するにはhtmlファイルをアップロードできるサーバが必要となる。ここでは例として、ロリポップ（http://lolipop.jp/）のレンタルサーバと契約しDreamweaverを使ってFTP接続をしてみる。 「サイト」→「サ…
Flash ボタンアクションをつかったFlash作成（Action Script2.0） まず動画をつくり、1フレーム目をアクションパネルにて"Stop()"を記述し止めておく。 「挿入」→「新規シンボル」にてボタンを指定。 ボタンを作成した後に以下の４つを指定する。（※ボタン内…
Flash flashとは、音楽や画像を使ってアニメーションや動画・ゲームを作成するソフトウェア、ならびにそのコンテンツである。Webコンテンツとしても親和性が高く、代表的なものにYoutube、ニコニコ動画などの動画配信がある。拡張子は.swfである。 このSWFフ…
HTML構文 基本的なフォームの作成 インターネット上でユーザーからのデータを収集するために、入力用の項目を作成するときに利用される。 form要素 データを受け取るプログラムのURIを指定するaction属性（必須）と、データの送信方法を指定するmethod属性が…
Photoshop CS5.5 選択範囲の応用 動物や人の毛のように非常に細かくてパスや切り取りしにくい素材の場合、境界線の調整を使うことによって綺麗に仕上がる。 自動選択やクイック選択ツールを使って、対象を大まかに選択 選択ツールのオプションバーにある「境…
Photoshop CS5.5 補正 レベル補正 「イメージ｣→「色調補正」→「レベル補正...」コントラストを強くするときに使用する。 真ん中にあるヒストグラムの白の三角印（ハイライトポイント）と黒の三角印（シャドウポイント）を山型のそれぞれの始点あたりまで移動…
Dreamweaver CS5.5 CSSの管理 新しいファイルを手動で入れたときは、ファイルの更新を押すと表示する 横ナビ (リンク入り)横並びメニューの作成するには以下の2通りがある まずメニューの親要素に{overflow: auto;} ul {ist-style-type: none;} li {float: l…
Dreamweaver CS5.5 初期設定が重要になる 起動 ウインドウ-ワークスペースのレイアウト-コーダーに設定 サイト-サイトの管理-新規作成として、サイト名（固有名詞で作成）とローカルフォルダを指定 左側に表示されるフォルダより、使用するhtmlファイルをダ…
CSS03とCSS04の解答です。 【CSS03】 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
講義9日目のまとめです。 Jimdoを使ってホームページ作成 Jimdo（無料版）への登録 セキュリティの面でパスワード変更は必須 タイトルおよびサブタイトルの記述 上位表示するにはトップページのタイトルの記述に注意する タイトル： キーワード、サービス、…
cssの記述 floatプロパティ floatとは適応した要素が浮き出した状態になることで、後に続く要素がその反対側に回り込んだ形で表示される。 またfloatプロパティでブロックレベル要素を左右に寄せる場合は、widthプロパティによって幅を指定することが必須と…
講義7日目の受講内容と課題の解答です。 Illustrator Web素材に使用するマークおよび背面の作成 形状を作成 グラデーションツールなどを使って色を塗る 変形ツールで必要な大きさにリサイズ ピクセルプレビューでアンチエイリアスを直す 必要な部分を四角で…
講義6日目と課題CSS12〜15の解答です。 CSSの記述 list-styleのプロパティ list-style-type リストのマーカーを指定するプロパティ ulやolに指定する（※liに指定は間違いではないが避けた方が良い） [値] none : マーカーを消す disc : 黒丸 ● circle : 白丸…
講義5日目のまとめです。 CSSの記述 HTMLは文書構文を受け持ち、CSSはレイアウト（体裁）を受け持つもの。 CSSには、 外部リンク（拡張子.css） エンベッド(htmlのHead部分にスタイルシートを組み込む） HTMLの本文の要素内に組み込む の3種類があり、優先順…
CSSの課題を自分なりのペースで解いていこうと思います。 【CSS01】 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>
CSS課題の続きです。 文字の修飾 【CSS08】 <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>【CSS08】の問題</title> <style type="text/css"> </meta></head></html>
【CSS01】 <html> <head> <title>CSS1</title> <style Type="text/css"> <!-- h1 { font-size: 40px; color: #009f00; } h3 { color: #ffffff; background-color: #004477; } p { color: #0000ff; } --> </style> </head> <body> <h1>style要素</h1> <h3>styl…</h3></body></html>
HTMLの記述 DOCTYPE宣言 その文書がどのバージョンのHTMLで、どの仕様に従って作られているのかをブラウザに伝えるためのもので、現在は主に以下のものを使う HTML 4.01（古いブラウザに対応する場合） HTML5 XHTML1.0 3種のDTD DTD（文書型定義）とは、その…
【HTML04】の解答です。 <html> <head> <title>【HTML04】の課題</title> </head> <body> <h1>Layout Workflow</h1> <ul> <li><a href="">NavigationA1</a></li> <li><a href="">NavigationA2</a></li> <li><a href="">…</a></li></ul></body></html>
講義3日目のまとめです。 アドレス address:アドレスタグは、その文書に関する連絡先・問い合わせ先を表す。指定された文はイタリック体で表示される。 リンク <a href="リンク先のアドレス" target="_blank" alt="" title="マウス停止で表示する文">リンク</a>a href:anchor hyperlink reference（指定しない場合は、仮として"#" [Null Link]を使う）…
