神戸学院大学 経営学部 林坂ゼミ
公開資料
HTML 入門
HTML入門
ホームページ作成はじめの一歩
学内ネットワークに接続
ファイルサーバに接続
index.htmlを編集し,ブラウザで確認する
HTMLの基礎
HTML の雛形
タグの基礎知識
インデント
コメント
基礎的なタグをマスターしよう
段落を作る
改行する
見出しの設定
文字スタイルの変更(太字 | 斜体 | 文字サイズ | 文字の色 | フォント | 複数のスタイル)
箇条書き
表を配置する
画像を配置する
リンクを設定する
特殊文字を表示する
HTML 文書を検証してみよう
HTML 文書を準備する
Nu HTML Checker で HTML 文書を検証する
Visual Studio Code で HTML 文書を検証する
スタイルシート
CSS ファイルを準備する
CSS ファイルを読み込む
表示を確認しておこう
CSS にデザインを記述する
複数のセレクタに適用する
classを使う
表のデザイン
図のデザイン
HTML内にスタイルを記述する
フォームを使ってみよう
テキストコントロール
テキストエリア
チェックボックスとラジオボタン
選択リスト
参考サイト
DIV を使ったレイアウト(参考)
DIV を使ったレイアウト (1)
DIV を使ったレイアウト (2)
DIV を使ったレイアウト (3)
DIV を使ったレイアウト (4)
DIV を使ったレイアウト (5)
DIV を使ったレイアウト (6)
DIV を使ったレイアウト (7)
DIV を使ったレイアウト (8)
DIV を使ったレイアウト (9)
DIV を使ったレイアウトサンプル (1)
DIV を使ったレイアウトサンプル (2)
DIV を使ったレイアウトサンプル (3)
Bootstrap によるレスポンシブ Web デザイン
Bootstrap のサンプル
Bootstrap でのフォームのサンプル
テキストエディタの設定と使い方
Visual Studio Code
Visual Studio Code とは
Visual Studio Code のダウンロードとインストール
Visual Studio Code の設定
Visual Studio Code の使い方(フォルダを開く | インテリセンス | 検索 | マルチカーソル | 矩形選択 | 折りたたみ)
Visual Studio Code のおすすめ設定
Visual Studio Code のショートカットキー
Visual Studio Code の便利な拡張機能
Visual Studio Code 以外のテキストエディタ
Atom
Google Fonts の使い方
Google Fonts の使い方
ページの雛形を作る
フォントを選ぶ
スタイルシートを読み込み,スタイルを設定する
複数のフォントを利用する
スマートフォンでのWebページ作成
スマートフォンでWebページを作ってみよう