webpagemaker https://blog.hatena.ne.jp/webpagemaker/ 96's blog https://96s.hatenablog.com/ サイト制作 田中先生 facebookのグループからデータをダウンロード。 中身は全ページのカンプ、baseのCSS、ナビゲーションのIMG。 カンプから画像切り出し FireWorks 各カンプをページごとに読込み プロパティで座標指定X:0 Y:0 webレイヤーに切り出す素材 ガイドを引く→スライスツール→スライス名 プレビュー表示にして最適化ウィンドーでGIF（写真はJPEG）のカラー数を調整。できるだけ軽くする。 ナビゲーションやフッターは、repeatを指定するため幅1pxでつくる。ファイルサイズが軽いので、カラーとディザはMAX。 選択したスライスの書き出し 書き出し項目を「HTMLと画像」にしてスラ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F96s.hatenablog.com%2Fentry%2F20130806%2F1375714800" title="ケーキショップサイト01 - 96&#39;s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/w/webtm2013/20130806/20130806144943.png Hatena Blog https://hatena.blog 2013-08-06 00:00:00 rich https://96s.hatenablog.com/entry/20130806/1375714800 1.0 100%