最近、かなり忙しいです。
忙しいだけに、学ぶ事がたくさんあります。
時間が流れるのが早いので、あっこれは便利だと思ったことはできるだけブログに書いていきたいと思いました。
今日はDreamweaverというかホームページ制作で便利だと思った技をご紹介。
ホームページに点線を入れたいと思ってベタの画像を載せようのしましたが
縦とかだとかなりかっこ悪いし、縮めたりする時不便。
HTMLで点線かけそうな気もするけど
やっぱりCSSでしょ。
点線を書きたい部分に1px×縦もしくは横のDivを書いてあげます。
それでCSSのバックグラウンド指定でPhotoshopで書いた
1pxが黒の点残り2pxくらいが白とか透過とかにして
XとかYとかでリピートしてあげます。
これで完成。後の伸縮も自由自在。
初歩的な技ですが便利です。
こんにちは!
今日はフォトショップのネタです。
スライスツールっていう便利なものがあります。
これはWebページを作るのにかなり使えるみたいなことをどっかの雑誌で読んだことがあります。フォトショップで作りたいホームページのレイアウトや画像を作りこんで
スライスツールで画像ごとに綺麗にスライスして、Divで組み上げたDreamweaverに投げ込み最終調整するだけで簡単にホームページが作れちゃうんです。
あんまり手をかけない簡単なホームページならこれくらいでも良いのかな!?
それではまたー
あけましておめでとうございます!
空けてもバタバタですが、今年の
一人前のWebデザイナーになるという
目標達成の為にも日々がんばり続けます。
最近は、PhotoshopやDreamweaverなどなど
をいじらせていただいております。
ホームページを作りたいけど作れないって思ってるあなた!
とにかくAdobeを買いましょう。
実際、自分もAdobeが欲しいです。
自宅で、心行くまでいじりたいです。
それでは今日はこのへんで!
ばいばい!
ウェブページを制作するにあたってブラウザはかなり重要です。
いろいろとカスタマイズできるFirefoxを使いはじめていますが
アドオンといって機能を追加する事ができます。
その中で僕が使っている使えるアドオンを紹介しちゃいます。
GooglePreview
GoogleとYaooの検索結果にウェブページのプレビューを追加します。
参考にしたいウェブを探すのに便利。
はてなスクリーンショット拡張
ブラウザのスクリーンショットを撮ったりするアドオン
ブログをあげる時に画像化できちゃいます。
Measurelt
画像のピクセルをメジャーで測る事ができます。
フォトショップでヘッダーを作るときのピクセルの参考などにできます。
Firebug
個人的にお気に入りです。指定した場所のソースコードを見たりできます。
CSSをいじるのに無くてはならない存在となってます。
基本的にはこのへんのアドオンを入れてこのブログサイトをいじったりしています。
ここ最近でブログもがらっと変わりました。
一個前のブログから背景の色も、TOPの画像も文字のサイズも
変わっていると思いますが、これはほとんどCSSという物を編集して変化を加えました。
CSSはスタイルシートとも呼ばれていて、視覚的な部分に変化を与えるものです。
拡張子は.css
内容はというと..
.asset-name {
font-size: 20px;
background:url(http://swzaob.com/img/bb.png)no-repeat;
}
こんな感じのものが何度も永遠と下まで続いています。
例えば、上の文章だと
この部分のフォントのサイズは20ピクセルだとか画像はこれだとかを指定しているようです。
このCSSですが駆け出しの僕には大変な作業でした。
MT(ムーバブルタイプ)はCSSをいじればいろいろと出来そうなので、これからもちょこちょこ紹介してみます。