KATインターン
【サイトリニューアル】 夏休みから始まったサイトリニューアルの仕事がとりあえず一息ついたので記録。 →先方とのやり取り 今回の仕事で特に勉強になったのが先方との連絡。責任者(？)として先方とのやり取りをする機会が多くあったのだが、失礼な文章にな…
【サイトの情報移行とお茶体験】 →サイトリニューアル 旧サイトの情報移行を行った。まずサイトの移行作業でつまづいた。旧サイトの内容をスプレッドシートに移す段階の「階層的に移行する」という意味をよくわかっていなかった。よく意味のわからないままと…
【初期トレーニング8】 今回からCMSに入った。CMSとはContents Management Systemの略で、主にphp言語+データベースの組み合わせで構成されている。 CMSはブラウザ上で操作が可能なため、ffftpを用いてのアップロードが不要になる。またサイト内で文字色の変…
【初期トレーニング7】 今回はレスポンシブ・デザインと課題でグリッドの作成を行った。 レスポンシブ・デザインとはユーザーが閲覧するデバイスの画面サイズに合わせて表示を最適化することである。スマホでウェブサイトを見ていると「PC版にする」といった…
【初期トレーニング6】 今回はclassタグとレイアウトをした。 classタグは同じセレクタだけど違うスタイルにしたいときに使用する。 ①まずhtmlでクラス指定をする <div class="navigation"> <h1>タイトル</h1> <p>文章</p> <div> <div class="main"> <h1>タイトル</h1> <h2>タイトル</2> <p>文章</p> </div> ②次にCSSで個別規定を行う div.navigation { text…
【初期トレーニング5】 今回からcssに入った。 まずディレクトリに新規ファイルを作り、<head>タグ内に <like rel="stylesheet" type="text/css" href="./style.css"/> と入れるとstyle.cssが適用される。 <div>を使って入れ子構造を作った。 <div> <h1>タイトル</h1> <h2>見出し</h2> <p>文章</p> </div> スペースを入れることで要素の上下関係が明確になり、綺麗なコー</div></like></head>…
【初期トレーニング4】 今回は画像やテキストの動かし方、リストの作成、コメントアウト、YouTube動画の埋め込みをした。 画像やテキストを動かすときは<marquee>テキスト</marquee>、<marquee><img src="./img/xxx.png"></marquee>と入力する。これを入れることによって画像やテキストが右から左に流れていく。(電車の時刻表…
【初期トレーニング3】 今回はサイトの背景の色や文字色の変え方について教えてもらった。 <body>タグにカラーコードを入れて<body bgcolor="#f5fffa><body>と入力すると背景に色が付く。カラーコードは「原色大辞典」を参考にした。（#f5fffaはミントクリーム！） Web上での色を表すカラーコードには16進数が使われており、数字が多いと原色に近付き、アルファベットが多いと白に近いパステルカラーになる。 文字色は<font color="#ffffff">文章<font>で変えることができる。 <タグ> <b>太字</b> <strong>文字の強調<strong> <…</strong></strong></font></body></body>
【初期トレーニング2】 今回はサイトの作り方を教えてもらった。 Visual Studio Codeでコーティングを行い、ffftpでアップロードをした。 <>のことをタグといい様々なタグを組み合わせることでサイトがつくられている。タグの羅列は以前動画のプログラムで見…
