HTML・スタイルシートのソース編集方法(画像)

西村 文宏

西村 文宏

ホームページ作成 ガイド

応用情報技術者

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。

...続きを読む
自由なソース編集機能を備えたホームページ作成ソフトもある
自由なソース編集機能を備えたホームページ作成ソフトもある
HTMLソースの色分け表示がない例(左側)と、色分け表示がある例(右側)
HTMLソースの色分け表示がない例(左側)と、色分け表示がある例(右側)
引っ越し用に全投稿をファイルに書き出す
引っ越し用に全投稿をファイルに書き出す
元のCMSツール(ブログツール)の種類を選択して全投稿を復元する
元のCMSツール(ブログツール)の種類を選択して全投稿を復元する
画像がアップロードされているディレクトリの中身を一括ダウンロードしておく
画像がアップロードされているディレクトリの中身を一括ダウンロードしておく
WordPressでは投稿欄の右上にある「テキスト」タブをクリックするとHTMLソースを編集できる
WordPressでは投稿欄の右上にある「テキスト」タブをクリックするとHTMLソースを編集できる
共通部分のHTMLやCSSソースを編集するには「テーマの編集」機能を使う
共通部分のHTMLやCSSソースを編集するには「テーマの編集」機能を使う
ソースを編集したいファイルを右クリックして「EmEditor」を選択するだけ
ソースを編集したいファイルを右クリックして「EmEditor」を選択するだけ
IE11ではHTMLソースがメモ帳に読み込まれて表示される場合もあるが、そこで直接編集してもウェブページを更新できるわけではない
IE11ではHTMLソースがメモ帳に読み込まれて表示される場合もあるが、そこで直接編集してもウェブページを更新できるわけではない
HTMLソースを編集できるようになった
HTMLソースを編集できるようになった
「スタイルシート」ボタンをクリック
「スタイルシート」ボタンをクリック
スタイルシートマネージャから編集したいCSSファイル名を選ぶ
スタイルシートマネージャから編集したいCSSファイル名を選ぶ
CSSソースを自由に編集できる「CSSエディター」
CSSソースを自由に編集できる「CSSエディター」
作成ソフト上で、文字としてソースを書いても意味がない
作成ソフト上で、文字としてソースを書いても意味がない
ソースを編集する方法
ソースを編集する方法
この写真の記事を読む
自由なソース編集機能を備えたホームページ作成ソフトもある
HTMLソースの色分け表示がない例(左側)と、色分け表示がある例(右側)
引っ越し用に全投稿をファイルに書き出す
元のCMSツール(ブログツール)の種類を選択して全投稿を復元する
画像がアップロードされているディレクトリの中身を一括ダウンロードしておく
WordPressでは投稿欄の右上にある「テキスト」タブをクリックするとHTMLソースを編集できる
共通部分のHTMLやCSSソースを編集するには「テーマの編集」機能を使う
ソースを編集したいファイルを右クリックして「EmEditor」を選択するだけ
IE11ではHTMLソースがメモ帳に読み込まれて表示される場合もあるが、そこで直接編集してもウェブページを更新できるわけではない
HTMLソースを編集できるようになった
「スタイルシート」ボタンをクリック
スタイルシートマネージャから編集したいCSSファイル名を選ぶ
CSSソースを自由に編集できる「CSSエディター」
作成ソフト上で、文字としてソースを書いても意味がない
ソースを編集する方法
※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

カテゴリー一覧

All Aboutサービス・メディア

All About公式SNS
日々の生活や仕事を楽しむための情報を毎日お届けします。
公式SNS一覧
© All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます