No video :(

【CSS編・現役WEBデザイナーが教える】初めてでもわかるHTMLコーディング入門

Подписаться 1,3 тыс.

Просмотров 19 тыс.

50% 1

【架空のカフェのサイトを作ってみよう！】
この動画はHTML編とCSS編の2つの動画で完結します。
これからHTMLコーディング・デザインの勉強を始める方に向けた入門動画になります。コーディングをする上で必要なツールの紹介から、コードの書き方をわかりやすく説明しています。
▼HTML編はこちら
• 【HTML編・現役Webデザイナーが教える】...
◆おすすめのレンタルサーバー
---------
◇エックスサーバー
px.a8.net/svt/...
---------
10年以上使ってますがコスパが良くおすすめです。
小中規模のサイトなら「スタンダードプラン」で十分すぎます。
◆ドメインの取得は…
---------
◇お名前ドットコム
px.a8.net/svt/...
---------
ドメインはサーバーと分けて契約しておくと管理しやすいです。
▼お仕事のご依頼はこちらまで
ホームページ制作と動画編集が得意な広島県福山市の制作会社
株式会社ひなひな
hinahina.co.jp/
▼Twitterはこちら
/ kawaishotaro
#HTML
#CSS
#コーディング

Опубликовано:

5 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

@miyuueno6317 7 месяцев назад

とてもわかりやすく感謝です。何度も見返して勉強しています。またお時間があれば違うタイプのサイトで制作過程を載せて欲しいです！

@MYAGOHA 7 месяцев назад

ありがとうございます！めちゃくちゃ勉強になりました！

@oyui2129 Год назад

他の解説と違ってclass名が本当に必要な部分にだけ付いているので分かりやすいです！😊ありがとうございます！

@user-de2nr3os8h 2 года назад

初めて拝見させて頂きましたが、ゆっくり丁寧に解説してもらい、今まで分からない箇所も習得できました。本当にありがとうございます。cssがとても苦手だった為、苦痛でしたが、頑張ろうと思える動画です。これからも視聴していきます…参考になりました。本当にありがとうございます😊

@kamura_jp 3 года назад

丁寧でわかりやすいですし、話し方やトーンなどちょうど良くて聞きやすかったです。ありがとうござます！

@hinatsuru1111 3 года назад

いろんな方のコーディングの動画を観ていますが、今までで１番わかりやすい解説でした。もっと河相さんのコーディング解説が聞きたいなって思います。ありがとうございました^ ^

@kawaishotaro3604 3 года назад

嬉しいコメントありがとうございます！

@user-ph3ei5wo4w 3 года назад

とっ～ても分かりやすくて、勉強になります。これからもよろしくお願いします。

@usu_usu Год назад

写真3つ横並び 32:08 ニュースセクション 41:53 table 46:04 インスタボタン 51:46 コピーライト 57:21

@jarina3570 3 года назад

本日こちらのHTMLの動画で初めて河相さんの動画を拝見しました。かなりの初心者なのですが、とてもわかりやすかったです！チャンネル登録させていただきます☺️

@user-kk7fu1wf3q Год назад

死ぬほどわかりやすかったです！ありがとうございます♪

@ayuayafathercom Год назад

同じ広島県福山市です。丁寧な説明で初心者でも分かりやすかったです。最近動画投稿されてないみたいですが、初心者向けに動画の投稿をして頂けるとありがたいです。

@naotoyokoi6638 3 года назад

ありがとうございます。ものすごくわかりやすかったです！

@kawaishotaro3604 3 года назад

良かったです！

@sunafukin333 Год назад

最高の動画ありがとうございます！！！

@user-eq5xv4lg4f 2 года назад

コーディングに興味があり、初心者でもわかるような動画を探していたところこちらを見つけました。昔HPを作ろうとしてCSSで挫折したのですが動画を見てとってもわかりやすくまた始めて見たいと思いました。他にもコーディングの動画は出さないのでしょうか？

@kawaishotaro3604 2 года назад

7月中には新しい動画アップ予定です！

@user-eq5xv4lg4f 2 года назад

@@kawaishotaro3604 そうなんですね！楽しみにしております！

@ky7039 3 года назад

メッチャわかりやすかった^_^ もっといろんなコーディング見てみたい🤗

@Iphiroko 4 года назад

シンプルで美しいページのコーディングを教えていただき、ありがとうございます！大変わかりやすく、感謝しております。このページをレスポンシブにできるといいのですが。。

@kawaishotaro3604 3 года назад

参考になってよかったです！レスポンシブの動画も出しましたので良かったら見てみてください！

@kenjijinke 3 года назад

すごく分かりやすかったです! 声が優しくて寝てしまいましたzzz

@kawaishotaro3604 3 года назад

ありがとうございます！なんか勉強の参考になりつつ邪魔してるみたいですね...笑

@R.works_Office Год назад

余計かもですが補足です。ご参考までに～＾＾お知らせセクションの一番上の行の上だけに入っている罫線は .newsSection tr: first-child td, tr: first-child th { border-top: 1px solid #dddddd; padding-top: 20px; } で再現できました。padding-topはお好みでどうぞ。コツはtr(行）の子要素（th,td）それぞれにcssを指定することのようです。（trにはcssを指定するのは好ましくないとのこと。実際反映されませんでした）

@bunlimyean5749 3 года назад

Appreciate your sharing advice brother!

@setunaline Год назад

初めまして！こちらの動画を参考に自分の画像を使いサイトを作ってみたのですが、 about sectionの画像を横並びにすると画像サイズをautoに設定しても画像がバラバラのままになります。どうすればこの問題は解決するのでしょうか？

@goma888 3 года назад

11:49あたりのline-heightの指定で、値を1.3にすると行間が狭くならず、お手本通りにならないのはなぜなのでしょうか？ dreamweaverを使用しているのですが、使うテキストエディタによって見た目が変わってくるのでしょうか？（line-height26pxでお手本と近い行間になりました。）