2020 ソフトウェア設計及び演習用の班Wiki

20::gr10::細川鈴音::トップページ作成

6/21

  • ネットで調べたプログラムを開いたウインドウのサイズに適応するようにできた
  • divタグで分けたページの中に文章を書いたときの文字のレイアウトを調節

6/23

  • ヘッダーの固定に成功、スクロールしてもヘッダーが追従するように
  • 試しにサイドメニューを入れてCSSでデザインを調節、マウスポインタがさしている部分の色が変わるように
  • HTML内HTMLを呼び出すJavascriptのプログラムを調べ、実装してみるも失敗 →現段階だとHTML に関してはコピペする形に(不便) top5.png

top その1.pngtop その2.png

6/25

  • ヘッダーにCSSでつけたボタンでトップページリンクと+ボタンを押すとサブウィンドが開くように統合

→統合に合わせてサブウィンドのプログラムをJavascript部分とHTML 部分に分割 top4.png

6/28

  • トップページに乗せる予定のカレンダープログラムを統合、動作を確認
    • 日付を指定して予定を入れる、またその読み込み
    • 何も予定がない日の読み込みで「メモがない」旨を表示 top6.png

7/2

  • サイドメニューに入れる予定のお気に入りタグ追加機能の統合、動作を確認
  • 文字列を入力 top3.png
  • 追加ボタンで追加 top4-2.png
  • ごみ箱をクリックで削除 top5-2.png

7/10

  • topのレイアウトを固定
    • もともとページ全体を3つに分けていたうちのメインコンテンツを入れる部分を更に分割し、カレンダーを右に寄せた
    • 左側に「クリックした日の予定」「メモ帳」を置くためのスペースを確保(サンプルとしてテキストボックスを配置) top10.png


最終更新日:2020/07/11 16:37:36