|
HTML&CSS概要 1. html基本フォーマット <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlタグの文法ルール <タグ名属性1=不動産価値1「属性」2=不動産価値2”>タグ</タグ名> 3. ハイパーリンクタグ <a href=「どこでジャンプするか」></a> 機能:ページジャンプ。 質問:画像(picture1.jpg)をハイパーコネクテッドにしたい場合、どのように書けばよいでしょうか? <a href=""><img src="picture1.jpg" /></a> 4. 表の構文 <table> <tr> <td> 小型形式 </td> <td>内容</td> </tr> </table> 注:フォームの内容は次のように書かれなければなりません。TD中に 5. 表の共通属性 a) 表:border=番号(ベゼル) bordercolor=ボーダーカラーbgcolor=背景色セルペーシング=数(セル間の距離) cellpadding=数(内容とテーブルの境界間の距離)身長=「固定番号|パーセンテージ%「身長幅=「固定番号|パーセンテージ%「幅 b) Tr: bgcolor=背景色身長=「固定番号|パーセンテージ%「身長幅=「固定番号|パーセンテージ%「幅ボーダーカラー c) Td: bgcolor=背景色身長=「固定番号|パーセンテージ%「身長幅=「固定番号|パーセンテージ%「幅Colspan=数値(列を統合)行幅=数値(行を統合)ボーダーカラー 質問:画像が中央にあるとき、枠の太さと色はどう設定すればいいですか? ボーダー幅ボーダーカラー 6. 形態 a) 機能:サーバーへのデータ提出 b) 構文論:<フォーム></form> c) 形式要素 1. 入力タグ i. 本文<入力タイプ=テキスト /> ii. パスワード<input type=password /> iii. 単一選択<入力タイプ=無線名=「同じ名前」/> iv. 選択式<入力タイプ=チェックボックス /> V. ボタン<入力タイプ=ボタン /> 送信<入力タイプ=送信 /> リセット<入力タイプ=リセット> 属性:テキスト:サイズ=本文の長さ最大長さ=最大文字数を入力可能です 選択:確認済みデフォルトで選択 ボタン:値=ボタンの上に表示されたテキスト 2ドロップダウンラベル:構文、プロパティ <複数を選択(複数選択が可能です)サイズ=選択肢の数が見て取れます> <オプションを選択しています(デフォルトで選択)>内容</option> </select> 7. CSSカスケーディングスタイルシート 機能:コンテンツの充実とコード量の削減 文章:場所(3種) 1. イン・ロー:タグに直接属性を追加するスタイル=「財産:属性値;…” 2. 埋め込み:でヘッドレーベル作成:<スタイルタイプ=「テキスト/CSS」> セレクター{性質:属性値;…} </style> ポイント3基本セレクター:HTMLセレクター、クラスクラスセレクタ(.クラス名)、身分証明書セレクター(#id名前)が唯一の存在です 3. 外部:別のものを作成してください.cssファイルを作成し、その後使いたいページに参照コードを追加します2いわゆる執筆 覚えておいてください: でヘッドタグを中に追加してください<リンク rel="stylesheet" type="text/css" href="stylesheet filename.css”> 注意:スタイルシートに競合がある場合は、インラインを優先してからインラインを使い、最終的にアウトサイドを使いましょう 質問:使用方法DIV+CSSレイアウトおよび表レイアウトのメリットとデメリットは? 8. 擬似クラス(セレクタ) a:link {color: #FF0000} /* 未訪問リンク */ a:訪問 {color: #00FF00} /*訪問されたリンク*/ a:ホバー {color: #FF00FF} /* リンクにマウス移動 */ a:アクティブ {color: #0000FF} /*選択リンク*/ 9. ディヴ(ボックスモデル) 機能:代わり表表 執筆:<div>コンテンツ(入れ子にすることができます。)ディビジョン）</div> 使用法:幅と高さを設定し、組み合わせ可能ポジション属性 一般的な特性: 1. 国境:箱の厚さ 2. マージン:箱間の距離 3. パッド:箱の中身と箱の間距離。 4. 高さ、幅:高さ、幅 5. 背景:箱の色、パターン 6. 浮かぶ:ボックス席左、右 10. 通るドリームウィーバーテンプレートを作成する 機能:同じウェブサイトスタイルを実現し、コード量を減らし、ウェブサイト開発の効率を向上させる テンプレートの作成と使い方 1. Create: file à new à regular à HTMLテンプレートà Create 2. 保存:自分のウェブサイトに保存する。注意:正しいパスは、ウェブサイトの下部にテンプレートフォルダが表示され、テンプレートファイルを保存することです(.dwt） 3. 執筆:普通のページを書くのと同じように、組版やウェブサイトで同じスタイルのコンテンツを書くことと同じです。 異なるコンテンツについては、編集可能な領域を作成する必要があります(作成したい編集領域にカーソルを合わせて右クリックし、「新しい編集可能な領域のテンプレート」を選択する) 4. テンプレートに基づいてページを作成する:File à 新しい à テンプレート à 使用するテンプレートを選択する 11. ドリームウィーバー関連する知識ポイント A. 合格ドリームウィーバーウェブサイトを作成:サイトà New site à advanced à local information サイトに名前を付け、サイトへのルートを設定しました 注:サイトのパスは中国語で書かれてはいけません B親しみやすさドリームウィーバー先に学んだ基本的なタグの出力方法を知る必要があります 焦点は表を通じたページのタイポグラフィにあります Cでドリームウィーバーハイパーリンクの使用(相対アドレスと絶対アドレス) 12. CSS共通属性 border:1px solid #000000; /*国境の3共通属性*/ 幅; 身長; /*幅と高さを設定*/ テキストアライン /*コンテンツを左右中央に設定します*/ 線高 /*調整内容は上下に中央に配置されています*/ 浮かべて /*フロート(水平ハイパーリンクを作成するにはフローティングが必要です)*/ マージン /*ボックスの外側距離を設定してください*/ パッド /*箱の中の距離を決める*/ 位置 /*後で話すためのポジショニング左上一緒に使用します*/ color:#000000; /*テキストの色を設定する*/ background-color:#000000; /*背景色を設定する*/ font-size:14px; /*フォントサイズを設定する*/ テキスト装飾 /*一般的に使われるハイパーリンクの下線設定下線又はなし*/ list-style-type:none; /*ハイパーリンクのスタイル(点は使わない)*/
| 
掲載地 2014/11/09 10:42:19
|
|
|
掲載地 2014/11/10 13:27:37
