前提・実現したいこと
ドットインストールで「はじめてのHTML」「はじめてのCSS」の動画を見ながら、自分の自己紹介サイトを作成しました。
他人に公開したいのですが、やり方が分かりません。
自分のデスクトップにファイルとして自分のサイトを保存できれば、そのあとは何とかなりそうです。
html,cssをいっぺんにデスクトップに保存する方法はありますか??
試したこと
エックスサーバーは借りています。ドメインもあります。
FFTPをインストールして、サーバーにファイルをアップロードする工程は理解出来ました。
Atomで作成したファイルをデスクトップに保存して、開くと、htmlだけで作成された自己紹介サイトが表示されてしまいます。(写真とかが無い状態)
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/12 10:36
退会済みユーザー
2019/05/12 12:19
2019/05/12 12:27
退会済みユーザー
2019/05/12 12:28
2019/05/12 14:18
回答2件
0
ベストアンサー
FFTPをインストールして、サーバーにファイルをアップロードする工程は理解出来ました。
Atomで作成したファイルをデスクトップに保存して、開くと、htmlだけで作成された自己紹介サイトが表示されてしまいます。(写真とかが無い状態)
そこでデスクトップで開く工程を入れたのはよく分かりませんが、
「Webサイト」で公開したからにはそのドメインのURLにブラウザから直接アクセスさせることになります。
teratail開くときにデスクトップに保存して・・てしてませんよね?
エックスサーバーは借りています。ドメインもあります。
例えばindex.htmlというファイルを作ってアップロードしてブラウザで直接URLでアクセスしたらどうなりますか?
ドメインがexample.comなら http://example.com/ とか。
きちんとアップロードしたindex.htmlが表示されていたらまず成功です。
念のため携帯からもアクセスしてみてください。同じ画面が表示されていたらそれでOKです。他人に(というか全世界に)公開されています。
あとは必要なファイルを全てアップロードすれば良いです。
ただし、よくあるのは、画像、CSS、JavaScriptなどのファイルへのパスです。
もし、相対パスで設定しているならまだいいのですが、絶対パスで設定されていたら修正が必要になるケースがあります。
そこは実際のフォルダ構成とコードを提示されないと何とも言えません。
とりあえずWindowsであればC:/…」と書かれているなら修正は必要です。あくまで「ファイルが置いてある場所」から見たパスになります。大抵のレンタルサーバはWindowsではなくLinux系のOSなのでそのようなパスには書きませんし、
「ブラウザからアクセスできない場所」のパスは書いてもブラウザからはアクセスできません。
「Webルート」といってhttp://example.com/にアクセスしたときに表示させるディレクトリのパスですね。そこをルートパスである`/`としてそこからのパスになります。
(そのあたりこんがらがるのでとりあえず相対パスで統一するのでも良いと思います)
投稿2019/05/12 12:26
総合スコア80850
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/12 14:07
2019/05/12 21:17 編集
2019/05/12 23:16
2019/05/13 00:00
0
画像のフォルダー名やファイル名など、画像のパスが間違っていませんか?
また、一部の画像(header画像など)だけが表示されていないのであれば、CSSが読み込まれていないかもしれません。
css
1header { 2 /*省略*/ 3 background-image: 4 url(../img/amyuheader.jpg); 5 /省略 6}
投稿2019/05/12 12:40
退会済みユーザー
総合スコア0
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/12 13:36
退会済みユーザー
2019/05/12 13:44
2019/05/12 14:18
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。