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

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

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

ojisan01

文章の作り方

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

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

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

5W1Hとは

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

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

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

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

なぜ?文章なのか・・・

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

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

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

画像の表示

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

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

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

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

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

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

WEBでの文章

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

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

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

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

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

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

注意事項

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

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

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

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

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