【初心者入門】HTML・CSSでホームページの作り方を解説【Web制作コーディング】 

ありがとうございます！ html,css,jsサイト多いですよ！ WordPressも確かに一世を風靡した時ほどではないですが、定番化して普通に沢山使われてます。 他にも最近だとノーコードツールなども流行っていますが、好きなのを選んでいいと思います。 htmlやcssが分かれば他のもとっつきやすいはずです！

ありがとうございます。安心しました！

もちろんいいですよ！ 就活がんばってください！

脱初心者くらいです！ とはいえ、中級者も上級者も普通に使います。

@@bakusokuw 返信ありがとうございます😊 確かに中級者や上級者も同じタグ使いますもんね！　次の動画も楽しみにしています^_^

aタグの中にimgタグを入れればOKです。 見本ではaタグの中にITcomというテキストが入っていますが、こちらをimgタグに差し替えれば画像のロゴを表示できます。 手書きの画像ロゴは、imagesフォルダに入れてください。 表示されたロゴのサイズが大きすぎる場合は、画像自体のサイズを調整するか、CSSでサイズ指定します。 widthで横幅指定か、heightで縦幅指定したりしてもいいです。

@@bakusokuwなにもかも解決しました！ありがとうございます😭 今年も楽しみにしてます！ 数ページを扱うWebサイトを繋げる作業も見てみたいです！

脱初心者の方が受注すると仮定すると、肌感5万円〜10万円くらいかなと思います。 デザイン支給でコーディングのみ担当だと1〜3万円くらいな気がします。 金額は受注者の営業力や信用・実績、発注者や案件によって大きく変動します。 なので、何となくそんな感じか程度で考えてください！

【管理画面だけで作るWP】 マウス操作で作れる 自由度が低い 【自分でコードを書いて作るWP】 自由度が高い WPの機能が自由に使える HTML + CSS + PHPを使って作る 【この動画のサイト】 自由度が高い HTML + CSSを使って作る この動画のサイトもWPを導入すれば、WPサイトになります。

内容がよくわからなかったので違うこと答えているかもなのですが、headerにposition:absolute;がついてるからかもです。 正確にはsection1の1番上端と同じ位置にheaderが浮いて重なってます。 奥側にsection1があって、手前側にheaderがある感じです。 headerのpositionを試しに消してみると違いがわかりやすいかもです。

@@bakusokuw ありがとうございます。headerがabsoluteで浮いているからですね。ちなみに仮にすべてを浮かした場合は、邪魔するものが無ければ、画面の左上端にパーツは来ますか？left:0 top:0　でしょうか？

そうです！ 全て浮かしたら左上（top:0;left:0）にきます。 簡単なので試しにやってみたらわかりやすいと思います

@@bakusokuw ありがとうございました。理解できました。

サイトリニューアルしたので前とURLが違いますが、新しいURLが概要欄にあります！

html： TechSolutions 未来をつくるテクノロジーソリューション Shaping the Future with Innovative Technology Solutions Contact sass： @media screen and (max-width: 767px) { .section1 { h1 { font-size: 27px; } } } コンパイル後のcss： @media screen and (max-width: 767px) { .section1 h1 { font-size: 27px; } } このように記述しております。

Sassを使ってもコンパイルされるのはCSSなので特に違う点はないです。 メディアクエリ外のh1を見せてもらうことはできますか？ CSSには優先度がありまして、より特定的に書いた方が優先されます。 .sectino1 .container h1 {color:red;} .section1 h1 {color:blue;} 上記だと、後に書いている方が優先されてh1は青になりそうですが、実際は赤色になります。 理由は.containerが付いていてより特定的に書いているからです。 下記であれば、後に書いた方が優先されてh1は青色になります。 .sectino1 h1 {color:red;} .section1 h1 {color:blue;} Sassの書き方によっては特定的になるよう書いている可能性があるかなと思って聞いてみました。 メディアクエリ外で特定的にコンパイルされていて、メディアクエリ内では普通にコンパイルされているかもみたいな感じです。 実際のコードをみたら原因が全然これじゃない可能性もあります笑

@@bakusokuw ありがとうございます。その通りで、フルサイズの方で .section1 { background-image: url(../image/image1.jpg); background-position: center bottom; background-size: cover; width: 100%; height: 100vh; display: flex; align-items: center; text-align: center; .container { z-index: 3; .headline { color: $gColor; font-weight: 700; margin-bottom: 40px; } h1 { font-size: 48px; font-weight: 700; margin-bottom: 40px; } としておりました。本当に感謝しております。

@@bakusokuw ありがとうございます。まさにPCサイズの方でそのように指定していました。優先度について理解度が増しました。

もちろんいいですよ！応援してます！

@@bakusokuw 転職に向けて頑張ります。ありがとうございます。