CONTENTS コンテンツ

2016.09.02

HTML課題作成

こんにちは、再びSです!

8月研修生がHTML課題作成を行いましたのでご紹介します!

 

No1. GUITER by S

ギター・エフェクター・アンプの紹介ページです。

サイドバーをクリックすると、ページ内のそれぞれの項目に飛ぶ仕様になっています!

また、フォームタグも使用してご意見コーナーも設けています。

screencapture-file-C-tools-pleiades4-5-workspace-traning-HTML-E3-81-A0-E3-82-88-sample-html-1472630412083

大きい画像はこちら
 

No2. A Day To Remember by とくさん

アメリカのロックバンド、「A Day To Remember」の紹介ページです。

YoutubeをHTMLに埋め込んで曲の紹介をしています!

また、CSSで作成したボタンをクリックするとCDの詳細ページに飛びます。

screencapture-file-C-Users-greenways1-Desktop-aa-html-html-1472633991731 (1)

screencapture-file-C-Users-greenways1-Desktop-aa-ForThoseWhoHaveHeart-html-1472634502704
大きい画像はこちら

 

No3. ホームレスシミュレーションゲームの概要 by かっすぃー

ホームレスシミュレーションゲームはかっすぃーさんが将来実現したいゲームで、

そのゲームの概要が書かれているWebページです!

MENUのリンクから、登場人物等のページに飛びます。

また、JavaScriptを使用して現在時刻を表示しています。

screencapture-file-C-Users-gw-022-Desktop-html_-E3-83-9B-E3-83-BC-E3-83-A0-E3-83-AC-E3-82-B9-top-htm-1472631047764

 

screencapture-file-C-Users-gw-022-Desktop-html_-E3-83-9B-E3-83-BC-E3-83-A0-E3-83-AC-E3-82-B9-E7-99-BB-E5-A0-B4-E4-BA-BA-E7-89-A9-htm-1472631088552
大きい画像はこちら

No4. かおりんのてちてち!れんあいどう by かおりん

かおりんさんの過去の恋愛を記したWebページです。

「まいすてっぷりすと」のアイコンをクリックすると、元彼との闇が綴られているページに飛びます。

CSSの要素を透過させて、おしゃれなページに仕上がっています!

 

screencapture-file-C-Users-greenways-jp-Desktop-homepage-menslist-html-1472631934541

screencapture-file-C-Users-greenways-jp-Desktop-homepage-salaryman-html-1472631896028
大きい画像はこちら
皆さんHTML CSSは未経験ですが、2日間でここまでの作品を作り上げました!

それぞれのカラーが出ていますね。

SQL研修も頑張っていきましょうー!