ホームページのHTMLの編集方法の基本について。ホームページ制作やホームページの修正の基本となるHTML編集の概要について。ホームページのHTMLを編集する方法としては、テキストエディタによる編集でタグを編集し、FTPソフトによるダウンロード・アップロードを行うのが一般的です(ホームページ編集ソフトを利用することもあります)。また、WordPress等のCMSでは管理画面内のエディタでHTML編集を行います。
ホームページのHTML編集方法ホームページ(ウェブサイト)の基本構成はHTML
ホームページ(ウェブサイト)の基本構成はHTMLで、外観はスタイルシート・CSSで設定されています。ホームページ修正の基本はこのHTMLとCSSの編集で行います。
サイト・ホームページのHTML編集の基本的な手順は、FTP等で編集対象HTMLファイルをダウンロードし、ローカル環境でテキストエディタを用いてHTMLファイルを修正編集します。そして編集が完了した後は、対象HTMLファイルをサーバーにアップロードします。
--
コーディング〜WordPress化 13P
制作期間約4週間
制作ポイント:TOPページのスライダーフェード
カスタムフィールドで各種メニューの変更が可能
繰り返しフィールドの実装
カスタムフィールドを使った管理のしやすさ
スクロールアニメーションの実装
店舗情報やスタッフ情報の出しわけなど
WordPressなどのCMSではブラウザ上でHTMLを編集することができます。また、ブラウザを用いてサーバーのファイルマネージャ上で直接編集できる場合もあります。
HTMLの基本構成としては、ドキュメントタイプ宣言の後、から全体が構成され、様々なタグを用いることによって、該当部分が見出しや段落であることを示していきます。
HTML編集は、テキストの追加・削除の他、こうしたタグの付加などによって行います。なお、内の編集はメタタグの編集と表現されることがあります。
ダウンロードしたHTMLファイルを開き、編集対象部分のHTMLを編集していきます。編集が終わった後は、テキストエディタ上でファイルを上書き保存します。修正編集が完了したHTMLファイルをFTP等でアップロードし、サーバー上のHTMLファイルを上書きします。
HTMLソースコードを編集しサイトのテキストを書き換え。
---
・ランディングページの作成
・ WordPressを使用したサイト制作(オリジナルテーマ、テーマカスタマイズ)
・マルチデバイスに対応したサイト制作(レスポンシブ対応)
・Sass設計(BEMやFLOCSS)を用いた保守・予測・拡張しやすい設計
・ JavaScript / jQueryを用いたアニメーション実装
・ デザインカンプからのコーディング
・Adobe(Photoshop / Illustrator / XD)やFigmaのデザインデータに対応