HP製作者情報
「麺 まぜたん」のサイトは仙台市の就労移行支援「就労・自立支援 ひらく」がHTML/CSSの言語を使用して制作致しました。
「WEB実践編♪実店舗のホームページを１００サイト作ろうプロジェクト」の「麺 まぜたん」は第１号目です。
「就労・自立支援 ひらく」とは？
主に精神障害・発達障害で「仕事」「働く事」に悩んでいる、困っている方がPCの専門スキルを習得して障害のハンデを補い、就活をする
仙台市の認可事業です。
ひらくの公式ホームページ→https://sendaihiraku.co.jp/
「就労・自立支援 ひらく」ではWEB系に特化しホームページ制作のカリキュラムがあります。
プロとして活躍できるようにHTML/cssの言語を学び、その実践として、店主さんにお願いして制作させていただきました。
作業工程
ロゴを画像加工ソフト、Photoshopを使用し背景を透過する
imegesフォルダー作成し画像に名前をつける
スマートフォン利用者が見やすいデザインを考え縦スクロールのデザインにする
トップページ＝index.htmlをシンプルなデザインにしサイトマップを分かりやすくする
トップページ背景にまぜたんの主力商品「汁なしまぜそば」の画像を背景＝ CSS”background”を使用
トップページにtweetの共有コードを挿入
まぜたんはビルの奥あり、分かりずらい場所にある為、アクセスページ＝contact.htmlを画像を多く入れ分かりやすく作りこむ
meta情報にページ説明をする”descriptio"、モバイルで見やすくする"viewport"、URLにアイキャッチ画像を入れる”favicon”を使用