【初心者が０から始める🔰】HTML/CSSでホームページを作る方法！【WEBデザイン/Word Pressとの違い】

1

🎧 [NEW!!] 新曲できました！

［Original］IBUKI – bless – / ayaka (ayakaLABO)

ーーーーーーーーーーーーーーーー

＼手作りホームページがオープン！／
　　▶︎https://ayaka-labo.com

ご覧いただきありがとうございます！

今回は知識0の初心者がHTML/CSSを使ってホームページを作ってみました♩

自由にデザインでき、自分の世界観を表現できる一つだと思いました！
とても楽しかったです✨

今はSNSが主流ですが、ホームページは今も自分のことや作品をweb上に留めておくことができ、大切なツールだと思います。

またwebサイトがしっかりしていると、信用度も増すと感じます。

そのため、簡単に作れるなら作ってみたいと思う方も多いのではないでしょうか？

今回、本を購入した以外は無料で作ることができたので、どんな流れで作っていったのかご紹介したいと思います✨

少しでも参考になればうれしいです♩

ーーーーーーーーーーーーーーーー

宅録環境づくり
Setting up a home recording studio !!

#1 https://youtu.be/HXATVyE4lJM?si=fzuUq6Cp9j70UAjd
#2 https://youtu.be/B4YXLhY-I0g
#3 https://youtu.be/GM_zWG4jxyU
#4 https://youtu.be/5XRUogwKA-s

ーーーー

HPとSNSづくり
Setting up a website and social media !!

#1 この動画

ーーーーーーーーーーーーーーーー

ご覧いただきありがとうございます！

[ シンガーソングライター × 写真家 × 看護師 ]として活動している、ayakaといいます 𓃲 ⸝⋆

小さい頃から、「本当にやりたいことを見つけ、それを実現していける社会になったらいいな」と思って、国際支援に携わりたいと思っていました！

でも、いろんなものが急速に変化していく中で、私は何を支援したらいいのかわからなくなってしまいました、、

そんな中で、大切なのは『変化に適応しながら、自分で選択し進んでいけること』なのかなと思い、まずは自分から！と、今の活動を始めました✎‎𓂃𓈒𓏸

面白いものを作ってみなさんを楽しませたくて、
曲を作ったり、写真を撮ったりしています！

少しでも良いなと思っていただけたら、ぜひチャンネル登録、高評価をお願いしますˎˊ˗

ー

Thank you for watching!!
This is ayaka 𓃲 ⸝⋆
I’m a [SingerSongWriter × Photographer × Nurse].

When I was childhood, I’d like to join in International aid organization aim for everyone find it that want to do !!

However, I was confused becouse society change rapidly. What could I support?

I think it’s important to “Adapt to change and select and proceed by myself”.
So that I just started this my channel ,becouse firstly I have to change ✎‎𓂃𓈒𓏸

I hope you enjoy my songs and pictures !!

If you like it, please subscribe and push the like buttom ˎˊ˗

ーーーーーーーーーーーーーーーーー

◆HP→https://ayaka-music.com/
◆Twitter→ https://twitter.com/ayakaLABO
◆Instagram→https://www.instagram.com/ayaka.labo/
◆FACEBOOK→https://www.facebook.com/ayaka.kati.9

ーーーーーーーーーーーーーーーーー

00:00 　Opening
00:19　1.HP制作の必要性/Why create the web site?
01:03　2.制作の流れ/How to create
　　　　1) 書籍からの学習/Learning from book
01:57　2) デザイン/Design
04:02　3) HTML/CSSまとめ
05:25　4) コーディング/Coding
05:50　5) レスポンシブル　PC版・WEB版/Responsive website
06:44　6) WEB公開/Public
07:20　３. Word Pressとの違い
09:40　Ending

ーーーーーーーーーーーーーーーーー

#ホームページ
#ホームページ制作
#website
#html
#css
#webデザイン
#webdesign
#wordpress