2016年11月11日金曜日

自分のサイト作成 index.html 仕上げ

(21)11/11 自分のサイトのindex.htmlの作成
(22)11/15 自分のサイトのメニュー部分の作成
(23)11/18金 仕上げ作業 テンプレート完成
(24)11/22火 仕上げ作業 メニューと各カテゴリー(コンテンツ)ページの完成
(25)11/25 仕上げ作業 jQueryを組み込み完成
(26)11/29 仕上げ作業 SNSやWEBツール等の埋め込み表示完成

12月
(27)12/02 仕上げ作業 作品集ページの完成1
(28)12/06火 仕上げ作業 作品集ページの完成2
(29)12/09金 仕上げ作業 ※最終のアップロードは忍者サーバへ 



[本日の作業:1] 
仕上げに向けて

・ロゴ画像
・バナー画像 OR メイン画像を決定し、
テンプレート内にレイアウトする。
メニューが機能する状態にする。



作業が止まったり質問待ちの状況になった場合


[本日の作業:2] 
作品画像のサムネール用と大きい表示用を
作成する作業をすること!!



自動処理で画像を大量に同サイズにWEB用に保存する方法


先週紹介した方法 (Photoshopでする方法)
  自動処理/アクション機能・バッチ処理
   http://cid2016web.blogspot.jp/p/blog-page_8.html


↓同じことが簡単にできるアプリケーションもあります。


「縮小専用。」というアプリケーションを使う方法
縮小専門。の公式サイト
    動画の説明書






[本日の作業:3] 
テンプレートを完成する

テンプレートの意味が全くわからない場合は、
HTMLテンプレートの最も基本となる
↓のコードをコピペして元として使うこと

コピペ用ここから----

<!DOCTYPE html>
<html>
<head>
<title>サンプル</title>
</head>

<body>

<div id="contener">
<div id="header">ヘッダー
<div id="menu">ここにメニューを入れる</div>
</div><!--← headerの閉じdiv-->

<div id="content">本文</div>
<div id="footer">フッター</div>
</div><!--← contenerの閉じdiv-->

</body>
</html>

---コピペここまで


ヘッダーとは?
 サイトの顔となる部分+メニューなどもここに入る場合が多い
フッターとは?
 著作権表示
本文とは?
 内容、そのページの画像・文章


0 件のコメント:

コメントを投稿