Skip to content

yasuharuokazaki/Gs-Academy-first-task-HTML-CSS-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

<h1>Gsアカデミー最初の課題</h1>

<p>架空の学校「チーズアカデミー」のHPを作成しました</p>



<h2>工夫した点・こだわった点</h2>
<ol>
  <li>
    <p>flexboxを活用して課題作成をしたのち、授業では扱わなかったtableタグを活用して同じ効果を実現できないか実験してみた。</p>
  </li>
  <li>
    <p>画面の表示にあたり、mobile対応させてみた。</p>
  </li>
  <li>
    <p>CSSのアニメーション効果を活用して、動きをつけてみた。</p>
  </li>
  <li>
    <p>授業の先取りでJavaScriptを利用し、イベントリスナを活用した。
    マウスのホバー状態などを判定し、結果に応じてメッセージを表示したり画像を差し替えたりしてみた。</p>
  </li>
</ol>

<h2>質問・疑問</h2>
<ol>
<li>
<p>フレックスボックス内の子要素を上下中央に揃える
手法がいまいち理解できていないので、何か良い方法が
あれば教えてほしい。</p>
</li>
<li>
<p>"position"の"relative"/"absolute"を用いた要素の
位置指定がいまいち理解できていない。それぞれのプロ
パティで位置を支持した場合の起点・基準点を教えてほしい。</p>
</li>
</ol>

<h2>その他</h2>
<p>初めてのプログラミングで、正直、結構大変だった…。</p>

About

task1_CheeseAcademy

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published