自己流で何年か自己満サイトを作ってきましたが、
この度仕事として作成する運びとなり質問にあがりました。
私がサイトをつくるときは
1.Photoshopで画面デザインをおこす
2.スライスして画像を吐き出す
3.Dreamwaverで手打ちでCSSを組む
以上です。
IllustratorとFireworksも持っているのですが、
よく使いこなせません。
Fireworksについては一度も触ってません。。。
この方法は妥当でしょうか?
もうひとつ質問★
トップページ以外は、
トップページのソースをそのままコピーして
CSSのBOX内容を変更して違うページに仕立てているのですが
みなさんもそうされていますか?
昔iFrameを使ったサイトを使っていたので、
毎回同じソースを読み込むのはとても重いような気がして
心配です。
CSSのdivで全体を構成してるのもSEO的にどうでしょうか?
色々なサイトを回ってみたんですが
どうもTableでの構成が多いようなので…
どなたかアドバイス宜しくお願いします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
仕事でWeb制作していますが、全く同じやり方です。
1.Photoshopで画面デザインをおこす
2.スライスして画像を吐き出す
3.Dreamwaverで手打ちでCSSを組む
Illustratorはロゴや地図作成の時に使ってます。
Fireworksは起動すらしたことありません^^
ここからは参考意見として。
もう一つの質問ですが、Dreamweaver使ってるのであれば、
トップページをコピーというよりも、共通項目を
ライブラリ化もしくはテンプレート化すると効率いいです。
(ヘッダーやフッター、全頁共通のものを。)
ライブラリファイルを更新すれば全頁に適用されますので。
ライブラリについては↓
http://wakabano.cool.ne.jp/dream/useful/function …
同時にCSSも多数ページで使うID,classは一枚のCSSにまとめて、
各ページで使うID,classはそれぞれ別のCSSに記述すると後々わかりやすいです。
(CSSのBOX内容を変更して違うページに仕立てているってとこです)
CSSコーディングができるのであれば
iframeやtableレイアウトはやめましょう。
昔のコーディング技術です。SEO的にもよくないですし、
W3Cでは論外ですしね。
Divで全体を構成するのもOKですよ。(Div病なんて言葉もありますが)
慣れれば自然とDivの数も少なくなるかと思います。
この回答への補足
専門のご意見大変参考になりました!
ライブラリ機能すごいですね!
はじめてDreamwaverの意味を知った気がしますw
tableタグはやはりSEo的にアウトなんですね。。
もっとCSSも勉強しなきゃですね。。
毎回
ブラウザチェックすると対外くずれてココロが折れそうになります。
ほんとに助かりました!
ありがとうございます!
No.2
- 回答日時:
■最初の質問
まったく問題ないです、大丈夫です。
photoshopだろうが、illustratorだろうが、fireworksだろうが、painterだろうが、GIMPだろうがjpgはjpgでgifはgifです。
自分のやりやすいようにやって効率をあげてけばいいんです。
けど誰かと共同作業をするならまた別の話。
■もうひとつの質問
indexと後続ページのレイアウトが同じようなものならコピーでやってます
iframeで毎回同じソースを読み込む必要を無くしても
レイアウトにtableタグを使って無駄なソースを何十行も増やしてたら意味がないですよ。
問題ないんですねー。
まわりにWebを作るヒトがいなくて
ずっと見よう見まねでしたが
合ってて安心しました!
返答ありがとうございます!
No.1
- 回答日時:
私も自己満足サイト作成者です。
もし仕事でサイトを作成するとなった場合「私ならこうする」的な回答になってしまいますが。
まず真っ先に、内容を考えます。
派手なFlashなどよりも、きちんと閲覧されるような内容でないとダメでしょう。
企業の採用案内でも、新卒採用と中途採用で書く内容は変わるはずです。
次に、アクセシビリティを考えます。
詳しく書くと長くなるので避けますが「誰でも快適に閲覧できる」と言うようなことです。
下記のWebページが参考になると思います。
http://www.kanzaki.com/docs/html/accessible.html
http://jp.fujitsu.com/about/design/ud/assistance/
CSSなどに着手するのは最後です。上のアクセシビリティをふまえて、色や文字サイズを決めていきます。
HTMLドキュメントがきちんとした(Validな)ものであれば、デザインはCSSでいかようにもなりますので最後に回すわけです。
色の組み合わせは色盲/色弱の閲覧者(私も赤緑色盲)でも見やすいものにすること、文字の大小も閲覧者が自由に大きさを指定できるよう、CSSでの「**pt」というような記述は避けたほうがよいと思います。
SEOに関しては、私自身、知識不足を感じておりますので、回答は控えさせていただきます。
ただ、tableでの入れ子でデザインすることは避けたほうがよろしいかと…
蛇足ですが、私は画像編集ソフトに関しては「フリーウェアで十分&買うお金がない」という状態なので、PhotoshopやIllustratorとは無縁です。
デザインを起こす時の設計が一番大事なんですね!
文字や色に関してももっと注意して設計しようと思います。
返答ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- HTML・CSS HTML と CSS 1 2023/03/07 06:50
- Chrome(クローム) 最近のGoogle Chromeのデータ読み込みの遅延やエラーって頻発しますか? 2 2023/01/06 22:12
- その他(IT・Webサービス) WEBサイト内のファイルを探す方法は? 1 2022/11/11 16:38
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- オープンソース 研究室内だけで見れるサイトをどの様に構築すればいいかわかりません 2 2022/06/30 20:58
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
既存画像(gif または png)の背...
-
ホームページを作ろうかと
-
bluegriffonでホームページを作...
-
ホームページの画面文字を濃く...
-
ホームページビルダーの右サイ...
-
メールフォームで送信すると「...
-
HP更新がうまくいきません(FTP...
-
ホームページを作りたいのです...
-
FFFTPでサーバに新規フォルダが...
-
メールフォーム設置の文字化け...
-
ホームページビルダー
-
ホームページ作成
-
HTMLで、ホームページが作れる...
-
ページの内容コピペ 範囲が広い...
-
ホームページビルダー15で作っ...
-
ビフォアーアフターのページは...
-
今さらですがHPを作成するに当...
-
ホームページ制作で教えてくだ...
-
ホームページビルダーおすすめ?
-
GASについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
dreamweaverで入力忘れた閉じタ...
-
ホームページのページの数え方
-
アニメ画像の輪郭だけをきれい...
-
バナーが表示されない(初心者)
-
絵と文章を使って、絵日記風の...
-
PhotoshopやIllustratorで作っ...
-
みなさんはHP作成をどうゆう手...
-
イラストレーターで印刷範囲の...
-
エクセル ドロップダウンリス...
-
pdfファイルへの直リンクからリ...
-
メールの配信をストップさせた...
-
C/Sシステム・オープン系・汎用...
-
outlookで配信不能というメッセ...
-
ロリポップはVPNサービスをやっ...
-
Snipping tool の不具合。 「あ...
-
HP制作管理会社が倒産したの...
-
ワードのドキュメントで1ページ...
-
メルマガ発行は本名でないとい...
-
末尾が「asp」や「pdf」のサイ...
-
高負荷のCGIが使えるレンタルサ...
おすすめ情報