2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

プログラミング入門コース 1週目

Posted at

この記事は自分の整理用のメモとして必要な個所や覚えておきたいことなどを忘備録として記載していくことにする。

1週間の振り返り

基本的に日中帯と夜間は仕事だったりで、まともに勉強の時間を割くための時間は深夜帯だったりと 時間を確保するのに苦労した。動画の内容や、操作などはそこまで難しくなくわかりやすかった。

1週間で学んだこと

HTMLとCSSの基本的な役割について学んだ。また、HTMLでの構築の際に必ずh1の見出しを入れないとWebページなどの検索で引っかからないとかは知らなかったので、聞けて良かった。以下は私が覚えておきたい各コードなどを記載していく。

  • CSS
    余白調整するとき(外側はmarginを使用内側はpaddingを使用すること)
index.html
  margin: 20px auto 20px auto;
  padding: 20px 20px 20px 20px;

整理するとき

index.html
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

画像を背景として挿入するとき

index.html
background-image: url('画像のURLを添付する');
background-position: center;
background-size: cover;
  • Bootstrap
    デザインがいいCSSをあらかじめ集めておいたもの
    このツールを使用し必要な場所に設置及び編集を行うと簡単にWebサイトを装飾することができる

  • Githubを使用したWebページ配布
    事前にアカウントの作成が必要だが、ローカル環境で作成したWebページをGithubを使用し配布することができる。
    Github pageを使用する上での補足事項
       ・ファイルをアップロードするときには必ずファイル名は
        「index.html」でないといけない
       ・コードの編集を行う際には「code」→「Edit this fale」編集を行う
       ・若干変更後の反映までに少し時間がかかるため即時反映ではない

今週の課題提出

作成した課題

来週の目標

もう少し勉強時間を増やせるようにほかの仕事を調整したい。
課題を行う時間が短すぎたのでその時間分くらいは確保できるように頑張ります。

2
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?