求職者支援訓練Webサイト制作科 4月18日開講クラス 漂泊

初心者がプロになるための勉強 フェリカテクニカルアカデミーWebサイト制作科 4月18日開講クラス授業補足ブログ

HTML

THAI-NAMA

THAI-NAMA THAI-NAMA CONCEPT MENU ACCESS CONTACT 生春巻き THAI-NAMAは タイ風の家庭的な料理をご提供しているお店です。 季節感を大切に、旬のものを使いつつ、楽しんで貰えるメニューを揃えています。 NEWS 2018/05/25 夏のメニューを追加しました CONCE…

ページ構築の手順

CSSによるページ構築の手順 この「グループ化」をするときに、「id名」「class名」を使い分けて、グループの意味を作っていきます。 文書構造のグループ化 グループ化とは、div要素によるコンテンツのブロック化 「コンテンツのブロック化」であるので、1行…

課題サイトトップページ作成

課題サイトトップページ作成 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>2018年4月18日開講クラス 課題サイト</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <header class="header"> <div class="headerInner"> <h1>2018年4月18日開講クラス 課題サイ…</h1></div></header></body></html>

マークアップ - 実習

実習 テキストP.020〜033 以下のテキストを利用し、正しいツリー構造になるようマークアップの練習を行います 最初からテキストを真似るのではなく、自分なりの考え方マークアップをし、検証(バリデート)しながら修正をしていきます ★うちのにゃんこ★ 我が…

要素の入れ子(ネスト)と子孫関係

要素の入れ子(ネスト)と子孫関係 テキストP.035 HTML文書全体が、html要素を最上位(ルート)の先祖要素とする入れ子によるツリー構造になっています このとき注意が必要なのは「div要素」は、レイアウト指定のためのグループに利用するだけでツリー構造に…

リスト、表、画像挿入、リンク

リスト 箇条書き <ul> <ol> <dl> 1行で簡潔に伝える文章 Webの仕組みでは、リンクとして詳細の内容に遷移するために利用することが多い ul(unordered list) 順序が置き換わっても意味が伝わる並列な内容に使う。 行頭マークは「黒丸」が初期値 <ul> <li>私が好きな真っ赤なり</li></ul></dl></ol></ul>…

HTMLの基本構造のマークアップ

HTML基本構造のマークアップ 全てのHTMLドキュメントに必須 HTML5のDOCTYPE宣言 lang属性:ページの主要言語を指定する HTML5の文字コードセットは原則「UTF-8」 ページタイトル:30字から40字で重要な後から始める <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTMLの基本構造</title> </head> <body> </body> </html> CSSファイルの読…

HTMLの入力

入力練習の準備 管理フォルダーを作成(このとき、日本語使用不可) Cドライブ直下に「myName(自分の名前を英字で)」フォルダーを作り管理しなさい その中に「日付フォルダー」を作り、データを管理します(最初の段階では日付、後にプロジェクト名で管理…

テキストエディターで文字を入力する

テキストエディター 文字を入力するツール(基本的に、メモ帳以外を使用します) Adobe Brackets(ブラケッツ) brackets.io 授業全体の管理フォルダー作成 Cドライブ直下に「自分の名前(ローマ字)」という名前でフォルダーを作成 管理フォルダーを設定 「…

制作環境を整えよう

準備するもの 自宅学習用のパソコン ブラウザー(Google Chrome) テキストエディタ(Adobe Brakets) 画像編集ソフト(無料版、体験版、有料版のいずれか) テキストエディター 初期の段階で「HTML」を記述する練習には「メモ帳」ではないエディターが必要…

まず文字を入力してみる

Code Drill Webで使用する文字の入力練習サイト www.code-drill.com 「文字列」ボタンをクリックして、練習を始めます ルーチン パソコンを起動したら、まず入力練習をおこなう できる限り「速く」入力できるように練習する タイピング練習 日本語入力の練習

求職者支援訓練 フェリカテクニカルアカデミー