Web・デザインスクールHTML/CSS入門講座奈良 菜畑ホームページ入門教室 レッスンノート

菜畑ホームページ入門教室レッスンノート

レッスンノートって?レッスンノートって?

HTML/CSS:画像の表示・リスト・テーブル
imgタグを用いた画像の表示の注意点と外部ファイルを使用する際に必要な「相対パス」の考え方を確認する。 複数のタグを用いて構成する「リスト」と「テーブル」の作り方を確認する。 ・画像の表示 ...
HTML:HTMLの基本構文/テキストに関するタグ
HTMLの基本となるフォーマットとテキストの表示に関係するタグを確認する。 ・基本構文  ・文書型宣言  ・meta要素による文字コード指定  ・title要素  ・html要素/la...
HTML/CSS体験:HTMLファイルの基本構造・他
HTML/CSSファイルの基本的な構造を確認し、コーディングの基礎を学ぶ。 また、Webデザインに関する質疑応答を行う。 ・コーディングの環境  ・Webブラウザ  ・テキストエディタ ...
HTML/CSS:復習・練習問題/WordPress:固定ページを用いたブログページの作成とデザイン変更
CSSの振り返りを行い、現在までの習熟の定着を図る。 WordPressの最たる機能である記事投稿用のページの作成を行い、テーマを元に部分的なデザイン変更を行う。 ・HTML/CSS  ・...
CSS基礎:フォント/WordPress:基本操作
CSSのフォントに関するプロパティを確認する。 WordPressによるWebサイト作成の基本を学ぶ。 ・CSS  ・font-family  ・font-weight  ・font-...
HTML/CSS:ボックスレイアウト
Webページのレイアウトを考える際に重要な「ボックス」の考え方を確認する。 ・ボックスレイアウト  ・DIVタグによる区分  ・IDによるDIVの特定  ・ボックスの構造   ・内容 ...
CSS基礎:背景・フォント
背景の装飾(背景色・背景イメージ)と表示フォントの種類の指定を確認する。 ・背景  ・background-color  ・background-image:URL()  ・backgr...
CSS基礎:CSSの構文解説
デザイン(見た目)を記述するCSS(カスケーディング・スタイルシート)のファイル作成と構文を確認する。 ・CSSファイルの作成  ・DreamweaverCCでのサイト内へのCSSファイルの...
HTML基礎:テーブルの作成/リンク(ハイパーテキスト)の指定
Webページに表を作成する「table」タグ関連とリンクテキストを作成する各手法をDreamweaverとタグ入力の両方から確認する。 ・テーブルの作成  ・tableタグ   ・widt...
HTML基礎:画像の挿入
Webページで画像を表示する方法をHTMLとDreamweaverの両方で確認する。 また、「相対パス」の考え方を確認する。 ・画像の挿入  ・Dreamweaverでのドラッグ&ドロップ...

菜畑ホームページ入門教室のレッスンノート ・・・計13件

菜畑ホームページ入門教室 ページ先頭へ