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]を使う）…
【準備課題04】 [Q] RGBは何をさすのか答えなさい {A] 色の表現法の一種で、赤 (Red)、緑 (Green)、青 (Blue) の三つの原色を混ぜて幅広い色を再現する加法混色の一種である。この3色は光の三原色と呼ばれ、この組み合わせですべての色を表現できる。コンピ…
自宅課題の回答です。 【HTML01】 <html> <head> <title>【HTML01】文書構造の練習</title> </head> <body> <h1>結論：大見出し</h1> <p>要約</p> <h2>結論：検証</h2> <p>解説</p> <ul> <li>検証の項目</li> <li>検証の項目</li> <li>検証の項目</li> </ul> <p>解説</p> <ol> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> </ol> </body></html>
では講義2日目の簡単なまとめです。 HTMLの基本構造 定義型リスト definition list dl要素で定義し、用語（definition term ）を示すdt要素と、その説明（definition description）であるdd要素を含める 表組み table tableには、まず行をあらわすtr要素があ…
いよいよ講義がはじまりました。1日目は『プログラミング理論①』です。 内容を簡単にメモ形式にてまとめてみました。 Firefox アドオンのインストール Html Validator : 表示されたページのHTMLを検証しエラーと警告をステータスバーに表示する。詳細はソー…
ようやくブログを作成できました。 初ブログなので緊張していますが、多少の失敗にも負けず頑張っていきます。いよいよ昨日から『Webマスター養成科』の講義がはじまりました。 授業ではなく自己紹介と説明が主でしたが、講師のお話は刺激的でいろいろな面で…
