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

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

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

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でのドラッグ&ドロップ...
HTML基礎:構造と書式
Web制作における基本知識ともいえるHTMLの基本を学ぶ。 ・Dreamweaverでのサイト設定 ・HTML記述の構造  ・文書型宣言  ・<html></html>  ・<head...
体験レッスン:HTML/CSS/Dreamweaver概説
ホームページ制作の基本知識でもあるHTMLとCSSの基本に関して解説させていただきました。 また、Dreamweaverを使用されるとの事でしたのでDreamweaverでのドキュメントの作り...

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

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