これまでにXoopsを使ってホームページを作成した経験がありましたが、インターネットサーフィンをしていると
その中には、動くアニメーションや動画をアップしているものに出会うことが多くありました。
自分でもこのようなホームページが作成したくなり、2014年1頃からHTMLやCSSの勉強を始めたところです。
参考にしているウェブサイトを紹介します。
ホームページ作成に参考にしたウェブサイト
1 HTML+CSSによるウェブページ作成例
  http://www.htmq.com/csskihon/401.shtml
2 HTML講座(リンク)
  http://www.asahi-net.or.jp/~ax2s-kmtn/ref/html/hp6.html
3 ダウンロードサイトを作る方法!
  http://pro.muryoweb.net/step10-1.html
4 ホームページ作成講座 STEP7 動画
  http://tamachan.tama777.com/stepuphtml7.html#video_tag
5 JavaScriptで動くしゃぼんだま|設置方法
  http://plusone.jpn.org/javascript/sample/movie/imgmove.html
6 ホームページで文字を流れるようにする
  http://yume.hacca.jp/koiki/page/marquee.htm
7 サムネイル画像をきれいに並べる(1):CSS小技
  http://kumacrow.blog111.fc2.com/blog-entry-493.html
8 ロールオーバーをCSSで実現する
  http://www.kanaya440.com/contents/tips/html/007.html
9 グラフィックデザイナーのためのCSSレイアウトメモ
  http://www.ne.jp/asahi/hatakeyama/design/csslayout/kowaza/index03.html
10 JavaScriptで自動的に替わるスライドショー
  http://allabout.co.jp/gm/gc/23931/8/
11 javaScriptの外部ファイル化
  http://10plate.blog44.fc2.com/blog-entry-147.html
12 HTML リンク 下線を消す
  http://nojhon.s71.xrea.com/leclink05.html
13 HTML Flashの動画を簡単にホームページに貼り付け
  http://www.streaming.jp/fladance/
14 超簡単!jQueryスライドショーを10分で実装する方法
  http://makasete-web.net/bxslider
15 画像上の自由な位置に文字を重ねる方法
  http://allabout.co.jp/gm/gc/23824/3/
16 ページ上部からの指定位置に絶対配置する
  http://tips.nishishi.com/css/position-absolute.html
17 サムネイル画像をその場で全画面に拡大表示させる方法
  http://allabout.co.jp/gm/gc/451074/
18 別窓を開かずに、その場で拡大画像を表示する方法
  http://allabout.co.jp/gm/gc/23975/
19 色々なアルバム
  http://erde8873.com/web/gallery/index.html#top
20 表(テーブル)の中に画像を表示する方法
  http://mbsupport.dip.jp/hp/hpt09.htm
>
 
↑頁トップへ