おかやま・やさしいうぇぶ

WEB標準ページを製作するための基礎知識

当サイトは、WEBの基礎がある程度理解できる人を対象にしています。
初心者の方は、WEBの基礎(PC版)で、 基礎を学んだ後に、ご覧いただければ、より理解しやすいと思います。

サイト内検索

Menu

文章の作り方

文章ってどうすれば、簡単に書けるのかな??〜

小学校で習ったと思うよ!・・・誰が、どこで、なにを、どうした、その結果、どうなった。

そうそう、中学校では、5W1Hと習ったよね。

5W1Hとは

Why、What、Who、Where、Whenのそれぞれの頭文字をとった5Wに、Howの1Hを加えたもので、 文章を構成する際などの基本的な要素として用いられるんだよ!

社会人になると、報・連・相(ほうれんそう)を、しっかりしろ!なんて言われてるよ。

報・連・相(ほうれんそう)て、なんなの?・・・

報告・連絡・相談を略して言った言葉だよ!

なぜ?文章なのか・・・

なぜ文章を基準に製作しなくちゃーだめなの?

WEBページを見るには、ブラウザというツールを、使うんだけど、その種類はものすごくあるんだ! そして、その中には、画像を表示できないもの、音声で読み上げるものなど、さまざまなんだよ。

画像が見えないブラウザで、どうして、画像だとわかるの?・・・

画像の表示

そのために画像を表示するときには、その画像が見えない人のために、しるしをつけ どんなものなのかを、説明する必要があるんだよ。これが<alt>タグです。

よい文章を書くには?・・・

どうすれば、読みやすく、理解しやすい文章が書けるのでしょうか?

  1. 1.必要な句読点を、忘れないように。
  2. 2.カギカッコでくくった文には、句点を打たない。
  3. 3.主語と述語は、できるだけ近くに置く。
  4. 4.文章の書き出しは、短文のほうがよい。
  5. 5.題名のオウム返しはタブー。
  6. 6.修飾語は、被修飾語の近くに置く。
  7. 7.長い修飾語は前に。
  8. 8.結論を先に書く。
  9. 9.「表題」は、読むだけで内容や結論が分かるように。
  10. 10.「の」を3回以上続けない。
  11. 11.難しい「です・ます」調。
  12. 12.「である」「のである」を連発しない。
  13. 13.「思う」「思います」を連発しない。
  14. 14.「より」と「から」を混同しない。
  15. 15.正しい尊敬語、正しい謙譲語を。
  16. 16.推敲(すいこう)は時間をあけて行う。
  17. 17.ビジネス文書で、「株式会社」を「(株)」と書くのは、失礼。
  18. 18.「〜が〜が」という表現は避ける。
  19. 19.物事を併記するときは、一貫性を持つ。
  20. 20.同じ意味の言葉を重ねて使わない。
  21. 21.「ら抜き言葉」は文法的に誤り。
  22. 22.「〜など」の正しい使い方
  23. 23.3つ以上の語句を並べる場合の注意点
  24. 24.漢字と仮名の使い分け
  25. 25.「〜を行う」という表現を使いすぎない。
  26. 26.平易な表現で
  27. 27.名文を書き写す
  28. 28.表には罫線を多用しない。

上記のようなことに注意すれば、必ずよい文章が書けると思います。

参考サイト・がんばれ凡人

WEBでの文章

下記に紹介する本を読まれるのもいいのでは?・・・

伝わるWeb文章デザイン100の鉄則

伝わるWeb文章デザイン100の鉄則

究極のアクセスアップ術は[文章デザイン]だ」というコンセプトのもと、文章の基本ルール、 効果的な文章レイアウト法、読みやすい文章の書き方、見出しやキャッチフレーズのつけ方、 文章の魅力や信頼感を高める方法、校正の仕方まで、 Webでの文章表現を実践的・網羅的に解説した本です。

そのほかにも、標準ウェブユーザビリティ辞典(ソシオメディア)なども参考になります。

ウェブユーザビリティ辞典

注意事項

よくWEBデザイナーという職業を聞きますが、こんな職業はありません!。

デザイナーとはデザインをする人をあらわすだけで、職業ではないのです。

また、WEBデザイナーなどと職業は、あり得ない!なぜなら、WEBは紙媒体ではない!

  1. その色を忠実に再現できない!
  2. 閲覧者の環境に左右されるため、自身と同じ環境の人以外にはその作品を見ることができない!
  3. WEBを製作する人はクリエイターであり、デザイナーとは言わない

和製英語の変な職業の人に騙されないように、注意しましょう。