Home > TagScript > html、css、Java

ベクトルドロー・レベルゼロ

htmlやcss、Javaで、サイトに使う部品を作成します

新規作成日 2016-12-04
最終更新日

サイトを作成する際に利用する部品を構成する、htmlタグの組み合わせとcssの組み合わせは、数多くあり、その多くが簡単には思いつきません。

そこで、それらを調べる際の手掛かりとして、サイトの中に、使用メモとリングを整理して配置することにしました。 自分用のメモの側面が強いため、それぞれのページは、かなり雑然としていますのでご注意ください。

これから、htmlとcssを学習する方に

サイトを作成するために、htmlとcssを習得したい場合、どうやって学ぶのが良いのでしょうか? 独学で学ぶ場合は、まず、書籍を使うのが効率的です。

サイトのリンクをデザインする

Webサイトのデザインの基本は、ページのコンテンツをどのように分割して、どのようにそれぞれのページに配置するかです。 それぞれのページをリンクタグで移動するので、Webサイトのデザインは、リンクをどういった優れたデザインに変更するか、どのように活用するかのバリエーションです。

グローバルメニュー

グローバルメニューは、サイト内の別のカテゴリーに移動するためのリンクです。 通常、サイト内のすべてのページに配置され利用されるので、デザイン上、大きな意味を持ちます。

パンくずリスト

カテゴリー階層のリンクを並べていくだけのものですが、検索エンジンに優しい(おそらくサイト訪問者にも)サイトを目指すには、設置は必須です。 まずは、基本的なデザインを利用しておき、適時デザインを変更していく方針で問題ありません。

表示に関するデザイン

サイト内のデザインをよりわかりやすく華やかにするためのデザインです。

フォトスライド

ホームページで画像が勝手にクルクル切替わるフォトスライドという機能は、jQueryで実現されています。 ホームページ内に動きを取り入れることができるので、視点を集めることができます。

テーブル(表組)

Webページで表組は、面倒で、理解しにくい表記の1つです。 流用しやすい定型の形を数種類作成しておいて、それを基に少しずつ改変していく方法が、現時点で私が、楽だと考えている方法です。

表で表すと、内容の比較や理解がしやすくなるので、積極的に利用したいスタイルです。

ソースコードのハイライト

サイト用のスクリプトを紹介するとき、プログラムのコードの説明をサイトに掲載する際、スクリプトやコードを色分けして見やすく表示するスクリプトです。

ソースコードの色分けが無いと、コードは読みにくいので、積極的に利用しましょう。

折りたたみ(アコーディオン)

文章や画像をページ内で表示したり、非表示にする機能は、PC表示では、使いにくいので意味はありませんが、 画面の小さいモバイルでの表示では、見やすくなる可能性があります。

項目ごとに折り畳むことができるので、モバイル端末に向けたサイトでは、上手く利用すると利用しやすいサイトにすることができるかもしれません。

その他

htmlファイル内にスタイルを記述する

cssは、別のファイルに作成する方法と、htmlファイル内に記述する方法があります。 ページのデザインを作りこむ場合は、htmlファイル内に記述する方法が便利な時があります。

html5,css3全般

html5,css3は、かなり高機能です。html5,css3の使い方に関する関するリンクです。

IEハックとIEのサポート期間

旧バージョンのIE(Internet Explorer)は、独自拡張が行われており、他のブラウザと表示が大きく異る問題が存在します。 それを、スクリプトで無理やり矯正する方法がIEハックです。その方法と、いつまで対応する必要があるかの目安になるIEのサポート期間の話題です。

広告

Home Editor Tools Operation TagScript HPSpace

Copyright (C) 2011-2015 Horio Kazuhiko(kukekko) All Rights Reserved.
kukekko@gmail.com
ご連絡の際は、お問い合わせページのURLの明記をお願いします。
「掲載内容は私自身の見解であり、所属する組織を代表するものではありません。」