Webページをオンラインで編集する方法

Webページをすばやく変更する必要があり、コンピュータにHTMLエディタがない場合は、ブラウザでコードを編集できます。 いくつかのWebサイトには、インターネットに接続している場所ならどこからでもWebページを開発、テスト、および調整できる強力なツールがあります。 これらのオンラインエディタに入力するコードには、JavaScriptとカスケードスタイルシートを含めることもできます。

1。

JsFiddle Webサイトに移動して、サイトのユーザーインターフェイスを確認します。 ページの右側に4つの大きなテキストボックスがあります。 そのうちの3つのボックスでは、特定の種類のHTMLコードを入力できます。 HTMLコードをHTMLボックスに、JavaScriptをJavaScriptボックスに、Cascading Style SheetコードをCSSボックスに貼り付けます。 それをした後、「実行」をクリックするとJsFiddleはあなたのWebページを4番目のボックスに表示します。 [保存]をクリックしてページを保存できます。 サイトはあなたが他の人と共有できるユニークなURLを作成します。 彼らがJsFiddleを訪問するとき、彼らはあなたがするのと同じ4つのボックスを見るでしょう。 異なる場所にいる開発者は、JsFiddleを使用してWebサイトを共同で作業することがよくあります。

2。

Quackit HTML EditorのWebサイトにアクセスしてください。 Quackitには、デスクトップアプリケーションに見られるようなフル機能のHTMLエディタがあります。 エディタの上部にある多数のツールを使用すると、エディタに入力したHTMLテキストのフォーマット、ハイパーラインの管理、画像の追加、その他のHTML関連のタスクを実行できます。 エディタにはすべてプレビューモードで表示されますが、エディタの[ソース]ボタンをクリックしてHTMLビューに切り替えることができます。 そのビューでは、デスクトップエディタを使用するのと同じように、HTMLソースコードを直接操作できます。 編集が終了したら、ソースビューに表示されているコードを強調表示してコピーし、ハードドライブのテキストドキュメントに貼り付けます。

3。

W3Schools.com Tryit Editor Webページにアクセスして、ページの左側にある編集用テキストボックスを見つけます。 W3Schoolsは、Tryitという名前のHTMLエディタを備えたオンラインチュートリアルサイトで、HTML、CSS、およびJavaScriptコードをリアルタイムで処理します。 HTMLを編集テキストボックスに貼り付けるか、HTMLを最初から入力します。 ページ上部にある[編集して自分をクリック]ボタンをクリックすると、編集ボックスの横にあるプレビューボックスにWebページが表示されます。 編集ボックスにコードを追加するときは、通常のHTMLエディタで入力した場合とまったく同じように入力してください。 JsFiddleの場合のように、HTML、JavaScript、およびCSSのコードを分離する必要はありません。 W3Schoolsはチュートリアルサイトなので、ページの右隅にある「W3Schools.com」リンクをクリックして、Webプログラミングの学習やプログラミングのヒントを見つけるのに役立つさまざまなトピックを表示できます。

ヒント

• オンラインエディタは、インターネット上で発見した小さなHTMLスニペットをテストしたり、自分で開発したりするのにも最適な方法です。 たとえば、スライドショーを作成する便利なコードスニペットを見つけた場合は、そのコードをコピーしてオンラインエディタに貼り付けると、その機能がすぐにわかるようになります。
• インターネット接続が切れたり、ブラウザがクラッシュしたりした場合に備えて、作業中のコードを定期的にコピーすることをお勧めします。 エディタ内をクリックして「Ctrl-A」を押し、次に「Ctrl-C」を押してコードをコピーします。