A few important aspects of a professional website, that need to be considered when designing a new website are discussed below:
1. Frames: Avoid frames. Though search engines have limited ability to crawl framesets, they have the following disadvantages:
1.1 Not all search engines have the ability to crawl and index pages using framesets.
1.2 Google discourages using frames, and as per Google frames tend to cause problems with search engines. If you use frames, use NOFRAMES tag to include no frames version of the content. Don't just write "This page requires frames compatible browser, your browser does not support frames".
1.3 Even when search engines crawl and index frames, it may so happen that a page appearing in search results may just be one frame of a frameset, and the visitor may be taken to a bare page without header and navigation buttons.
1.4 Conceptually, a html page consists of only one frame. When using multiple frames, it essentially mean using multiple html pages within one page. This is against the basic concept of a web page.
2. Graphics:
2.1 Avoid excessive graphics or graphic images that take long time to load.
2.2 Use a feature called anti-aliasing to smoothen the borders of any text or image that you develop.
2.3 Always use alternate text field when using a graphic. This will allow a description to be displayed on the browser screen even if the graphic display is turned off in the browser. Alternate text is also helpful for search engines in identifying the content.
3. Theme: Use a consistent theme for your web site. It includes layout, and design. As this is a very subjective matter, it differs from person to person. Try to use colors, fonts, styles that complement one another. From search engine point of view, avoid excessive formatting. It is not recommended to have HTML tags outweigh your actual content.
4. Flash: Check out Flash advantages and disadvantages at http://website-design.anandsoft.com/flash-web-design.html. The subject has been discussed elaborately.
5. Meta tags: Always use Title, Description, and Keywords meta tags. Use other meta tags as per the requirement. From Google search engine point of view, Title and Description meta tags are very important.
6. Avoid redirects. Search engines may interpret redirect as spam. The reason being, that a redirected page is seen by the search engine but not by an individual browsing the site. If at all you need to redirect a page, use permanently 301 redirect. A less preferred option is to use a script with at least 6 seconds of delay in forwarding the visitor to the new destination.
7. Keep the web page within 50-80 KB, so the there won't be noticeable delay in loading of the web page. If the page has content that takes more time, consider splitting the page into two or more pages. This preferred from search engines point of view as well. If the content is too long, it is likely that some portion of the page is not indexed by search engines.
8. Use of scripts: Use scripts only if necessary. It is recommended not to load a web page with too much of script as this is likely to confuse the search engines. Client side scripting relieves the server from script processing, and loads the page faster.
9. Use H1, H2 tags to identify your content headlines.
10. Validate your web pages after composing. You can use W3c validator for this purpose.
Tuesday, July 29, 2008
10 Tips for Design and Development of a Successful Website
Friday, July 11, 2008
流動世界網頁設計應用之軟體
所使用設計軟體如下:
1.網頁設計方面:FRONTPAGE、DREAMWEAVER 、 PHOTOIMPACT、,IMAGEREADY、FLASH MX
2.影像及網頁處理:PHOTOSHOP、PHOTOIMPACT
3.向量繪圖軟體:ILLUSTRATOR、CORELDRAW
4.點陣動畫軟體:GIF ANIMATOR、COOL 3D、XARA WEB STYLE、,EFFECT3D、PAINTER
5.3D動畫及其應用網頁設計 :3DS MAX、VIZ、,SWIFT 3D、CULT 3D、PARTICAL ILLUTION、PLASMA、SWISH MAX、ILLUSTRATE!、POSER、LIFE FORMS
6.影片轉場及剪接軟體:MEDIA STUDIO PRO、DIRECTOR、AFTER EFFECTS、PREMIERE
7.動畫使用操作界面: BRYCE 3D,SHADE R5
8.其他及軟體:基礎ASP、PHP、MYSQL、ACTION SCRIPT、HTML語法、JAVA SCRIPT、 APPLET、ANFY的應用、XOOPS、OSCOMMERICE...
讓公司網站從無數的同質網站中脫穎而出，這正是"一一連結網頁設計"所重視的。
我們有無數的成功案例，"流動世界網頁設計"用將心比心的角度及心態，去執行每件網頁設計的專案，再加上最完美的網路行銷，不只讓每一個專案的頁面擁有自己的企業風格，就如同我們的理念，"網站的質感只是最基本的要求，一一連結給您的是一個全方位的行銷服務"。
網頁設計涵蓋有:網站設計,網頁製作,架設網站,網站建置,網站規劃,網站製作,多媒體網頁設計,Flash網頁設計,網站維護,網頁界面設計,互動表單網頁設計,3D Flash網頁設計,工商產品網站之互動解說網頁,3D虛擬企業(識別)代言人嚮導網頁,特殊網頁...等,一應俱全,歡迎聯絡洽詢與訂製.
Monday, July 7, 2008
Adobe Photoshop 鲜为人知的73个技巧 【Photoshop图层模式详解】
Normal模式：
这是绘图与合成的基本模式，也是一个图层的标准模，当一个色调和选择的图像区域合成进入到背景中时，Normal模式将下面的象素用增添到图像中的象 素取代，这是对背景象素的一个直接替代.，在Normal模式中工作时，在最终确定一个编辑之前可以通过单击并拖动Opacity滑标来改变绘图和选择的 不透明度，其中Opacity滑标在合成与合并图层时出现在Layers调色板上，在绘图时则出现在Brushes调色板上。
Dissolve模式：
本模式将前景色调随即分配在选择区域中,因而破坏一个选择或笔画。Dissolve模式在绘图时有用，可以创建宽距离的"条纹"，从中附加奇特的效果 以及创建复杂的设计，Dissolve模式还可以将一个选择融入到一副背景图像中，以及将图层融合在一起，其效果与照片不同。
Multiply和Screen 模式：
这些模式将会是一个设计者在绘图与合成时可以要求的最有用的模式，其中Multiply的功能与Screen模式的功能正好相反。在Multiply 模式中绘图时，前景色调与一副图像的色调结合起来，减少绘图区域的亮度（通常用作阴影部分）。一个较深的色调通常就是在Multiply模式中绘图的结 果，并且效果看上去就象用软炭笔在纸上画了深深的一道。在用作合成浮动选择的模式时，Multiply模式在选择融合背景图像时突出其较深的色调值，而选 择中较浅的色调则会消失。 Screen则是用作高亮部分。
Overlay模式：
本模式加强绘图区域的亮度与阴影区域，将这种模式用到一个浮动选择时，会在背景图像上创建一个强烈的亮度与阴影区域.，一副图像的中间色调区 - 既没有亮度也没有阴影 -再用Overlay模式作图时染上当前前景色调，而在Overlay模式中的浮动选择则会将大多数的色调数值融合入背景图像中。在一副图像中创建一个幻 影似的物体和超亮的标题时本模式特别有用。
Soft Light与Hard Light模式：
这是组合效果模式，这两种模式都影响到基础色调(所谓基础色调就是在上面绘图合成一个选择的背景图像的色调)。如果一个背景区域的亮度超过50%，那 么Soft Light模式就增加绘图和合成选择的亮度，而Hard Light模式则掩蔽其亮度。如果下面的背景区域象素的亮度值低于50%,Soft Light模式就加深该区域,而Hard Light则增加其色调值。
Darken与Lighten模式：
Darken模式只影响图像中比前景色调浅的象素，数值相同或更深的象素不受影响。相反，Lighten模式只影响图像中比所选前景色调更深的象素。 Darken与Lighten模式对绘图和合成的效果要Screen和Multiply模式产生的结果过于强烈时就需要用Darken，Lighten模 式。
Difference模式：
本模式同时对绘图的图像区域与当前前景色进行估算,如果前景色调更高，则背景色调改变其原始数值的对立色调。这种模式下用白色在一副图像上绘画会产生最显著的效果，因为没有一个背景图像包含比绝对白色更亮的色调数值。
Hue模式 :
Hue模式只改变色调的阴影，绘图区域的亮度与饱和度均不受影响。这种模式在对区域进行染色时及其有用。
Saturation模式：
如果前景色调为黑色，这种模式就将色调区域转化为灰度。如果前景色调时一个色调值，那么此模式在每一个笔划下均增大其底下象素的基础色调,减少灰色成分。不是黑色的前景色调在此模式中不起作用。
Color模式 :
本模式同时改变一个选择图像的色调与饱和度,但不改变背景图像的色调成分 - 在大多数照片图像中组成视觉信息的特性。用此模式来改变人物衣服的颜色将非常有用。
Luminosity模式：
本模式增加图像的亮度特性，但不改变色调值。在增亮一副图像中过饱和的色调区域时要小心谨慎，用笔划使用此模式时，将Brushes调色板上的Opacity下降到大约30%。
Adobe Photoshop 鲜为人知的73个技巧 【Photoshop图层模式详解】
Normal模式：
这是绘图与合成的基本模式，也是一个图层的标准模，当一个色调和选择的图像区域合成进入到背景中时，Normal模式将下面的象素用增添到图像中的象 素取代，这是对背景象素的一个直接替代.，在Normal模式中工作时，在最终确定一个编辑之前可以通过单击并拖动Opacity滑标来改变绘图和选择的 不透明度，其中Opacity滑标在合成与合并图层时出现在Layers调色板上，在绘图时则出现在Brushes调色板上。
Dissolve模式：
本模式将前景色调随即分配在选择区域中,因而破坏一个选择或笔画。Dissolve模式在绘图时有用，可以创建宽距离的"条纹"，从中附加奇特的效果 以及创建复杂的设计，Dissolve模式还可以将一个选择融入到一副背景图像中，以及将图层融合在一起，其效果与照片不同。
Multiply和Screen 模式：
这些模式将会是一个设计者在绘图与合成时可以要求的最有用的模式，其中Multiply的功能与Screen模式的功能正好相反。在Multiply 模式中绘图时，前景色调与一副图像的色调结合起来，减少绘图区域的亮度（通常用作阴影部分）。一个较深的色调通常就是在Multiply模式中绘图的结 果，并且效果看上去就象用软炭笔在纸上画了深深的一道。在用作合成浮动选择的模式时，Multiply模式在选择融合背景图像时突出其较深的色调值，而选 择中较浅的色调则会消失。 Screen则是用作高亮部分。
Overlay模式：
本模式加强绘图区域的亮度与阴影区域，将这种模式用到一个浮动选择时，会在背景图像上创建一个强烈的亮度与阴影区域.，一副图像的中间色调区 - 既没有亮度也没有阴影 -再用Overlay模式作图时染上当前前景色调，而在Overlay模式中的浮动选择则会将大多数的色调数值融合入背景图像中。在一副图像中创建一个幻 影似的物体和超亮的标题时本模式特别有用。
Soft Light与Hard Light模式：
这是组合效果模式，这两种模式都影响到基础色调(所谓基础色调就是在上面绘图合成一个选择的背景图像的色调)。如果一个背景区域的亮度超过50%，那 么Soft Light模式就增加绘图和合成选择的亮度，而Hard Light模式则掩蔽其亮度。如果下面的背景区域象素的亮度值低于50%,Soft Light模式就加深该区域,而Hard Light则增加其色调值。
Darken与Lighten模式：
Darken模式只影响图像中比前景色调浅的象素，数值相同或更深的象素不受影响。相反，Lighten模式只影响图像中比所选前景色调更深的象素。 Darken与Lighten模式对绘图和合成的效果要Screen和Multiply模式产生的结果过于强烈时就需要用Darken，Lighten模 式。
Difference模式：
本模式同时对绘图的图像区域与当前前景色进行估算,如果前景色调更高，则背景色调改变其原始数值的对立色调。这种模式下用白色在一副图像上绘画会产生最显著的效果，因为没有一个背景图像包含比绝对白色更亮的色调数值。
Hue模式 :
Hue模式只改变色调的阴影，绘图区域的亮度与饱和度均不受影响。这种模式在对区域进行染色时及其有用。
Saturation模式：
如果前景色调为黑色，这种模式就将色调区域转化为灰度。如果前景色调时一个色调值，那么此模式在每一个笔划下均增大其底下象素的基础色调,减少灰色成分。不是黑色的前景色调在此模式中不起作用。
Color模式 :
本模式同时改变一个选择图像的色调与饱和度,但不改变背景图像的色调成分 - 在大多数照片图像中组成视觉信息的特性。用此模式来改变人物衣服的颜色将非常有用。
Luminosity模式：
本模式增加图像的亮度特性，但不改变色调值。在增亮一副图像中过饱和的色调区域时要小心谨慎，用笔划使用此模式时，将Brushes调色板上的Opacity下降到大约30%。
Adobe Photoshop 鲜为人知的73个技巧 【复制的技巧】
67).按住Alt键点击任一历史状态( 除了当前的、最近的状态 )可以复制 它。而后被复制的状态就变为当前( 最近的 )状态。
68).可以用选框工具[M]( Marquee Tool )或套索工具[L] ( Polygonal Lasso )，把选区从一个文档拖到另一个上。 把选择区域或层从一个文档拖向另一个时，按住Shift键可以使其在 目的文檔的上居中。 提示：如果源文檔和目的文檔的大小( 尺寸 )相同，被拖动的元素会被放 置在与源文文件位置相同的地方( 而不是放在画布的中心 )。 注意：如果目的文档包含选区，所拖动的元素会被放置在选区的中心。
69).当要在不同文档间移动多个层时，首先把它们链接起来，然后就可以 利用移动工具在文档间同时拖动多个层了。 注意：不能在层面板中同时拖动多个层到另一个文档( 即使它们是链接起来的 )--这只会移动所选的层。
70).要把多个层编排为一个组，最快速的方法是先把它们链接起来，然后选择编组链接图层命令[Ctrl+G] ( Layer／Group Linked )。之后可以按 自己的意愿取消链接。注意：用这个技术同样可以用来合并[Ctrl+E] ( Layer／Merge Down )多个可见层(因为当前层与其它层有链接时“与前一层编组( Group with previous )命令”会变成“编组链接图层( Group Linked )”命令)。
71).有一个聪明的方法可以同时重新排列多个层( 在层面板里 )：先把所 要的层链接Group [Ctrl+G] ( Layer／Group with Previous )起来，在 层面板中拖到一个新的地方再取消编组。
72).要为当前历史状态或快照( Window／Show History )建立一个复制文 檔可以：
a ) 点击“从当前状态创建新文文件( New Document )”按钮
b ) 从历史面板菜单中选择新文档
c ) 拖动当前状态( 或快照 )到“从当前状态创建新文文件”按钮上
d ) 右键点击所要的状态( 或快照 )从弹出菜单中选择新文档
73).把历史状态中当前图片的某一历史状态拖到另一个图片的窗口可改变目的图片的内容。
Adobe Photoshop 鲜为人知的73个技巧 【辅助线和标尺的技巧】
52).拖动辅助线时按住Alt键可以在水平辅助线和垂直辅助线之间切换。 按住Alt键点击一条已经存在的垂直辅助线可以把它转为水平辅助线，反之亦然。
53).注意：辅助线是通过从标尺中拖出而建立的，所以要确保标尺是打开 的[Ctrl+R] ( View／Show Rulers )。
54).拖动辅助线时按住Shift键将强制其对齐到标尺上的刻度。
55).双击辅助线可以打开辅助线 & 风格参数设置对话框[Ctrl+K, Ctrl+6] ( File／Preferences／Guides & Grid)。
56).双击标尺[Ctrl+R]可以打开单位 & 标尺参数设置对话框[Ctrl+K, Ctrl +5] ( File／Preferences／Units & Rulers)。 提示：也可以在信息面板上的选项菜单中选择标尺度量单位。
57).标尺的坐标原点可以设置在画布的任何地方，只要从标尺的左上角开始拖动即可应用新的坐标原点；双击左上角可以还原坐标原点到默认点。
58).利用路径工具创建曲线和斜线的辅助线也不失为一个好办法。只要用 钢笔工具描绘路径即可在绘制上或上色时作为辅助线( 路径始终保持可视 )。提示：使用隐藏路径命令[Ctrl+Shift+H] ( View ? Hide Path )切换路 径显示与否。
【导航器和动作的技巧】
59).很多时候用键盘来控制导航器( navigation )比用鼠标更快捷。这里列出了一些常用的导航器热键：
Home = 到画布的左上角
End = 到画布的右下角
PageUp = 把画布向上滚动动一页
PageDown = 把画布向下滚动动一页
Ctrl+PageUp = 把画布向左滚动动一页
Ctrl+PageDown = 把画布向右滚动动一页
Shift+PageUp = 把画布向上滚动10个像素
Shift+PageDown = 把画布向下滚动10个像素
Ctrl+Shift+PageUp = 把画布向左滚动10个像素
Ctrl+Shift+PageDown = 把画布向右滚动10个像素
60).要从动作的某一步开始执行，只要选好开始的步骤然后按播放按钮 ( 在行为面板的底部 )即可。
61).使用Ctrl+Tab／Ctrl+F6在多个文档中切换( 或者也可以使用Window菜单 )，十分方便！
62).用恢复命令[F12] ( File／Revert )以把当前文档恢复到上次保存时 的状态。警告！在Photoshop5.0中，恢复命令会同时清空历史记录。这意味着一旦使用恢复命令上次保存后所有的改动都会丢 失！Photoshop5.5更正了这一点。（ 现今已到了CS的时代，还在用古董的就要注意了 ）
63).CHANNEL也有其默认对应的热键。这对于存为信道形式的选区／蒙板之间 作加、减和相交运算就变得十分快捷和简单。这里列出了一些常用模式：
RGB颜色 CMYK颜色 索引颜色
Ctrl+“~”= RGB
Ctrl+1 = 红
Ctrl+2 = 绿
Ctrl+3 = 蓝
Ctrl+4 = 其它信道
Ctrl+9 = 其它信道
Ctrl+“~” = CMYK
Ctrl+1 = 青色
Ctrl+2 = 洋红
Ctrl+3 = 黄色
Ctrl+4 = 黑色
Ctrl+5 = 其它信道
Ctrl+9 = 其它信道
Ctrl+1 = 索引
Ctrl+2 = 其它信道
Ctrl+9 =其它信道
例如：要创建一个选区以表示信道7和信道9的相交部分，先按Ctrl+Alt+7 ( 把信道7加载为选区 )然后按Ctrl+Alt+Shift+9 ( 再和信道9相交 )。
64).按住Ctrl键在导航器的代理预览区域中拖放可以更新设定当前文文件的可视区域。提示：在代理预览区域中拖动显示框时按住Shift键可以锁定 移动的方向为横向或垂直。提示：在导航器面板的面板选项中可以更改代 理预览区域中显示框的颜色。
65).若只想执行动作( Action )中的单一步骤，选好要执行的步骤然后按住Ctrl键点播放( Play )按钮( 在行为面板的底部 )。 注意：若要改变动作中部分命令的参数，双击相应的步骤以打开相关对话 框：任何新填入的数值都将自动存储。
Adobe Photoshop 鲜为人知的73个技巧 【选择技巧】
33).使用“重新选择”命令[Ctrl+Shift+D] ( Select／Reselect )来载入／恢复之前的选区。
34).在使用套索工具勾画选区的的时候按Alt键可以在套索工具和和多边形套索工具间切换。
35).勾画选区的时候按住空格键可以移动正在勾画的选区。
36).众所周知按住Shift或Alt键可以增加或修剪当前选区，但你是否知道 同时按下Shift和Alt键勾画可以选取两个选区中相交的部分的提示：按住Ctrl键点击层的图标( 在层面板上 )可加载它的透明信道，再按住Ctrl+Alt+Shift键点击另一层为选取两个层的透明信道相交的区域。
37).在缩放或复制图片之间先切换到快速蒙板模式[Q]可保留原来的选区。
38).使用层的技巧[↑]
39).按Shift+“+”键( 向前 )和Shift+“－”键( 向后 )可在各种层的 合成模式上切换。我们还可以按Alt+Shift+“某一字符”快速切换合成模式。
N = 正常 ( Normal )
I = 溶解 ( Dissolve )
M = 正片叠底 ( Multiply )
S = 屏幕 ( Screen )
O = 叠加 ( Overlay )
F = 柔光( Soft Light )
H = 强光( Hard Light )
D = 颜色减淡 ( Color Dodge )
B = 颜色加深 ( Color Burn )
K = 变暗 ( Darken )
G = 变亮 ( Lighten )
E = 差值( Difference )
X = 排除 ( Exclusion )
U = 色相 ( Hue )
T = 饱和度 ( Saturation )
C = 颜色 ( Color )
Y = 亮度( Luminosity )
Q = 背后( Behind 1 )
L = 阈值( Threshold 2 )
R = 清除 ( Clear 3 )
W = 暗调( Shadows 4 )
V = 中间调( Midtones 4 )
Z = 高光( Highlights 4 )
有编号的对以下情况有效:[注1]
仅在“保留透明区域”关闭的图层中工作
索引色模式( Indexed Mode )
多图层图片上用直线[N]( Line )和油漆桶[K]工具 ( Bucket Tools )
减淡和加深工具[O]( Dodge and Burn Tools )
40).直接按底宙I即可改变当前工具或图层的不透明度。按“1”表示10% 不透明度，“5”为50%，以此类推，“0”为100%不透明度。连续按数字 键比如“85”表示不透明度为85%。 注意：以上热键同样对当前的绘图类工具有效，所以如果你要改变当前层 的不透明度，先转到移动工具或某一选取工具。
41).按住Alt点击所需层前眼睛图标可隐藏/显现其它所有图层。
42).按住Alt点击当前层前的笔刷图标可解除其与其它所有层的链接。
43).要清除某个层上所有的层效果，按住Alt键双击该层上的层效果图标； 或者在菜单中选Layer／Effects／Clear Effects。 提示：要关掉其中一个效果，按住Alt键然后在Layer／Effects子菜单中 选中它的名字。或者可以在图层效果对话框中取消它的“应用”标记。
44).在层面板中按住Alt键在两层之间点击可把他们编为一组。当一些层 链接在一些而你又只想把它们中的一部分编组时这个功能十分好用( 因为 编组命令[Ctrl+G] ( Layer／Group with Previous )在当前层与其它层 有链接时会转为编组链接层命令[Ctrl+G] ( Layer／Group Linked ) )。
45).这里有一个节省时间的增加调整层( Layer／New／Adjustment Layer) 的方法：只需按住Ctrl点击“创建新图层“图标( 在层面板的底部 )选择 你想加的调整层类型！
46).按Alt键点击删除按钮( 在层面板的底部 )可以快速删除层( 无须确 认 )，同样这也适用于信道和路径。 除了在信道面板中编辑层蒙板以外，按Alt点击层面板上蒙板的图标 可以打开它；按住Shift键点击蒙板图标为关闭/打开蒙板( 会显示一个红 叉X表示关闭蒙板 )。按住Alt+Shift点击层蒙板可以以红宝石色( 50%红 ) 显示。按住Ctrl键点击蒙板图标为加载它的透明选区。
47).按层面板上的“添加图层蒙板”图标( 在层面板的底部 )所加入的蒙 板默认显示当前选区的所有内容( Layer／Add Layer Mask／Reveal All )； 按住Alt键点“添加图层蒙板”图标所加的蒙板隐藏当前选区内容( Layer ／Add Layer Mask／Hide All )。
48).点击路径面板上的空白区域可关闭所有路径的显示 提示：按Ctrl+Shift+H切换路径是否显示( View / Show/Hide Path )。
49).在点击路径面板下方的几个按钮( 用前景色填充路径、用前景色描边 路径、将路径作为选区加载 )时，按住Alt键可以看见一系列可用的工具和／或选项。当前工具为移动工具( 或随时按住Ctrl键 )时，右键点击画 布可以打开当前点所有层的列表( 按从上到下排序 )：从列表中选择层的 名字可以使其为当前层。 提示：按住Alt键点鼠标右键可以自动选择当前点最靠上的层，或者打开
50).移动工具选项面板中的自动选择图层选项也可实现。 提示：再按住Shift键( Alt+Shift+右键点击 )可以切换当前层是否与最上面层作链接。
Adobe Photoshop 鲜为人知的73个技巧 【命令技巧】
23).如果你最近拷贝了一张图片存在剪贴板里，Photoshop在新建文件[Ctrl+N] ( File／New... )的时候会以剪贴板中图片的尺寸作为新建图的默认大小。 要略过这个特性而使用上一次的设置，在打开的时候按住Alt键[Ctrl+Alt+N] ( Alt + File ?New... )。
24).按Ctrl+Alt+Z和Ctrl+Shift+Z组合键分别为在历史记录中向后和向前 ( 或者可以使用历史面板中的菜单来使用这些命令 )。结合还原[Ctrl+Z] ( Edit／Undo )命令使用这些热键可以自由地在历史记录和当前状态中切 换。
25).Alt+Backspace和Ctrl+Backspace组合键分别为填充前景色和背景色，另一个非常有用的热键是 Shift+Backspace - 打开填充对话框。 提示：按Alt+Shift+Backspace及Ctrl+Shift+Backspace组合键在填充前景及背景色的时候只填充已存在的像素( 保持透明区域 )。
26).在使用自由变换工具[Ctrl+T] ( Edit／Free Transform )时按住Alt 键( Ctrl+Alt+T 或 Alt + Edit／Free Transfrom )即可先复制原图层( 在当前的选区 )后在复制层上进行变换。 提示：Ctrl+Shift+T ( Edit／Transfrom Again )为再次执行上次的变 换，Ctrl+Alt+Shift+T( Alt + Edit／Transfrom／Again )为复制原图后再执行变换。
27).要防止使用裁切工具[C]( Crop Tool )时选框吸附在图片边框上，在 拖动裁切工具选框上的控制点的时候按住Ctrl键即可。
28).要修正倾斜的图像，先用测量工具在图上可以作为水平或垂直方向基准的地方画一条线( 像图像的边框、门框、两眼间的水平线等等 )， 然后从菜单中选Image／Rotate Canvas／Arbitrary，打开后会发现正确的旋转角度已经自动填好了，只要按确定就OK啦。 注意：也可以用裁切工具来一步完成旋转和剪切的工作：先用裁切工具 [C]画一个方框，拖动选框上的控制点来调整选取框的角度和大小，最后 按回车实现旋转及剪切。提示：测量工具量出的角度同时也会自动填到数字变换工具( Edit／Transform/Numeric )对话框中。
29).使用“通过复制新建层[Ctrl+J] ( Layer／New／Layer Via Copy )” 或“通过剪切新建层[Ctrl+J] ( Layer／New／Layer Via Cut )”命令可以在一步之间完成拷贝 & 粘贴和剪切 & 粘贴的工作。 注意：通过复制( 剪切 )新建层命令粘贴时被仍放在它们原来的地方，然而通过拷贝( 剪切 )＆粘贴会贴到图片( 或选区 )的中心。
30).裁剪图像( 使用裁剪工具或选Edit／Crop )后所有在裁剪范围之外的 像素就都丢失了。要想无损失地裁剪可以用“画布大小( Image／Canvas Size )”命令来代替。虽然Photoshop会警告你将进行一些剪切，但出于某种原因事实上并没有所有“被剪切掉的”数据都被保留在画面以外。 提示：ImageReady的剪切命令( Image／Crop )会提问要删除剪切区域还是隐藏起来。注意：这对索引色模式不起作用( 在索引模式下用画布大小命令会损失画面以外的像素 )。
31).合并可见图层时按住Alt键[Ctrl+Alt+Shift+E] ( Alt + Layer／ Merge Visible )为把所有可见图层复制一份后合并到当前图层。 提示：同样可以在合并图层( Layer／Merge Down )的时候按住Alt键，会 把当前层复制一份后合并到前一个层。这个命令没有相应的热键-- Ctrl+Alt+E不起作用。
Adobe Photoshop 鲜为人知的73个技巧 【工具技巧】
15).任何时候按住Ctrl键即可切换为移动工具[V]，按住Ctrl+Alt键拖动鼠标可以复制当前层或选区内容。
16).按住空格键可以在任何时候切换为抓手工具[H]( Hand Tool )。
17).缩放工具的快捷键为“Z”，此外Ctrl＋空格键为放大工具，Alt＋空格键为缩小工具。
18).按Ctrl+“+”键以及“－”键分别为放大和缩小图像的视图；相对应的，按以上热键的同时按住Alt键可以自动调整窗口以满屏显示( Ctrl+Alt+ “+”和Ctrl+Alt+“－” )，这一点十分有用！（注意：如果想要在使用缩放工具时按图片的大小自动调整窗口，可以在缩放工具的选项中选择条整窗口大小以满屏显示( Resize Windows to Fit )”选项。）
19).用吸管工具选取颜色的时候按住Alt键即可定义当前背景色。
20).结合颜色取样器工具[Shift+I]( Color Sampler Tool )和信息面板 ( Window／Show Info )，我们可以监视当前图片的颜色变化。变化前后 的颜色值显示在信息面板上其取样点编号的旁边。通过信息面板上的弹出 菜单可以定义取样点的色彩模式。要增加新取样点只需在画布上随便什么 地方再点一下( 用颜色取样器工具 )，按住Alt键点击可以除去取样点。 注意：一张图上最多只能放置四个颜色取样点 提示：当Photoshop中有对话框( 例如：色阶命令、曲线命令等等 )弹出时，要增加新的取样点必须按住Shift键再点击，按住Alt+Shift点击一个取样点可以减去它。
21).度量工具( Measure Tool )在测量距离上十分便利( 特别是在斜线上 )，你同样可以用它来量角度( 就像一只量角器 )。首先要保证信息面板[F8] ( Window／Show Info )可视。选择度量工具点击并拖出一条直线，按住Alt键从第一条线的节点上再拖出第二条直线，这样两条线间的夹角和线的长度都显示在信息面板可视。
Adobe Photoshop 鲜为人知的73个技巧 【界面技巧】
Photoshop之所以在拥有强大功能的同时依然保持了良好的使用性， 很大程度上应该归功于其整齐精练的界面和简单易用的可自定义性( 除了它大量的工具和命令 )。事实上，Photoshop中拥有大量令人惊异的“隐藏”功能。无论你用过Photoshop多少年，都会不断发掘出越来越多的东西。我怀疑会有谁宣 称他知道关于Photoshop“所有”的东西( 可能Adobe的软件工程师要除外 )。
下面的75个技巧将会帮助你( 无论你是新手还是经验丰富的专家 )掌握Photoshop的一些“隐藏”功能，以助于更快更有效的完成复杂工作；或者它们会告诉你一些你以前所不知道的Photoshop的能力。为了您的方便起见，我把它们分为八个部分来讲：
【界面技巧】
1).你可能知道按Tab键可以隐藏工具箱和浮动面板，同样按Shift+Tab键 可以只隐藏浮动面板( 而保留工具条可见 )。
2).按住Shift键点击浮动面板的标题栏可以使其吸附到最近的屏幕边缘。
3).双击浮动面板的上的每一栏( 就是有标题的那个 )可以使其最小化。 通过浮动面板上的最小化按钮可以在紧凑模式( 只有最少的选项和内容可视 )和正常模式( 显示面板上所有的选项和内容 )之间切换。
4).可以通过按回车键( 或双击工具箱上的工具按钮 )来打开当前工具的选项面板。不然的话只能通过菜单上的 Window／Show Options命令来来打开。
5).利用比例缩放区( 在Photoshop窗体或导航器面板的左下角 )来快速选择一个准确的显示比例，当输入一个值后按Shift+Enter让你快速得到欲显示的比例。
6).要改变状态区的显示信息( 在窗口底部，默认显示文件大小，可以通过Window > Show Status Bar打开 )，按状态区上的按钮从弹出菜单中选 一个新的项目。点击状态区上按钮的左侧区域可以显示当前文件的打印尺 寸、按住Alt点击显示文件尺寸和分辨率、按住Ctrl点击显示拼贴信息。
7).厌倦了灰色的画布底色？选择油漆桶工具[K]( Paint Bucket )按住 Shift点击画布边缘即可设置画布底色为当前的前景色。（注意：要还原到默认的颜色，设置前景色为25%灰度( R192,G192,B192 )再次按住Shift 点击画布边缘。）
8).在Photoshop中所有的对话框中的取消( Cancel )按钮都可以通过按 住Alt键变为复位( Reset )按钮。这使你可以轻易回复到初始值而毋须取 消重来。
9).键盘上的CapsLock键可以控制光标在精确状态及标准状态之间切换。 注意：如果Photoshop的参数 [Ctrl+K,Ctrl+3] ( File／Preferences／ Display & Cursors... ) 中已经设置光标为精确状态，这时CapsLock键不起作用。
10).按“F”键可在Photoshop的三种不同屏幕显示方式 ( 标准显示模式→ 带菜单的全屏显示模式→全屏显示模式 )下切换( 或者可以使用工具箱下 端的按钮 )。提示：在全屏模式下按Shift+F可以切换是否显示菜单。 双击Photoshop的背景空白处为打开文件命令[Ctrl+O]( File／Open)。
11).按住Shift点击颜色面板下的颜色条可以改变其所显示的色谱类型。或者，也可以在颜色条上单击鼠标右键，从弹出的颜色条选项菜单中选取其它色彩模式。
12).在图片窗口的标题栏上单击鼠标右键可以快速用一些命令，如画布大小命令、图像大小命令和复制等等。 在色板面板上的任一空白( 灰色 )区域单击可在色板上加进一个自定义的颜色，按住Ctrl键点击为减去一个颜色，按住Shift点击为替换一个颜色。
13).通过拷贝粘贴Photoshop拾色器中所显示的16进制颜色值，可以在 Photoshop和其它程序( 其它支持16进制颜色值的程序 )之间交换颜色数据。
超多字型下載
華康少女體
http://andycg.liful.com/font1.zip
華康POP體
http://andycg.liful.com/font2.zip
華康娃娃體
http://andycg.liful.com/font3.zip
華康海報體
http://andycg.liful.com/font4.zip
文鼎酷字集．共 33 種字型
文鼎習字體、香腸體、瀟灑體、花瓣體、霹靂體、妞妞體、荊棘體、竹子體、中特廣告體、細鋼筆行楷、中鋼筆行楷、粗鋼筆行楷、誰的字體、鬍子體、石頭體、行 楷碑體、賤狗體、彈簧體、齒輪體、淹水體、火柴體、水管體、POP-4、雕刻體、圓立體、賤狗體繁、荊棘體繁、齒輪體繁、雕刻體繁。 126M http://coolfont.ayinfo.ha.cn/font/cool.rar
金梅毛行書
http://coolfont.ayinfo.ha.cn/font%5CTT1.zip
方正仿宋繁體
http://coolfont.ayinfo.ha.cn/font%5CFZFSFW.zip
方正黑體繁體
http://coolfont.ayinfo.ha.cn/font%5CFZHTFW.zip
金梅毛楷體
http://coolfont.ayinfo.ha.cn/font%5CTT9.ZIP
金梅毛隸書
http://coolfont.ayinfo.ha.cn/font%5Ctt2.zip
漢儀行楷繁
http://coolfont.ayinfo.ha.cn/font%5Cf056.rar
方正魏碑繁體
http://coolfont.ayinfo.ha.cn/font%5CFzwbfw.zip
方正彩雲繁體
http://coolfont.ayinfo.ha.cn/font%5CFZCYFW.zip
方正姚體繁體
http://coolfont.ayinfo.ha.cn/font%5CFZYTFW.zip
方正大標宋繁體
http://coolfont.ayinfo.ha.cn/font%5CFZDBSFW.zip
方正粗黑繁體體
http://coolfont.ayinfo.ha.cn/font%5CFZH4FW.zip
14款迷你書法字庫
壓縮到一塊共11.1M，之所以這麼小，因為各個字體去掉了一些不常用的字體和符號，所以字體變小，內有中國龍創藝字庫、少女體、簡趣味、繁智草、繁智楷、趙楷、王行、唐隸、歐行、陸行、柳楷、衡方碑、褚楷、曹隸共14款，要的速下
下載 http://coolfont.ayinfo.ha.cn/font/sfzk.rar
字我陶醉 ─ 超世紀書法字型（20種）
http://coolfont.ayinfo.ha.cn/font/font_csj20.rar
漢鼎繁淡古
http://download.hzinfo.com/webfont/HDZB_1.zip
漢鼎繁舒體
http://download.hzinfo.com/webfont/HDZB_10.zip
漢鼎繁古印
http://download.hzinfo.com/webfont/HDZB_5.zip
漢鼎繁長美黑
http://download.hzinfo.com/webfont/HDZB_50.zip
漢鼎繁大隸書
http://download.hzinfo.com/webfont/HDZB_55.zip
漢鼎繁琥珀
http://download.hzinfo.com/webfont/HDZB_86.zip
創意繁隸書體
http://download.hzinfo.com/webfont/LISHUSF.zip
創意繁琥珀體
http://download.hzinfo.com/webfont/HUPOSF.zip
漢鼎繁顏體
http://download.hzinfo.com/webfont/HDZB_24.zip
漢鼎繁舒體
http://download.hzinfo.com/webfont/HDZB_10.zip
漢儀篆書繁體
http://download.hzinfo.com/webfont/MJ1GFM.zip
世界顶尖网页设计师作品
世界顶尖网页设计师角逐竞赛152 名网站设计师赢得了 2000 年国际网页设计奖
项国际网页设计奖开始于 1998，它是第一个真正的 Web 设计师和图像艺术家组
织国际组织来评估认可他们在过去一年中所做的工作。被“连线杂志”评为世界
顶尖5大互联网奖项之一，该奖因为它的评奖严格认证和质量保证而具有非凡的
价值。在开始的一年中他成立了超过 450 个文档在 30 分类中，包括广告代
理、企业、设计工作室和webmasters。在 2000 年竞赛中，共收到来自 22 个不
同国家的超过 700 件作品。在 2000 年里面，39 个获奖网页来自美国以外地
区，较之上届 1999 年的 21 件有所增加。 大赢家是Elephant Seven ，来自汉
堡，获得 6 大奖项； Siegelgale 赢得 5 项。
http://www.2112fx.com ;
http://www.3wstudios.com ;
http://www.floridakidcare.org ;
http://www.greattowait.com ;
http://www.floridadental.org ;
http://www.selfcare.com ;
http://www.room12.com ;
http://www.smithandhawken.com ;
http://www.pawluk.com ;
http://www.cigna.com ;
http://www.allunasleep.com ;
http://www.luckysurf.com ;
http://www.ac.com ;
http://www.acg-1.com ;
http://myapollo.com ;
http://www.8arts.com ;
http://www.mtvasia.com ;
http://www.pbs.org/warrior ;
http://www.crouchingtiger.com ;
http://www.ad2.com/whipped ;
http://www.flyweight.com ;
http://www.der-neue-passat.de ;
http://www.bcbg.com ;
http://www.bronsonhealth.com ;
http://www.getrealgirl.com ;
http://www.restorationhardware.com ;
http://www.peoplesoft.com ;
http://www.foxinteractive.com ;
http://www.coleweber.com ;
http://www.dodgers.com ;
http://www.patsajak.com ;
http://www.urbanhound.com ;
http://www.frankel.com ;
http://www.iunits.com ;
http://www.disney.com ;
http://www.perdue.com ;
---------------------------
http://www.porsche-holding.com ;
http://www.audioforce.de ;
http://www.axel-springer-tv.de ;
http://www.movie.de/Fandango ;
http://www.pricap.de ;
http://www.cokebei3grad.de ;
http://www.boxing.de ;
http://espn.go.com ;
http://www.ourherotv.com ;
http://www.cernyinuitcollection.com ;
http://www.corrs.net ;
http://www.gen.com ;
http://www.discoveryespanol.com ;
http://www.thescientificworld.com ;
http://www.moen.com ;
http://www.einsurancesys ;tems.com
http://www.ged.co.za ;
http://mrshowbiz.com ;
http://movies.com ;
http://wallofsound.com ;
http://www.gr8.com ;
http://www.wellplanet.com ;
http://www.thebugstopshere.co.uk ;
http://www.peperami.com ;
http://www.head-newmedia.com ;
http://www.head-space.com ;
http://www.hear-it.org ;
http://www.hatworld.com ;
http://www.fourwindsresort.com ;
http://www.hirons.com ;
http://www.samsungusa.com/dtv ;
http://www.netaid.org ;
http://www.programforgiving.com ;
http://www.oneworldjourneys.com/georgia ;
http://www.idea.com ;
http://www.iexplore.com ;
http://www.iframe.com ;
http://www.cobrausa.com ;
http://www.123northwacker.com ;
http://www.4intercept.com ;
http://www.i-on.com ;
-----------------------------------------
http://www.elizabetharden.com ;
http://www.ivillage.com ;
http://www.fxdiamond.com ;
http://www.certco.com/prdnsrv/final.html ;
http://kmgi.com/clubessential ;
http://www.lavastorm.com ;
http://www.learningresources.com ;
http://www.marriott.com ;
http://www.bluestreak.com ;
http://www.luckylack.ch ;
http://www.maybelline.com ;
http://www.m-ms.com ;
http://vsg.macaw.nl ;
http://www.bridgestrategy.com ;
http://golden-bearsportswear.com ;
http://www.search401k.com ;
http://www.mattwolf.com ;
http://haworth.com/furncat_new2000/index.com ;
http://lbsummer2000.mc2interactive.com ;
http://demo.mrev.com ;
http://www.carolyntyler.com ;
http://osws.artmuseum.net/enter.html ;
http://www.discoverhongkong.com ;
http://services.sunday.com ;
http://www.gecapital.com.hk ;
http://www.countrychoicenaturals.com ;
http://www.nationalgeographic.com/ngm ;
http://www.napasdachurch.com ;
http://www.daimlerchrysler.com.mx ;
http://www.minacs.com ;
http://www.impromptugourmet.com ;
http://www.GrahameSydney.com ;
http://www.ibm.com/fanmail ;
http://www.ibm.com/e-business ;
http://www.us.jaguar.com ;
http://www.accessorize.co.uk ;
----------------------------------------
http://www.bitesnich.com ;
http://spar.at ;
http://www.financiallearning.com ;
http://www.family-man.com ;
http://www.the-hurricane.com ;
http://www.mgmgrand/lv ;
http://www.royhsu.com ;
http://www.myfamily.com ;
http://www.berggruen.com ;
http://www.sausageinteractive.com.au ;
http://www.legalonline.vic.gov.au ;
http://www.eleven22.com ;
http://www.rui-camilo.de ;
http://www.usm.com ;
http://www.mercedes-benz.com/passion ;
http://www.crissyfield.org ;
http://www.rcinternational.rccola.com ;
http://www.kodak.com ;
http://shop.lycos.com ;
http://www.craveconference.com ;
http://www.iobox.com ;
http://www.siegelgale.com ;
http://www.treasurypoint.com ;
http://www.sagent.com ;
http://www.virtgame.com ;
http://www.scmv.com ;
http://www.smartmoney.com ;
http://www.hawaiianair.com ;
http://www.usatoday.com ;
http://www.usatoday.com/news/politi...s/campfront.htm ;
http://www.usatoday.com/iwpa2000/iwpa2000.htm ;
http://www.jackpot.dk ;
http://www.ecco.com ;
http://www.aqua.dk ;
http://www.petrossian.com
Sunday, July 6, 2008
DREAMWEAVER VS FRONTPAGE
FRONTPAGE REVIEW
“No real professional uses FrontPage.”
This is a common belief held by many “Internet professionals,” but is it really true?
Many FrontPage users face the overwhelming perception that if they use FrontPage, they can’t be a “real professional” — an attitude that I’ve always regarded as ludicrous. A “professional” can use FrontPage as one of the many weapons in his or her arsenal.
Make no mistake, though: FrontPage is a great application for newbies because it’s modeled after Microsoft Word, which is easy to use, and a program with which many, many people are familiar. So, when you open up FrontPage, you think “Hey, this is just like a Word Document! I can do this!”
The controls of Word and FrontPage are strikingly similar.
FrontPage is commonly known as a WYSIWYG (What You See Is What You Get) editor. It’s a solid tool with a great deal of easy-to-use options and page elements that allow you to create a decent Website quickly and with minimal hassle. Sure, if you don’t have any design sense, you’re going to wind up with an ugly page — but that goes for every piece of design software you can buy. But FrontPage offers other functionality as well, including, for example, its very useful site management tools. We’ll talk about them a little later.
The Advantages
First I’d like to talk about a few of the small, neat things I see in FrontPage.
I really like the tabs that come up when you have more than one document open. In most of the other editors I’ve used, a new window is opened for each document, each taking up a little extra space on the Taskbar. But FrontPage’s single tab takes up the same amount of Taskbar space, no matter how many documents you have open. Plus, this makes it really easy to switch between documents.
Another great advantage is the way FrontPage allows you to jump from the actual editor, to the HTML code (that you can edit by hand), and a preview of what the page would like if it were online. You don’t have to open up a new browser window to preview a page, unless you choose to. This is all very handy. To give you an idea of how easy it is to change between views.
The Disadvantage
What’s the downside for FrontPage? The code it produces isn’t pretty, and won’t pass the standards for HTML/XHTML. This is, as you’d imagine, the major gripe most people have with FrontPage. However, the code works fine for most major and minor browsers out there at the moment.
If you happen to write your own code, you can turn code editing off so that FrontPage won’t touch it. If you want to get really technical (and I mean really), you can even set your own coding profile — FrontPage will then code the pages the way you tell it to.
An Added Bonus: Site Management
Included in FrontPage is a wealth of site management tools. These help you to plan and develop the structure of your Website, from navigation and subdirectories, to links and architecture. You can map an existing Website or create one from scratch.
You can even configure FrontPage to display Website traffic reports. Hate to FTP? FrontPage can be set to update a page on the Web automatically, right after you’ve changed it.
DREAMWEAVER REVIEW
Visual authoring with XML data
Integrate XML-based data, such as RSS feeds into web pages using a simple drag
and drop workflow. Jump to code view to customize the transformation, using improved
code hinting for XML and XSLT.
New, unified CSS panel
All the CSS functionality is consolidated into one panel set and enhanced to make
working with CSS easier and more productive. The new interface makes it easier
to see the cascade of styles applied to a specific element and easily identify
where attributes are defined. A property grid allows for quick edits.
CSS layout visualization
Apply visual aides at design time to outline CSS layout borders or color CSS layouts
to reveal complex nesting schemes and improve selection. Click on the CSS layout
for valuable Tooltips, such as ID and padding and margin and border settings.
Style rendering toolbar
View content the same way end-users will see it, no matter what the delivery mechanism,
with new support for CSS media types in Dreamweaver 8. Use the style rendering
toolbar to toggle to design view and see how it will look in print, on a handheld,
or on a screen.
CSS rendering improvements
Match how complex CSS layouts will render in most browsers, with substantial improvements
in design view accuracy. Dreamweaver now fully supports advanced CSS techniques,
such as overflow, pseudo-elements, and form elements.
Accessibility: Support for WCAG/W3C priority 2 checkpoints
In addition to the integrated accessibility evaluation tool for Section 508 and
WCAG Priority 1 checkpoints, Dreamweaver now supports both CSS and accessibility
with an updated evaluation tool that includes WCAG Priority 2 checkpoints.
Improved WebDAV
WebDAV in Dreamweaver 8 now supports digest authentication and SSL for secure
file transfer and offers improved connectivity with a wider array of servers.
Background file transfer
Stop waiting and keep working while Dreamweaver 8 uploads files to the server.
New functionality enables users to work with files in their local machine while
Dreamweaver communicates with the server.
Zoom
Get great control over design with zoom. Pan in and inspect an image or work with
a complex nested table layout. Zoom out to review how a page will look overall.
Guides
Compare the page layout to comps with pixel perfect accuracy using guides to measure
page layouts. Great visual feedback helps measure distances accurately and supports
intelligent snapping.
Coding toolbar
The new code toolbar surfaces common coding operations in a gutter bar along the
side of the coding surface. No more hunting through menus and panels to find code
snippets. New coding features include comment/uncomment.
Code collapse
Focus only on the code in use. Hide and expand blocks of code by selection or
by tag to stay organized.
Workspace layouts
Customize and save workspace configurations. Dreamweaver 8 ships with four different
configurations that are tailored to the needs of designers and coders. Pick and
choose, or easily build a custom workspace.
Tabbed documents for the Mac
New document tabs on Mac help simplify the user interface and make it easier to
select documents.
New starter pages
Get started with web design in a snap. Beautiful new layouts and designs allow
users to go from installation to full site in no time flat.
Improved site synchronize and check in / check out
Manage sites with increased reliability and confidence. Improved site synchronization
features help ensure that the file in use is the latest version. Prevent accidental
overwriting of others’ work with improved check-in/ check-out functionality
to track who is working on which files.
Compare files
Quickly compare files to identify what has changed, whether it is two local files,
a file on the local and remote, or two files on the remote server. Dreamweaver
8 now integrates with diff utilities on both the Mac and Windows platforms.
Paste special
Spend less time wrestling content from email and Microsoft Word into formats.
With new pasting options in Dreamweaver, retain all the source formatting created
in Microsoft Word, or just take the text and apply the CSS already attached to
the page.
Site relative references
Work seamlessly with server-side includes at design time and run time by ensuring
that references are relative to sites instead of local files.
Code editing improvements
Gain greater control over how the tool hints and completes tags to fit with your
coding style
Support for ColdFusion MX 7
Updated support for ColdFusion MX 7 includes new server behaviors and code hinting.
To match the code hinting and debugging with the correct version of ColdFusion,
Dreamweaver automatically detects the server version the first time the tool connects
to the site. The tight integration between Dreamweaver and ColdFusion allows users
to add and remove databases directly from the database and components panel in
Dreamweaver to show only CFCs defined in the current site—making navigating
CFCs a snap.
Support for PHP 5
Take advantage of updated support for PHP 5, including server behaviors and code
hinting.
OVERALL
if your going for a more CSS type site use dreamweaver while if your preferation is simplicity itself , go for frontpage.