atomエディタで作成したHTMLをWEBブラウザで表示する

programming

【手順を解説】Atomエディタで作成したファイルをブラウザで確認する方法

悩んでいる人「Atomエディタで作ったHTMLをWebブラウザでどうなるかみたいな!手順が知りたいです。」

のぶ「一番最初に使う時が、一番難しいですよね!」

このページでわかること

このページでは、Atomエディタ初の人が、作ったホームページ(HTML)をWebブラウザで確認してみる方法を写真を交えて解説しています。

今回の記事は、すでにWebブラウザで確認するhtmlファイルがある場合の手順解説記事です。
もしhtmlファイルがない場合は、即席で作ってみてくださいね。

【手順を解説】Atomエディタで作成したHTMLファイルを実際のWebブラウザで確認する方法

のぶ「今回は私の自己紹介ページのコードをAtomで書いた時のWebブラウザで確認する想定です。」

Atomエディタタブの一番左側、projectタブから、作成したHTMLファイル
今回は「mysite.html」を右クリックし、Finderから開くを選択します。

すると、下記の画面が開きますね

Finderのウインドウから、「mysite.html」を右クリックし、
このアプリケーションで開く>Google Chrome をクリックします。
*Google Chromeブラウザをインストールしていない方は、この際にGoogleChromeをインストールしておきましょう。

すると、Webブラウザでmysite.htmlが表示されました。

これで、見たいHTMLファイルをブラウザで見ることができるようになりました!
AtomエディタのPreview表示も超ベンリですが、
実際のWebブラウザで確認することも大切になってきます。

稼ぐ、節約する

skillhacksの動画教材を友達に勧めてみた。 1

悩んでいる人「トラックドライバーで週6日労働 結婚できないですよ。辛くはないけど、この先不安かな」 手取りで27万きるくらいだけど、朝4時から夕方4時まで仕事。これでも楽な方です。 この先給料増やして ...

mineoで月額2000円以下で解約手数料もなし。 2

悩んでいるのぶ「iPhone6で、データ通信だけしたい。」 SIM比較をすることになりました。 沖縄に1日いくことになり、 1、Qua tub 01(SIMロックあり)と、 2、iPhone6(ソフト ...

-programming
-

© 2024 いちろうblog