Размер видео: 1280 X 720853 X 480640 X 360
Показать панель управления
Автовоспроизведение
Автоповтор
■目次0:00 スタート1:06 今回作るサイト見本1:18 ATOMアトムでHTMLCSSのファイルを作る4:53 HtMLの基本コードを解説7:20 headを作っていく9:24 headerを作っていく11:19 headerとmainの間に画像を入れる15:29 mainを作っていく21:58 asaideを作っていく24:02 footerを作っていく24:46 CSSでデザインをしていく44:26 まとめ
ホームページを作れるようになりたくてこれから独学で始めますが、一番わかりやすくこれから過去の動画を一から学ばせていただきたく思います。今の所とても超初心者にはわかりやすく、非常に順調に学べており気持ちも上がっています。宜しくお願い致します
とてもわかりやすくみています!
それはよかったです。
HTML・CSSを勉強し始め、ATOMの使い方が分かりませんでした。こちらを参考にサイトを作りたいと思います。有難うございます。
お役に立てたならよかったです！がんばってください。
タイピング練習もかねてHTMLとCSSで使うキーの基本をまずは学びました！明日徹底的に頭に入れ込んで理解を深めます初見で学びながらして計4時間ほどかかったので、設計に10分かけたとして2時間を目標に基本を叩き込みますそのあとのことはまた考えます
お役に立てたなら何よりです
参考にさせていただきました。ありがとうございます。
それはよかったです。ありがとうございます！
@@web-service こちらの、チャンネルではSQL等解説等しておりますでしょうか？
SQLはまだやってないんですよ。そのうちやるとは思いますが^ ^
@@web-service htmlの動画分かりやすかったのでその時は参考にさせていただきます！
html.cssを勉強したばかりで、とびとびしか記憶に残ってない中で、今回の動画はとても親切に分かりやすく説明されてるので、頭の中で整理しながら観てました。このような、わかりやすく説明される方は初めてです。本当に為になりました。これからも視聴させて頂きますので色々配信して下さい、宜しくお願いします♪
ありがとうございます。とびとびの記憶が思い出されたならよかったです！色々配信がんばります。いろいろ見られてくださいね^ ^
先生のdivの例えとかわかりやすくてすごく勉強になりました。好みの画像に差し替えて無事にサイトが完成しました。ありがとうございます😊
それはよかったです！divわかると今後楽です。ありがとうございます。
初めて書いてみました。わかりやすく、とても感謝です。
それはよかったです！ありがとうございます。
モチベーションを保ちながら、勉強もできる素敵な動画でした！ありがとうございます！！
それはよかったです！モチベーション大事ですよね。ありがとうございます。
今までRUclipsで色々学べる動画を探していましたが、どうしても理解できない箇所が出てきて動画を最後までスッキリ終えることができなかった！この動画は解説しながら進行してくれたので最後まで理解しながら進めた！本当にありがとうございました😊
それはよかったです！ありがとうございます^ ^
これ見ながら初めてwebサイト作りました！これからも頑張ります！😊これからもよろしくお願いします😊
それは何よりです！がんばってください^ ^
@@web-service 質問ですが、英語が喋れるとwebデサイナーとしての強みになりますでしょうか？
こういう動画が欲しかったのよ。ありがと。とりあえず、そっくりマネする事が一番の早道ですよね。
それは何よりです^ ^
すごいわかりやすい！ありがとうございます😊
いつもとても分かりやすい解説ありがとうございます。この辺のコードについては非常に興味深くあるのですが、少し気持ちが続きませんでした。また次回も楽しみにしています。
こちらのサイトで使用している画像欲しいです！
ぱくたそというフリー素材サイトの素材です。「ぱくたそ」で検索して、ぱくたそ内で「カフェ」と検索すると今だと2〜3枚目くらいに出てくるかと思いますよ！
@@web-service ご丁寧にありがとうございます！参考にして、勉強したいと思います！
こんなに分かりやすくやる気にさせてくれた解説は今までにありませんでした。感謝．感激です‼ありがとうございます。とても優しい話し方で安心できます。早速作ってみます！これからもよろしくお願いします。!(^^)!
作ってみられてください！いいですね。
質問なのですが、日本語で入力したい場合はどのようにしたら良いのでしょうか？（タイトルのパンダカフェの部分など）
こんばんは。どこのどのことでしょうか？見たところ日本語で入力されてるかと思います^ ^今伺う限りだと日本語で入れたいところには日本語で入れて大丈夫かなとは思います。
@@web-service すみません伝え方が悪かったです。自分はこの動画を見てATOMをはじめたのでわからないことが多いので質問させていただきました。日本語入力したいのですが、できません。色々なところをいじってみたりしたのですができませんでした。どのようにしたらタイトルなどのように日本語で打てますか？
@@第7機動隊 「ATOM 日本語化」で検索すると出てくるのですが、「File」→「Settings」→「+Install」のところで「Japanese-menu」で検索（「Packages」ボタンをクリック）して、「Japanese-menu」パッケージを「Install」すると日本語化がうまく行きますよ。
@@web-service ありがとうございます。
初見です！どの動画よりもわかりやすかったです！今後もお世話になります٩( ᐛ )و
ありがとうございます！お役に立てて何よりです。今後もよろしくお願いします。
開始２分でつまづきました、コマンドLって何ですか？
コマンド+n 「command+ N」ですね。キーボードのcommand押したままNを押すということです。Windowsだと「Ctrl + N」ですね。新規ファイルが作れればいいのでその他の方法でも大丈夫です。
画像は違う物を使いましたが、同じ形になりました。素晴らしく分かりやすかったです。もっと勉強したいのでこれからの動画も楽しみにしております！ありがとうございました。
それはよかったです！ありがとうございます。いい動画出せるようがんばります。
はじめまして。超初心者のものです。質問よろしいでしょうか？Webで使える画像のファイルの種類は決まっていると思うのですが、無料画像などをダウンロードした後、JPEGに変換する場合はどの様にすればいいのですか？？
ダウンロードしたままのファイルを使われたらいいですよ！jpgかpngが多いかと思います。xxxx.pngとかxxxx.jpgで指定すれば使えます
@@web-service ご返信ありがとうございます。ダウンロードした際にファイルの種類がWEBPファイルや、AVIFファイルになっている場合でも大丈夫ですか？
どちらも大丈夫です。(ファイル名）.webp（ファイル名）.avifとしてあげれば使えます。どちらもjpgやpngよりも画像のファイルサイズが軽くなる新しい形式です。ただ、avifはすごく最近のなのでブラウザの種類によってはまだ対応してないところもあるかと思います。edgeなどはまだ見れないんじゃないかと思います。新しい軽くてキレイな画像の形式が出ると各ブラウザが対応してそこからみんながまともに使えるようになる！そんなイメージで捉えてもらうとわかりやすいです。
@@web-service とってもご丁寧にありがとうございました。
もう一点聞いてもよろしいでしょうか？Visual Studio Codeをつかっているのですが、HTMLと CSSがリンクしてくれません。。HTML側にはちゃんとWebサイトチャンネルさんのようにリンクさせるようにしたのですが、反映されません。。何が原因でしょうか？？
■目次
0:00 スタート
1:06 今回作るサイト見本
1:18 ATOMアトムでHTMLCSSのファイルを作る
4:53 HtMLの基本コードを解説
7:20 headを作っていく
9:24 headerを作っていく
11:19 headerとmainの間に画像を入れる
15:29 mainを作っていく
21:58 asaideを作っていく
24:02 footerを作っていく
24:46 CSSでデザインをしていく
44:26 まとめ
ホームページを作れるようになりたくてこれから独学で始めますが、一番わかりやすく
これから過去の動画を一から学ばせていただきたく思います。
今の所とても超初心者にはわかりやすく、非常に順調に学べており気持ちも上がっています。
宜しくお願い致します
とてもわかりやすくみています!
それはよかったです。
HTML・CSSを勉強し始め、ATOMの使い方が分かりませんでした。こちらを参考にサイトを作りたいと思います。有難うございます。
お役に立てたならよかったです！がんばってください。
タイピング練習もかねてHTMLとCSSで使うキーの基本をまずは学びました！
明日徹底的に頭に入れ込んで理解を深めます
初見で学びながらして計4時間ほどかかったので、設計に10分かけたとして2時間を目標に基本を叩き込みます
そのあとのことはまた考えます
お役に立てたなら何よりです
参考にさせていただきました。ありがとうございます。
それはよかったです。
ありがとうございます！
@@web-service こちらの、チャンネルではSQL等解説等しておりますでしょうか？
SQLはまだやってないんですよ。
そのうちやるとは思いますが^ ^
@@web-service htmlの動画分かりやすかったのでその時は参考にさせていただきます！
html.cssを勉強したばかりで、とびとびしか記憶に残ってない中で、今回の動画はとても親切に分かりやすく説明されてるので、頭の中で整理しながら観てました。
このような、わかりやすく説明される方は初めてです。本当に為になりました。
これからも視聴させて頂きますので色々配信して下さい、宜しくお願いします♪
ありがとうございます。とびとびの記憶が思い出されたならよかったです！
色々配信がんばります。いろいろ見られてくださいね^ ^
先生のdivの例えとかわかりやすくてすごく勉強になりました。好みの画像に差し替えて無事にサイトが完成しました。ありがとうございます😊
それはよかったです！divわかると今後楽です。
ありがとうございます。
初めて書いてみました。わかりやすく、とても感謝です。
それはよかったです！
ありがとうございます。
モチベーションを保ちながら、勉強もできる素敵な動画でした！ありがとうございます！！
それはよかったです！モチベーション大事ですよね。ありがとうございます。
今までRUclipsで色々学べる動画を探していましたが、どうしても理解できない箇所が出てきて動画を最後までスッキリ終えることができなかった！
この動画は解説しながら進行してくれたので最後まで理解しながら進めた！
本当にありがとうございました😊
それはよかったです！
ありがとうございます^ ^
これ見ながら初めてwebサイト作りました！これからも頑張ります！😊
これからもよろしくお願いします😊
それは何よりです！がんばってください^ ^
@@web-service
質問ですが、英語が喋れるとwebデサイナーとしての強みになりますでしょうか？
こういう動画が欲しかったのよ。ありがと。
とりあえず、そっくりマネする事が一番の早道ですよね。
それは何よりです^ ^
すごいわかりやすい！
ありがとうございます😊
それはよかったです。
ありがとうございます！
いつもとても分かりやすい解説ありがとうございます。
この辺のコードについては非常に興味深くあるのですが、少し気持ちが続きませんでした。
また次回も楽しみにしています。
こちらのサイトで使用している画像欲しいです！
ぱくたそというフリー素材サイトの素材です。
「ぱくたそ」で検索して、ぱくたそ内で「カフェ」と検索すると今だと2〜3枚目くらいに出てくるかと思いますよ！
@@web-service
ご丁寧にありがとうございます！
参考にして、勉強したいと思います！
こんなに分かりやすくやる気にさせてくれた解説は今までにありませんでした。
感謝．感激です‼
ありがとうございます。
とても優しい話し方で安心できます。
早速作ってみます！
これからもよろしくお願いします。!(^^)!
作ってみられてください！
いいですね。
質問なのですが、日本語で入力したい場合はどのようにしたら良いのでしょうか？（タイトルのパンダカフェの部分など）
こんばんは。
どこのどのことでしょうか？見たところ日本語で入力されてるかと思います^ ^
今伺う限りだと日本語で入れたいところには日本語で入れて大丈夫かなとは思います。
@@web-service
すみません伝え方が悪かったです。自分はこの動画を見てATOMをはじめたのでわからないことが多いので質問させていただきました。日本語入力したいのですが、できません。色々なところをいじってみたりしたのですができませんでした。どのようにしたらタイトルなどのように日本語で打てますか？
@@第7機動隊 「ATOM 日本語化」で検索すると出てくるのですが、「File」→「Settings」→「+Install」のところで「Japanese-menu」で検索（「Packages」ボタンをクリック）して、「Japanese-menu」パッケージを「Install」すると日本語化がうまく行きますよ。
@@web-service
ありがとうございます。
初見です！
どの動画よりもわかりやすかったです！
今後もお世話になります٩( ᐛ )و
ありがとうございます！
お役に立てて何よりです。今後もよろしくお願いします。
開始２分でつまづきました、コマンドLって何ですか？
コマンド+n 「command+ N」ですね。キーボードのcommand押したままNを押すということです。
Windowsだと「Ctrl + N」ですね。新規ファイルが作れればいいのでその他の方法でも大丈夫です。
画像は違う物を使いましたが、同じ形になりました。
素晴らしく分かりやすかったです。
もっと勉強したいのでこれからの動画も楽しみにしております！
ありがとうございました。
それはよかったです！
ありがとうございます。いい動画出せるようがんばります。
はじめまして。
超初心者のものです。
質問よろしいでしょうか？
Webで使える画像のファイルの種類は決まっていると思うのですが、無料画像などをダウンロードした後、JPEGに変換する場合はどの様にすればいいのですか？？
ダウンロードしたままのファイルを使われたらいいですよ！
jpgかpngが多いかと思います。
xxxx.pngとかxxxx.jpgで指定すれば使えます
@@web-service
ご返信ありがとうございます。
ダウンロードした際にファイルの種類がWEBPファイルや、AVIFファイルになっている場合でも大丈夫ですか？
どちらも大丈夫です。
(ファイル名）.webp
（ファイル名）.avif
としてあげれば使えます。どちらもjpgやpngよりも画像のファイルサイズが軽くなる新しい形式です。ただ、avifはすごく最近のなのでブラウザの種類によってはまだ対応してないところもあるかと思います。edgeなどはまだ見れないんじゃないかと思います。新しい軽くてキレイな画像の形式が出ると各ブラウザが対応してそこからみんながまともに使えるようになる！そんなイメージで捉えてもらうとわかりやすいです。
@@web-service
とってもご丁寧にありがとうございました。
もう一点聞いてもよろしいでしょうか？
Visual Studio Codeをつかっているのですが、HTMLと CSSがリンクしてくれません。。HTML側にはちゃんとWebサイトチャンネルさんのようにリンクさせるようにしたのですが、反映されません。。
何が原因でしょうか？？