本文へ移動

HTMLとCSSによる自作|学習と事業公開の目的で選ぶ

概要

HTMLとCSSによる自作は、学習や独自の表現に時間を使う方法です。この記事では、文書構造と見た目の役割、公開に必要な配信とフォーム、スマートフォンや更新の試験を解説し、事業の納期と担当者の技能で作成方法を選ぶ基準を示します。

公開日
更新日

コードによる自作は学ぶ目的と公開後の管理を含めて選ぶ

HTML と CSS で自作するかは、学ぶ目的、公開日、必要な機能、更新担当者で決めます。すべての事業に自作が不適切という判断は、技能や必要な表現の違いを無視します。

文書の構造を記す言語を HTML と言います。(MDN — Basic HTML syntax) CSS は色や配置などの表示を指定する言語です。コードを作る作業に加えて、公開と試験を計画しましょう。

学習の時間と公開に必要な作業を見積もる

見出し、リンク、画像の記述と、画面幅に応じた表示を試します。作る予定のページを一つ制作し、学習と修正に必要な時間を記してください。

公開日が決まっている場合は、テンプレートや専門家の制作も同じ原稿量で比較します。学習用の試作と本番のサービス案内を区別して計画します。

公開先と受付処理を別の要件にする

HTML と CSS の原稿を作っても、公開する配信先と問い合わせの受付方法は必要です。入力欄の見た目だけでは、本文を担当者へ送信する処理は完成しません。

公開後に原稿を変える人がコードを編集するか、別の管理画面を使うかも決めます。担当交代時のファイルと権限を引き継いでください。

公開試験を終えてから本番の案内を始める

スマートフォン、文字拡大、キーボードで読んで操作し、リンクと受付を試します。不具合の修正と再試験も日程に入れます。

コードの管理を続ける時間が不足するなら、作成方法の変更を検討します。どの方法でも、現在の料金と連絡先を更新する担当を決めましょう。

SpreadSite は、Googleスプレッドシートで内容を管理し、テンプレートを使ってホームページを作成・公開・更新できるノーコードツールです。

コードを書かずに原稿を更新するホームページの作成に、ぜひ使ってみてください!

SpreadSiteでホームページを作成する →

よくある質問

Q: コードを学ぶ価値はありますか?

A: 学習や独自の制作が目的なら価値があります。事業の公開日とは別に計画します。

Q: HTML だけで問い合わせを送れますか?

A: 入力欄に加えて送信と受信の処理が必要です。

Q: テンプレートでも試験しますか?

A: 表示、操作、連絡先と受信を試します。

Q: 更新担当者がコードを読めない場合は?

A: 編集方法と支援の担当を決め、実際の修正を試します。

参考資料

スプレッドシートでホームページが作れるSpreadSite