備忘録

今回はプロフィールの掲載と、情報系試験のページの作成を行った。情報系試験はITパスポート試験や基本情報技術者試験の学習に役立つ参考書を選定し、それぞれの対象試験や特徴、おすすめポイントをまとめた。今回の作業により、情報系試験ページの内容を充実させることができた。

今後は参考書の記事数を増やすとともに、タグ機能や検索機能を活用し、キーワードから目的の参考書を探しやすいサイトにしていきたい。またランキングページの作成や検索機能の改善も行い、より利用しやすい参考書紹介サイトを目指していく。

今回はCSSの基礎について学習した。CSSは、HTMLの見た目やレイアウトを設定するための技術であり、HTMLとデザインを分離して管理できることを理解した。前回作成したプロフィールページのHTMLを修正した。表の見出し部分にはscope="row"を追加し、より適切な構造にした。また、プロフィール画像を表示するために画像用のセルを追加し、rowspan属性を用いて複数行を結合する方法を学んだ。

また、自分で制作している参考書紹介サイトについても作業を進めた。サイトの校正を考えながらメニューを追加し、いくつかのカテゴリーを作成してサイト全体の形を整えた。今後は各メニューの内容を充実させ、利用しやすいサイトにしていきたい。

今回、VSコードを利用してHTML5の基本構造を作成した。DOCTYPE宣言、htmlタグ、headタグ、bodyタグの役割を確認し、titleタグやmetaタグを設定した。その後、tableタグを用いてプロフィール表を作成し、５項目の情報を記述した。作成したHTMLファイルはブラウザで表示し、正常に動作することを確認した。

また、サイトではモジュールを追加した。Pathoutoモジュールを導入し、有効化を行った。これにより、記事やページのURLが自動的にわかりやすい形にされるようで、わかりやすいサイト作りに活用できると考えた。

今回はテーマの変更を行った。テーマの形に多くの種類がありそれぞれに特徴があり選択するのに時間がかかってしまった。また、INDEXの配置の変更なども行った。見やすく、わかりやすい画面になるようにこれからも試行錯誤していきたい。テーマは、スライドする画像を使えるものを選択した。しかし、自分の画像を貼るとエラーが発生してしまった。エラーの原因はまだわかっていないので次回の授業までに原因を見つけたい。

次回の授業では、実際に中身の作成にも取り掛かっていきたい。またこれからも投稿によって見づらいところなども出てくると思うのでそこは分かりやすくなるように修正しながらサイトを作成していきたい。

今回はタグごとの設定を行った。

資料の流れに沿って設定やインストールを行ったが実際になにをするための設定を行ったのかの理解がまだ足りないように感じた。資料の通りに作成するだけでなくその作業が何をするための作業なのかを理解しないと、設定ミスやトラブルが起きた時に自分で対応できないと思った。

特に今回は、Drupalでタグごとに記事を分類し、ビューやブロックレイアウトを使って記事を見やすく整理する設定を行った。また、Composerを使ったモジュールのインストールやPhpMyAdminでのバックアップ設定など、サイト管理に必要な作業も学んだ。

今回の授業を通して、Webサイトは単に記事を作るだけではなく、管理や復元、機能追加まで含めて運営していく必要があることを理解した。今後はそれぞれの機能の役割を調べながら作業を進め、より理解を深めていきたい。

WEBサイトの初期設定、開設を行った。まだ開設された実感がない。順番を正しく設定することが大切だと感じた。これから分からないことがまた出てくると思うが、順番を大切にしながら丁寧に着実に進めていきたい。