Buttonプログラミング、3DCGなどなど、やりたいことをやるブログホームAdobePhotoshopCS6PhotoshopCS6のスライスツールとWeb用に保存だけではWebページが作れない理由2019年2月2日PhotoshopCS6PhotoshopCS6のスライスツールとWeb用に保存だけではWebページが作れない理由について解説。htmlのソースがめちゃくちゃ。いくつかの理由をあげて解説していきたいと思います。筆者はWebデザインのプロではありません。ただの素人がかいている個人的な見解なので、この記事は全く参考にならない可能性があります。Photoshopでウェブデザインって結局なんなの?PhotosohpのスライスツールとWeb用保存だけではWebページが作れない理由Webページが作れない理由をいくつか書きます。Web用保存したhtmlファイルのソースがめちゃくちゃPhotoshopでスライスした画像は画像ファイルとhtmlファイルをまとめて、ウェブ用に出力することができます。これが、フォトショップの「ウェブ用に保存」する機能でうs。ところが、この出力されたhtmlファイルを見るとソースがめちゃくちゃであることがわかります。htmlのソースを確認してみると、テーブル関係の要素ばかりで、適切なマークアップがされていません。別にアクセスなくてもよくて完全個人使用ならこのままでもいいかもしれませんが、外部からのアクセスを期待しているのなら、とてもじゃないですが、このまま公開することはやめたほうがいいでしょう。スライスされた画像に白い線が入るウェブ用に保存したhtmlファイルをブラウザで確認すると、スライスの境界線が白い線として表示されてしまいます。このままでは外部に公開することはできないでしょう。実をいうとこの白い線を消す方法はあるみたいなのですが、現実的ではないようです。解決方法はないといってもよいと個人的には思っています。この白い線はブラウザを拡大したり縮小したりすることで消えたり表示されたりします。結局のところフォトショップのスライスで作ったウェブページとブラウザの互換性がないということになります。;このあたりは海外でも議論になったこともあるようです↓。なにがやばいって2018年にこんなことが議論されているのもやばいし、これを調べているわたしもやばい。Communityスライスツールは使えないのか?フォトショップのウェブ用保存で出力したhtmlはwebページとして公開するには難がありますが、スライスツールがつかえないということはありません。前回の記事、「【PhotoshopCS6】スライスツール、スライス選択ツールの機能と使いかた。」でも書きましたが、スライスツールはwebページの素材として画像を切り出すことができます。ところが、PhotoshopCC2014あたりから、レイヤーをそのまま画像として出力することができる、「アセット」という機能が登場したことにより、スライスツールが不要になってきているようです。わたしはアセット機能を使ったことがないので、実際にどういうものかはわかりませんが、スライスツールを使う方法は古くなってきているのかもしれません。Photoshopでウェブデザインって結局なんなの?わたしははじめフォトショップだけでウェブページが作れると思っていたのですが、いろいろ調べているうちになんとなく見えてきたのですが、結局コーディングはフォトショップとは別にやらなければならないようです。わたしはプロでもないのでここからは完全な推測になりますが、デザイナーがフォトショップのファイル形式である.psdファイルでデザインの原案を作成し、そのデザインをもとにコーダーがコーディングしているのではないかと思います。いう仕事の話はまったく興味がないのでもはやどうでもいいのですが、「フォトショップでウェブデザインをする」という全体像が見えなかったので、コーティングなしでウェブデザインを名乗って情報を流すのはやめてほしいです。いうか実際の業界がほんとにそんなことをやっているのかもわかりませけど。コーダーが効率を高めるためにどのような工夫をしているかまでは、推測することはできませんでしたが、さきほどの海外のアドビサイトにも書いてありましたが、いまは別のツールを使ったりしているみたいです。ウェブ出力に便利なフォトショップのプラグインとかもあるみたいですし。そこらへんはとにかくよくわかりませんが、とりあえずフォトショップのWeb用保存だけではWebページをつくることはできない。このことをわたしはつたえたいです。(まちがっているかもしれませんが)それとまた別の話になりますがWebページを公開するのであればサーバーの契約やドメインの契約が必要なります。このあたりはフォトショップの話からはずれるので、これ以上は書きません。この記事の情報は以上です。CS6】音量フェードさせる方法と全体音量の調整。【PhotoshopCS6】スライスツール、スライス選択ツールの機能と使いかた。【PhotoshopCS6】レイヤーマスクの基本的な使い方3種類。【PhotoshopCS6】ペンツールとベクターマスクをマスターしよう。Cosmicの仮想環境を作るUbuntuにプログラミングに必用なパッケージをインストールするコマンド一覧シューティングゲームビルダー入門【STGを作ってみよう】Blender入門。実践して使いこなせるようになろう。【入門】PremiereProCS6を使ってみよう。【入門】PhotoshopCS6を使ってみよう。初心者のプログラミング当サイトをご利用いただきありがとうございますこのチートシートの作成にはかなりの時間がついやされています。【35EMrYJTRnat2f3bqr5JBvREr7xM5uhjVw。