2018/08/20

■文字とテキストスタイル

文字には色や大きさだけではなくフォント(書体)という概念もある。

明朝体やゴシック体など、フォントによってWebサイトの印象も大きく変わり、

伝えたいイメージに合わせてフォント選びが必要となる。

また、行間によっても読みやすさが変わる。

行間が狭い文章は圧迫感があり読みにくく、行間が広すぎる場合もまた読みにくい。

1文字サイズの半分程度の行間が読みやすいとされている。

■文字コード

世界で様々な言語が使われており、各言語で様々な文字コードを使用してきた。

それにより文字化けを起こしたりしていた。

最近では世界中の文字コードを統一しようという動きがあり、

今の標準的なコードは「U...

2018/08/17

■Webページの構成

ヘッダー、ナビゲーション、コンテンツ、サイドバー、フッターなど、

1ページのWebページにはいくつかの要素が集まって出来ています。

・ヘッダー

一番上に来る部分。

主にロゴやナビゲーションメニュー、電話番号などを配置します。

・ナビゲーション

ページ間を移動するためのリンクが掲載される部分。

・コンテンツ

各ページの情報が入る部分。

・サイドバー

詳細メニューやバナーなど、補足的な情報を掲載をする場所。

情報量の多いWebサイトでよく使われる。

・フッター

1番下に表示されるエリア。

著作権表示やサイドバーを使わない場合にフッターに補足情報を載せたりする。

■ナビゲーションの種類

「グローバル...

2018/08/16

HTMLとCSSを使用して、

デザイン案をコンピュータが処理できる形式に言語化していきます。

HTMLを正しく書かないと

検索エンジンにとって分かりにくいWebページとなってしまいます。

正しく書くことで重要な情報とそうでない情報を

制作者の意図を正しく検索エンジンに伝えることができます。

それにより検索エンジンはWebページの内容を正確に理解して、

その結果として検索にヒットしやすいWebページとなる。

■HTMLタグ

コンピュータが文書の構造を理解できるように目印をつけたり、

見出しや段落などの要素を「HTMLタグ」という目印を利用して文書構造していきます。

100種類以上の種類があるが、すべて覚え...

2018/08/14

前回の続き。

Webサイトを構成するファイルの種類を簡単にまとめました。

■Webサイトを構成するファイル

・HTMLファイル

Webページそのものを表すファイル。

・CSSファイル

Webページのスタイルを指定するファイル

・JPEG

写真やグラデーションに適している。

・GIF

記号やアイコン、ベタ塗りの画像に適している。

・PNG

JPEGとGIFの両方のメリットを持っているが、

ファイルサイズが大きくなってしまうデメリットもある。

読み込みに時間がかかってしまうことがあるため、その時によって形式を考える。

・MP3

音声ファイルの中でも音楽鑑賞用にも多く使われているファイル。

・MP4

動画ファイルは多くの形...

2018/08/13

少しWebサイトについて簡単にまとめました。

■Webサイトの特徴

テレビや雑誌との違いは双方向でのコミュニケーションが可能なところだ。

Webサイトは「見る」というより「使う」ものなので

見た目がキレイであればいいわけではなく、使いやすさも重要となる。

コンビニで例えると、お弁当のコーナー、

生活用品と各商品の陳列がカテゴリーに分けられており、

欲しいものを買う時に探すのが簡単だ。

Webサイトも、どこに会社概要のページがあるのか、

お問い合わせフォームはどこにあるのかを分かりやすく、

目的の情報に簡単にたどり着けるサイトは理想的。

■Webサイトが表示されるしくみ

URLをWebブラウザに入力してWe...

Please reload

最新記事

October 20, 2018

October 13, 2018

Please reload

カテゴリーから検索
​マンガ書いてます!
01_00_00_r_盾矛パラドックス(表紙).jpg
小説書いてます!
蒼き星の守護者_表紙.jpg
  • Twitter Social Icon
  • ニコニコ動画バナー
  • YouTube Social  Icon
  • アルファポリス
  • 小説家になろう
  • Pixiv