Common Doctype Difference

Most of designers will remove doctype for their html files. This is most easy way to get what they wanted. Such as 100% table and center all the contents. If you do this. You never pass W3C Validation. But we choose one doctype. Some of effect will be disabled. I tried to list some common difference for the doctype.

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

Most of old version browser will support this type. And this doctype is the most similar to remove doctype effect.

• Support - Height 100%
• Support - IE Scrolling Bar Coloring
• Not Support - Margin:0 Auto
• Getting error for appling Img Padding and Border

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"

One of Dreamweaver selection doctype

• Not Support - Height 100% (If you need to do 100%, you need to set html and body to 100% at your CSS sheet)
• Not Support - IE Scrolling Bar Coloring
• Support - Margin:0 Auto
• Support- Img Padding

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&

Another one of Dreamweaver selection doctype. Xhtml type is almost no difference than above one. But you need to take care for writing html code at Xhtml file. The structure of coding is need at XHTML file.

• At html file you can write
• <strong><p>Content</strong></p>
• But at XHTML type it will become an error
• You also need to close the <br> tag be <br />

There are other difference doctype at html setting. If you have an interest. You can search it at Google. There is a lot of result for detail informations.

Powered by: i-web-design.org:Web Design,SEO Company | Smart-Info: Web Hosting,Web Design

Doctype 基本屬性比較

Doctype 很容易會影響Layout上的表現，很多設計師為了方便直接地把Doctype刪除。可是這樣子是不能通過W3C的檢測。可是用上Doctype又做不到想要的東西。在這裡先說明一下doctype和常用的屬性通用性。

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

老舊版本的瀏覽器多半是相容模式，基本上是最接近將Doctype刪除的Doctype。

• Height 100% 支援
• Margin 0 Auto 不支援
• IE Scrolling Bar轉色支援
• Img Padding 和Border 共時使用會出現問題

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"

Dreamweaver預計時提供的DTD文件之一

• Height 100% 不支援 (需要在Body中加入Height 100%,FireFox則需於Body及Html加入Height 100%)
• Margin 0 Auto 支援
• IE Scrolling Bar轉色不支援
• Img Padding 支援

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" ""

Dreamweaver預設時提供的DTD文件之一,Xhtml的內碼會比較特殊。 如<BR/> <P/> ，要求亦比較嚴肅…詳細不在此說明。

• Height 100% 不支援 (需要在Body中加入Height 100%,FireFox則需於Body及Html加入Height 100%)
• Margin 0 Auto 支援
• IE Scrolling Bar轉色不支援
• Img Padding 支援

Powered by
i-web-design.org:Web Design,SEO Company
Smart-Info: Web Hosting,Web Design

Free Hosting Geocities will shut down

Geocities:The famous free webspace is decided to close

There is a announcement for closing service for geocities.com.hk at early of this year. It seems not relatived to geocities.com. In April 2009, Yahoo! make an announcement to notice us they will close Geocities.com later this year too.

Important Announcement

After careful consideration, Yahoo! has decided to close GeoCities later this year.

You can continue enjoying your GeoCities service until then — we just wanted you to let you know about the closure as soon as possible. We'll share more details this summer. For now, please visit the help center for more information.

Trackback from Wiki : http://en.wikipedia.org/wiki/Geocities

Yahoo! GeoCities is a web hosting service founded by David Bohnett and John Rezner in late 1994 as Beverly Hills Internet (BHI).

In its original form, site users selected a "city" in which to place their web pages. The "cities" were named after real cities or regions according to their content—for example, computer-related sites were placed in "SiliconValley" and those dealing with entertainment were assigned to "Hollywood"—hence the name of the site. This feature has since been abandoned; however, a number of older sites using the original "city" system still exist.

In April 2009, Yahoo announced that it will close down GeoCities later in the year. The site is no longer accepting new registrations.

Actually tw and cn geocities was closed before 2009. Geocities.jp will be the only survivour after this year. If you compare their performence. You will find out Geocities.jp has much better services than others. They pay much effort than other countries. Even the service and the design layout. Geocities.com is still remain 2000s' performance before it closed...

Our lovely Geocities Login page.

Beginnger's lover

This article is also posted at Wing R :Website Design,SEO Website @ Sina | Blogger Personal Design | Anime Art Blog (Both in Chinese)

 

Article:
i-web-design.org:Web Design,SEO Company , Smart-Info: Web Hosting,Web Design

E-Card Design:Easter 2009

E-Card Design : Happy Easter

UmeDisc Limited Easter E-Card Design
UmeDisc (pronounced you.me.disc), headquartered in Hong Kong, is a world class optical storage media disc manufacturer for clients around the world. Founded in year 2003, UmeDisc is now the largest manufacturer of DVD+R/DVD-R/CD-R in China...

Smart-Info Web Design
Website Design and Web Hosting

Div Layout:Width,Padding

For those beginners for building div, non table html structure. We will easily get some errors on the padding and width setting. The main problems is caused of our 2 main browsers: Firefox and IE. They read div width and padding in a totally different way. In Firefox side, if you build a 600px width and 20px paddding div. You will get 640px width inside the div. But in IE side. If you make a same condition. You finally will get 600px width inside the div. But the div will extend to 560px. I will not go on discuss which side is right and wrong. Cause of IE 6 and firefox still are main browser in the internet. That is no sense which we igonre one of it. I suggested you to make one div for controlling the padding. Although this is a stupid setting. <div style="width:600px"> <div style="padding:20px"> Your contents here </div> </div> But it would be easy and fastest way for solving those 2 different browsers problems. Those problems are not only appear at div. Some of table td setting may be crashed too. Article:i-web-design|web design

Graphic Design|繪圖軟件 Photoshop | Painter 教材

Graphic Design Software Tutorial | 繪圖軟件 Photoshop, Painter 教材 在這網頁中有詳細介紹Photoshop的基本功能，如果你會普通話的話一定很方便 http://www.51zxw.net/list.aspx?cid=19 基本的按鈕，圖層應用和分析，鋼筆的用法等基礎教材。它就如坊間中的Photoshop入門書籍一樣的。如果你有興趣學習Photoshop，而又缺錢購買教材，這個網頁可是幫到不少的忙。 另一個十分豐富的教學網頁，相比之前的這個介紹的功能也較為進階 5D 多媒體 網頁內容相當的豐富，由簡單容易的技巧到複雜的。當中有不少是相當實用的技巧。 只是為了看Photoshop和Painter的教學也相當值得一去。它還有其他軟件(如Illustrator,CoralDrew特)的教學，一般繒圖的東西也可以在這裡找到，基本上由初手到高手也十分合適。 Article:i-web-design|web design

Online Web Design Software:HTML Editor

Real-time HTML Editor Real-time HTML Editor is a tool which you can use to edit and test your HTML code. When you type HTML code into the textbox, it will magically appear in the frame. FCKeditor demo This HTML text editor brings to the web much of the power of desktop editors like MS Word. It's lightweight and doesn't require any kind of installation on the client computer. eWebEditor demo eWebEditor is an web based WYSIWYG online html editor. Leading online html editors. Online html editor edit html online. Online HTML Editor This is a free online WYSIWYG Editor! With that free Online HTML Editor you can edit any HTML document from your computer directly online. Article: i web design : design a good website,SEO development