40代高卒者が製造業からIT転職する【ハンバーガーメニュー3】
こんにちは、フローです。 前回の続きで、ハンバーガーメニューをやっていきましょう。 前回の記事はこちらです。 🍔ハンバーガーアイコン🍔 あの3本線の作り方を詳しく書いていきましょう。 対象…
こんにちは、フローです。 前回の続きで、ハンバーガーメニューをやっていきましょう。 前回の記事はこちらです。 🍔ハンバーガーアイコン🍔 あの3本線の作り方を詳しく書いていきましょう。 対象…
こんにちは、フローです。 今回もハンバーガーメニューについて書いていきたいと思います。 前回の記事はこちらです。 ハンバーガーメニュー 前回の例はこちら。 See the Pen Untitled by YOSHIHIK…
こんにちは、フローです。 今回は、前回紹介したサンプルページがスマホ対応していなかったので、 ハンバーガーメニューを追加したサンプルページを作りました。 私もそうでしたが、初心者が一番初めに挫折するのが、このハンバーガー…
こんにちは、フローです。 今回もHTMLの記述例を書いていきたいと思います。 前回の記事はこちらです。 製品ページの例 今回は製品を紹介するページの記述例を書いていきたいと思います。 CSSでは、positionを使った…
こんにちは、フローです。 前回は、HTMLの記述例を書きました。 今回はその例を使って、ひとつづつ詳しくみていきましょう。 前回の記事はこちらです。 <head>タグ 前回のHTMLはこちらです。 このHTM…
こんにちは、フローです。 今回もHTMLについて書いていきたいと思います。 前回の記事はこちらです。 HTMLの記述例 私もそうでしたが、初心者のうちはとにかく、何度も何度も繰り返しHTMLやCSSを書いて覚えるのが早い…
こんにちは、フローです。 今回は、HTMLのタグについて書いて行きたいと思います。 最初によく迷うのが、このタグの種類や使い方などではないでしょうか。 私も迷いました。 タグの種類も、ものすごく沢山あるので、とりあえずよ…
こんにちは、フローです。 今回はまたHTMLに戻り、”id”タグと、”class”タグの使い分けの事を書きたいと思います。 私も最初は、「えっ、どっち使えばいいの?」でした…
こんにちは、フローです。 今回はリセットCSSについて書いていきたいと思います。 前回の記事はこちらです。 リセットCSSとは Webページ制作において、 ブラウザ間の要素のデフォルトスタイルを統一するために使われるCS…
こんにちは、フローです。 今回はWEBサイトに動きなどをつけるjQueryとJavaScriptの事を書きたいと思います。 ちょっと難しくなるので、私も勉強しながら書いて行きたいと思います。 前回の記事はこちらです。 j…
こんにちは、フローです。 今回もカードレイアウトについて書いていきます。 前回の記事はこちらです。 カードレイアウトを作ろう2 前回書けなかった、残りの部分を書いて行こうと思います。 前回の記事は上に貼り付けあるので、是…
こんにちは、フローです。 今回は、カードレイアウトを作ろうって事で書いていきたいと思います。 前回の記事はこちらです。 カードレイアウト ウェブサイトのコンテンツを小さなブロック(カード)にまとめ、 それらを横並びや縦並…
こんにちは、フローです。 今回も、レイアウトについて書いて行こうと思います。 前回の記事はこちらです。 グリッドシステム WEBサイト制作において、 ページのデザインやレイアウトを統一的に整えるために、枠組みを設けた基盤…
こんにちは、フローです。 今回はレイアウトの中心部、コンテンツエリアについて書いていきたいと思います。 前回の記事はこちらです。 コンテンツエリア ウェブページ上の主要な情報が表示される領域です。 一般的に、コンテンツエ…
こんにちは、フローです。 前回は、初心者の1番の悩み「レイアウト」のヘッダー部分の事を書きました。 今回はフッター部分を書こうと思います。 前回の記事はこちらです。 フッターレイアウト WEBサイトのページの最下部に配置…
こんにちは、フローです。 今回もお悩み解決法って事で、私がWEBサイト作りで最初に悩んだ事を書いていきたいと思います。 前回の記事はこちらです。 レイアウトの悩み そもそも悩む原因は、知識がないからです。 そりゃそうです…
こんにちは、フローです。 HTML/CSSの簡単な説明はとりあえず終わりました。 しかし、実際にどう組み立ていけばいいの?ってところが、私が最初に悩んだところです。 その他、最初にありがちな、お悩み解決に向けて考えていき…
こんにちは、フローです。 今日はCSSを書くと言って、ずっと書いてなかったので、書きたいと思います笑 前回の記事はこちらです。 HTMLとCSSの例 まずは、HTMLのコードをみていきましょう 次に、このHTMLに対して…
こんにちは、フローです。 今回もHTMLやCSSについて学んでいきましょう〜。 前回の記事はこちらです。 style sheetとは 前回は下記のような例を書きました。 ここで出てくる、”rel”…
こんにちは、フローです。 さて、今回も前回に引き続きHTMLの勉強をして行きたいと思います。 前回の記事はこちらです。 headタグ 前回は、”style.css”を使って色やフォントで装飾するや…
最近のコメント