前回「自主学習1-5【補足】」からの続きで、今回はフレックスボックスについて学習します。 ゴミコレッスン1回目の内容で「ホームページのレイアウトはフレックスボックスを使おう」という課題があったよね。 フレックスボックスとは？ フレックスボックスを使うと何ができるの？ HTMLブロックを横並びにすることができる floa...
鷹の目ゴミコの記事一覧
前回「自主学習1-5」でレスポンシブデザインについて学習しましたが、パソコンでスマホ表示を確認する方法について書き忘れていたので今回の補足でまとめます。 ゴミコ肝心なことを書いていなかったよね。ごめんなさい。 パソコンでスマホ表示を確認するには？ 制作途中のサイトをブラウザに表示させて見た目を確認する方法 ローカル環境...
前回「自主学習1-4【補足】」の続きで今回はレスポンシブデザインについて学習していきます。 レスポンシブデザインとは？ ホームページのデザインを崩さずにスマホやタブレットで表示させるデザインを「レスポンシブデザイン」と呼びます。このレスポンシブデザインに対応していないサイトをスマホやタブレットで閲覧すると、パソコンで閲...
前回分の修正 前回「自主学習1-4」にて、講師から以下のようなメッセージが書かれていましたね。 ただtypeごとにCSSを適用するということはあまりしません。基本的にclassを使用して反映するようにしたほうがいいと思います。参照：自主学習1-4について、講師の評価 こちらについて修正していきます。 修正前のinput...
前回「自主学習1-3」ではHTML/CSSの基本構造を復習しました。今回は課題である「お問い合わせフォームの設置」について学習していきます。 フォームとは？ WEBページにおけるフォームとは、入力欄と送信ボタンの設置されたページを指します。入力された値は送信ボタンを押すことでサーバ側に送られます。 フォームの事例 問い...
前回「自主学習1-2」を終え、HTML/CSSの使用方法はなんとなく分かってきたものの、基礎的な部分をまだ学習していない…と感じたので、今回は基礎となる部分をまとめておこうと思います。 HTMLの基本構造 HTMLタグとは <>という括弧記号で囲ったもの カッコの読み方 <【読み方】小なり >【...
前回 「自主学習1-1」を終え、今回はCSSについて学習します。 CSSとは？ CSS Cascading Style Sheets（カスケーディング スタイル シート）の頭文字。 webサイトのデザインやレイアウトなどの「見た目」を指定することができる。 現行のHTML5ではフォントの色や大きさを指定するfontタグ...
前回 「第1回レッスン」を終え、今回からは自主学習を進めていきます。 HTMLとは？ ゴミコまずHTMLとは何か？を調べてみよう。 HTMLとは HyperText Markup Language（ハイパー テキスト マークアップ ランゲェジ） Webページを作るための最も基本的なマークアップ言語 HTMLタグを使って...
前回の記事「プログラミング学習のゴールを設定しよう」にてオリエンテーションが完了し、今回からいよいよレッスン開始です。 プログラミングレッスン第１回目の課題 課題 ホームページの作り方を調べて簡単なホームページをつくってみよう 「ホームページの作り方 HTML」などの言葉で検索してみよう 自分のパソコン上で閲覧できれば...
システムエンジニアって何をする仕事なの？ 前回の記事「プログラミング学習の取り組み方と心構え」で学習に対する決意を固めたゴミコ。 ゴミコ…ところで、システムエンジニアって何する人なの？ ゴミリョ漠然としたイメージしか湧きませんよね。黒い画面見ながらカタカタキーボード打つとか。 漠然と「システムをつくる人」というイメージ...
