2025-06

2)-4学んだこと)HTML_CSS

学科 HTML/CSS基礎④6/30(月)~CSS記述~

画像の取り扱いについて【復習】<img>タグは、画像を表示する際に使用し、必須属性のsrc属性で画像ファイルのURLを指定します。一般的なブラウザで表示できる画像フォーマットとしては、PNG・GIF・JPEGがよく利用されています。 他にも...
4)おすすめ便利機能紹介

WordPress おすすめ便利機能【クエリーループの設定方法について】

【クエリーループの設定方法について】例)日記(diary)のタグをつけたページを自動で固定ページに追加していきたい。1)固定ページを編集管理画面 →「固定ページ」2)クエリーループブロックを追加「+」ボタンでブロック追加「クエリーループ」を...
2) 職業訓練で学んだこと

学科 デザイン概論③【オンライン】6/27(金)

コンサルティングというお仕事について「Webコンサルタントとは何か」を理解し、将来性や求められるスキルについて考える内容。【1. コンサルティングとは】企業の課題解決を支援する仕事。「コンサルティングファーム」と呼ばれる専門企業も存在。問題...
2) 職業訓練で学んだこと

学科 HTML/CSS基礎③【オンライン】6/26

-本日のアジェンダ-1限目学科 HTML/CSS基礎③テキストの意味と画像について2限目学科 HTML/CSS基礎③CSSの基本構造について3限目学科 HTML/CSS基礎③CSSの基本構造について4限目学科 HTML/CSS基礎③Webペ...
2)-4学んだこと)HTML_CSS

学科 HTML/CSS基礎②6/23(月)~HTML記述~

<!DOCTYPE html><html lang=”ja”><head>  (文書の情報を記述)</head><body>  (文書の本体を記述)</body></html><!DOCTYPE html> HTML文書の先頭に記述する「文...
2) 職業訓練で学んだこと

【早見表】CSS

1)CSSの記述【文字】color文字色(前景色)を指定する記述例値意味color:#666666;color:rgba(0,0,255,0.5);「#000000」16進法の文字列カラーネームrgbaの記述等文字色の指定opacity要素...
2)-4学んだこと)HTML_CSS

【早見表】HTML

1)htmlの記述【基本タグ】<!doctype html>DOCTYPE宣言<html>∼</html>HTML文書であることを示す<head>∼</head>文書のヘッダ情報を表す<body>∼</body>文書の本体を表す2)html...
2)-4学んだこと)HTML_CSS

学科 HTML/CSS基礎①【オンライン】6/21(土)~コーディング~

-本日のアジェンダ-1限目学科 HTML/CSS基礎①Webサイト制作の手順について2限目学科 HTML/CSS基礎①Webサイト制作時の事前準備について3限目学科 HTML/CSS基礎①HTMLの基本構造について4限目学科 HTML/CS...
Photoshop-)作品集

練習)腕時計広告バナー6/19(木)

今回の題材:腕時計イメージ参考サイト:シチズン時計株式会社ザ・シチズン1995年に誕生した『ザ・シチズン』は、身に着ける方の人生に永く寄り添う腕時計であるために、自らが理想とする「精度」「品質」「デザイン」「ホスピタリティ」に絶えず挑みつづ...
2) 職業訓練で学んだこと

実技 マルチデザイン実習①6/18(水)~共同制作~

-本日のアジェンダ-1限目実技 マルチデザイン実習①フォントカルタについて・カルタ大会2限目実技 マルチデザイン実習①カルタ大会3限目実技 マルチデザイン実習①PCスペック確認4限目実技 マルチデザイン実習①PCスペック確認5限目実技 マル...
就職支援

学科 ポートフォリオ作成基礎③【オンライン】6/10(火)

-本日のアジェンダ-1限目学科 ポートフォリオ作成基礎③ポートフォリオ「応募編」について2限目学科 ポートフォリオ作成基礎③ポートフォリオ作成の進め方について3限目学科 ポートフォリオ作成基礎③構成のまとめ方について4限目学科 ポートフォリ...
Photoshop-)作品集

練習)バナー製作 ハンバーガー

Photoshop-)作品集

実技 ポートフォリオ作成実習③【成績考査③】6/9(月)

本日の課題①バナー作成 -バリエーション展開-バナーのサイズ違いを展開して作成して下さい。【サイズ展開】(幅width × 高さheight)・750px × 290px・250px × 250px・320px × 100px・320px ...
Photoshop-)作品集

練習)バナー作成~レモン香るクラフトビール~ 6/8(日)

作成について【制作の流れ】大まかなワイヤーフレームを作成↓実際に配置してみるとバランスが悪いように感じた↓テキストの配置や商品画像の調整↓背景画像がレモン単体の場合:視認性が低い↓背景色を調整レモンの爽やかな酸味を感じさせるようなデザインが...
2) 職業訓練で学んだこと

学科 UI/UXデザインツール概論【オンライン】6/7(土)

-本日のアジェンダ-1限目学科 UI/UXデザインツール概論adobe XDについて2限目学科 UI/UXデザインツール概論adobe expressについて3限目学科 UI/UXデザインツール概論canvaについて4限目学科 UI/UXデ...
Photoshop-)作品集

LP作成実習 ワイヤーフレーム→デザインカンプ 25/6/6(金)

ワイヤーフレームデザインカンプ①デザインカンプ②デザインカンプ①デザインカンプ②ターゲット層/初心者向け/好奇心高めな方初心者向け/高級志向コンセプト/ポップなデザインでビールに可愛らしさと親しみやすさを高級感を感じさせるデザインで、ビール...
2) 職業訓練で学んだこと

実技 ECサイトデザイン実習⑤6/4(水)~デザインカンプ~

-本日のアジェンダ-1限目実技 ECサイトデザイン実習⑤Web用画像について2限目実技 ECサイトデザイン実習⑤Web画像の解像度について3限目実技 ECサイトデザイン実習⑤課題制作4限目実技 ECサイトデザイン実習⑤課題制作5限目実技 E...
2) 職業訓練で学んだこと

学科 ECサイトデザイン基礎⑤【オンライン】6/3(火)

-本日のアジェンダ-1限目学科 ECサイトデザイン基礎⑤デザインラフについて2限目学科 ECサイトデザイン基礎⑤HTML/CSSをイメージしたレイアウト考案について3限目学科 ECサイトデザイン基礎⑤制作に向けての準備4限目学科 ECサイト...
Excel)作品集

【Excel使用例】

1)Excelを使用した社内用のデザイン出退勤ボードやホワイトボードなど2)在庫表パターン1 簡単な在庫表(制作時間 5分程)パターン2賞味期限や商品詳細の要素を加えた在庫表(制作時間:20分程)パターン3機能を増やした在庫表(制作時間:2...