glitch.comでプロジェクトを作る

右上のNew project→hello-webpage

https://gyazo.com/e9cfcb461d78c76757566753de8366f2

左の「index.html」をみると簡単なHTMLが収納されているので、これを書き換えていく

https://gyazo.com/491624b93f58a4821fb53e84b2c1eef2

hello-webpageの構成内容

assets

画像などのファイル置き場

README.md

説明書

index.html

HTMLファイル。ブラウザは、このファイルを表示する

script.js

JavaScriptファイル。HTMLに動きをつけたいときはここを触る

style.css

CSSファイル。

プロジェクトを表示する

Show→Next to The Code で画面を分割してプロジェクトを表示できる

In a New Windowで別画面で表示

https://gyazo.com/54196f31adf7ae8a5cae01588e7a8627

https://gyazo.com/05b0925cd68ec611659c6175f5303c3b

これで準備は完了