搜尋

隨機推薦

02 十二月 2009

 

<!doctype html>
<!-- simplified doctype works for all previous versions of HTML as well --> 
<!-- Paul Irish's technique for targeting IE, modified to only target IE6, applied to the html element instead of body -->
<!--[if lt IE 7 ]><html lang="en" class="no-js ie6"><![endif]-->
<!--[if (gt IE 6)|!(IE)]><!-->
<html lang="zh-tw" class="no-js">
        <!--<![endif]--> 
        <head>    
                <!-- simplified character encoding -->    
                <meta charset="utf-8">      
                <title>Easy HTML5 Template
                </title>    
                <meta name="description" content="Easy HTML5 Template">    
                <meta name="author" content="">      
                <!-- Delete these two icon references once you've placed them in the root directory with these file names -->     
                <!-- favicon 16x16 -->     
                <link rel="shortcut icon" href="/favicon.ico">    
                <!-- apple touch icon 57x57 -->    
                <link rel="apple-touch-icon" href="/apple-touch-icon.png">      
                <!-- Main style sheet. Change version number in query string to force styles refresh -->     
                <!-- Link element no longer needs type attribute -->     
                <link rel="stylesheet" href="/css/screen.css?v=1.0">      
                <!-- Modernizr for feature detection of CSS3 and HTML5; must be placed in the "head" -->     
                <!-- Script tag no longer needs type attribute -->     
<script src="/js/modernizr-1.6.min.js"></script>      
                <!-- Remove the script reference below if you're using Modernizr -->     
                <!--[if lt IE 9]>
                    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
                    <![endif]--> 
        </head> 
        <!-- If possible, use the body as the container -->
        <!-- The "home" class is an example of a dynamic class created on the server for page-specific targeting -->
        <body class="home">      
                <!-- ******************************************************************** -->     
                <!-- The content below is for demonstration of some common HTML5 elements  -->     
                <!-- More than likely you'll rip out everything except header/section/footer and start fresh -->      
                <!-- First header has an ID so you can give it individual styles, and target stuff inside it -->     
                <header id="hd1">          
                        <!-- "hgroup" is used to make two headings into one, to prevent a new document node from forming -->         
                        <hgroup>        <h1>Easy HTML5 Template</h1>        <h2>tagline</h2>        
                        </hgroup>          
                        <!-- Main nav, styled by targeting "#hd1 nav"; you can have more than one nav element per page -->         
                        <nav>            
                                <ul>                <li>
                                        <a href="#">Home</a></li>                <li>
                                        <a href="#">About</a></li>                <li>
                                        <a href="#">Services</a></li>                <li>
                                        <a href="#">Contact</a></li>            
                                </ul>        
                        </nav>      
                </header>
                <!-- #hd1 -->      
                <!-- This is the main "div" that wraps the content generically; don't use "section" for this -->     
                <div id="main">          
                        <!-- The first of two "section" elements for demo purposes; optional class added for styling (hs1 = "home section 1") -->         
                        <section class="hs1">        
                                <!-- Each section should begin with a new h1 (not h2), and optionally a header -->        
                                <!-- You can have more than one header/footer pair on a page -->            
                                <header>            <h1>This is a Page Sub Title</h1>            
                                </header>              
                                <p>Some content...
                                </p>              
                                <!-- The h2 below is a sub heading relative to the h1 in this section, not for the whole document -->             <h2>Demonstrating EM and STRONG</h2>              
                                <!-- "strong" is used for SEO and contextual hierarchy -->             
                                <p><strong>This text will have more importance (SEO-wise and contextually)</strong>
                                </p>              
                                <!-- "b" is used for stylistic offset of text that's NOT important contextually -->             
                                <p><b>This text has visual importance but has no contextual or SEO importance</b>
                                </p>              
                                <!-- "em" is used for colloquial-style emphasis -->             
                                <p>This is a 
                                        <em>very
                                        </em> colloquial expression.
                                </p>              
                                <!-- There can be multiple footers on each page -->             
                                <!-- Secondary headers and footers don't necesarily need ids; they can be targeted via context (i.e. ".hs1 footer") -->             
                                <footer>            
                                        <!-- incite a riot: http://24ways.org/2009/incite-a-riot -->            
                                        <p>Author: 
                                                <cite>Louis Lazaris
                                                </cite>
                                        </p>            
                                </footer>          
                        </section>
                        <!-- .hs1 -->          
                        <!-- This is another section; doesn't have header/footer because it's not required -->         
                        <section class="hs2">        <h1>This is another section</h1>        
                                <p>This is some dummy content
                                </p>        
                        </section>
                        <!-- .hs2 -->      
                </div>
                <!-- #main -->      
                <!-- The "aside" element could be a sidebar (outside an article or section) -->     
                <!-- Or it could reference other tangentially-related content within an article or section -->     
                <aside id="sidebar">    
                        <p>Sidebar content
                        </p>    
                </aside>      
                <!-- The main footer has an ID for targeting, similar to the main header -->     
                <footer id="f1">    
                        <p>copyright © year
                        </p>    
                </footer>
                <!-- #f1 --> 
                <!-- Remote jQuery with local fallback; taken from HTML5 Boilerplate http://html5boilerplate.com -->
                <!-- jQuery version might not be the latest; check jquery.com -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="/js/jquery-1.4.4.min.js"%3E%3C/script%3E'))</script> 
                <!-- Below is your script file, which has a basic JavaScript design pattern that you can optionally use -->
                <!-- Keep this and plugin scripts at the bottom for faster page load; combining and minifying scripts is recommended -->
<script src="/js/general.js"></script> 
                <!-- asynchronous analytics code by Mathias Bynens; change UA-XXXXX-X to your own code; http://mathiasbynens.be/notes/async-analytics-snippet -->
                <!-- this can also be placed in the <head> if you want page views to be tracked quicker -->
<script>
var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
(function(d, t) {
    var g = d.createElement(t),
        s = d.getElementsByTagName(t)[0];
    g.async = true;
    g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g, s);
})(document, 'script');
</script>
        </body>
</html> 

 

下載一

下載二

下載三 (zip)

 

 

 

[PHP]


;;;;;;;;;;;;;;;;;;;
; PHP.INI中文說明 ;
;;;;;;;;;;;;;;;;;;;
; 這個檔案是PHP安裝的預設配置檔案.
; 預設設定下, PHP是以程式開發為目的,而不是為了其它目的!
; 由於PHP在應用在您的網站之前必須考慮一些安全問題,
; 所以請您參考php.ini-recommended(被推薦的)中相關參數的設定,
; 另外,您也可以在以下網站獲得幫助:http://php.net/manual/en/security.php.

根據《遠見》雜誌這次的調查,2004年營收前五百大的上市公司總經理,近九成擁有大專以上學歷。
但是,許多總經理異口同聲地表示,大學教育對他們當上總經理幾乎沒有什麼助益。他們甚至不記得,曾經上過哪些課,或是有哪些老師教過他們。
大學教育似乎滿足不了企業對人才的渴求。
廣達董事長林百里就曾在遠見論壇中提到,即使是台大學生,到企業後也要三年的磨練,才能上手。
這三年的空窗期幾乎是所有企業僱用大學新鮮人,必須要付出的人力成本。

 

三年空窗期:企業必付的成本

大學生進入工廠,要瞭解產品,建立人際關係,三年很快就過去了。畢業於台大商學系的巨大捷安特總經理羅祥安即指出,大學畢業生進入公司前三年,是公司付學費給他們,他們很少真正對公司有貢獻。

交大電機資訊學院畢業的台達電總經理柯子興也舉例,在校修電子工程,和實際上線製作是兩回事。例如在學校學的電阻可能只有一種,但產品卻是由數十種電阻組成,要到能仿製別人產品的階段,至少也要一年半載;如果要能根據訂單規格設計產品,「三年跑不掉」。

柯子興對大學教育最擔心的事,還不是學生專業不足,而是他們極端功利化的態度。

不久前,柯子興到台大演講,並與一群碩士生座談,一位學生直接挑明說,他們都是根據股票行情表找工作,先看看聯發科、台積電哪家股價最高,然後看報紙報導哪家公司員工配股多。

柯子興感嘆,現在大學生選擇工作,不問這個行業有沒有前途,只看三、五年短期的報酬。

企業不喜歡大學剛畢業的新鮮人,東京大學博士、台灣石化合成董事長吳澄清認為,是因為台灣教育未與企業接軌,大學遠落後於社會,以致於學生在校外學的比校內多。就像奈米科技在業界早已經發展成熟,學校才開始發展課程。

三十多年前,吳澄清在台大化工系任教時,台大圖書館的書仍然不能外借,因為校方怕有「敏感書籍」外流;實驗室晚上不開,因為怕「有心人士利用來做炸彈」,種種現在看起來可笑的規定,綁住大學改革的步伐。

10兆多人對 Kbps、KB、Mbps 等速度單位有所誤解,以下簡單解釋一下所謂的 1.5M、3M、6M 如何計算。
所謂 1.5M 寬帶,其實是指 1.5Mbps (bits per second),亦即 1.5 x 1024 / 8 = 192KB/sec,

但這只是理論上的速度,實際上則要再扣約 12% 的 Ethernet Header, IP Header, TCP Header, ATM Header 等控制訊號,故其傳輸速度上限應為 169KB/sec 左右。

在傳輸單位的寫法上,B 和 b 分別代表 Bytes 和 bits,兩者的定義是不同的,錢萬不要混淆。

1 Byte = 8 bits
1 Kb = 1024 bits
1 KB = 1024 bytes
1 Mb = 1024 Kb
1 MB = 1024 KB

寬帶最高下載理論值

1.5 M =169 KB/s
3 M =338 KB/s
6 M =676 KB/s
10 M =1126 KB/s

ISP的產品頻寬速率是以b為單位,也就是bit,因此2M=2Mbps。一般電腦顯示下載速率視窗是以B(byte)為單位,也就是Bps。1byte =8bit,因此一般所謂2Mbps下載頻寬,在電腦上換算起來應該是250KBps,而實際上因硬體線路品質、距離影響ADSL的傳輸效能,大多數 ADSL的頻寬表現在60-80%左右,也就是大約150-200KBps。

8M的 連線起來看它顯示 10Mbps
如果是裝T1或以上的話 才會是100Mbps

正常而言 我們的MB都是指Mega Byte 百萬位元組MBps
但是用在電信業者中他們都是用M 來代替
但是其實它是Mega Bit 百萬位元Mbps
兩者差了8倍
所以你裝了10M, 但是你家的極速只有1.25MB
但是實際上還是會遠低於這個速度

ZARA品牌文化

品牌名稱:ZARA
所屬國家:西班牙
創始時間:1975年
創始人:阿曼西奧·奧爾特加
所屬機構:Inditex集團
首席設計師:John Galliano
官方網站:http://www.zara.com/

ZARA是西班牙Inditex集團旗下的一個子公司,它既是服裝品牌,也是專營ZARA品牌服裝的連鎖零售品牌。Inditex是西班牙排名第一,全球排名第三的服裝零售商(前兩名分別是美國的GAP和瑞典的H&M,2005年其全球的銷售額67.41億歐元,銷售數達4.29億件,純利潤8.03億歐元。截至2006年6月它在全球64個國家和地區開設了2899家專賣店,旗下共有8個服裝零售品牌,包括ZARA、Pull and Bear、Kiddy’s Class、Massimo Dutti、Bershka、Stradivarius、Oysho、ZARA Home,ZARA是其中最有名的品牌。ZARA創於1975年,目前在全球62個國家擁有917家專賣店(自營專賣店佔90%,其餘為合資和特許專賣店)。儘管ZARA品牌的專賣店只佔Inditex公司所有分店數的三分之一,但是其銷售額卻佔總銷售額的70%左右。

 

品牌歷史

1975年,學徒出身的阿曼西奧·奧爾特加在西班牙西北部的偏遠市鎮開設了一個叫ZARA的小服裝店。而今,昔日名不見經傳的ZARA已經成長為全球時尚服飾的領先品牌,身影遍佈全球60餘個國家和地區,門店數已達1000餘家。

ZARA品牌文化

zara品牌之道可以說是時尚服飾業界的一個另類,在傳統的頂級服飾品牌和大眾服飾中間獨闢蹊徑開創了快速時尚(Fast Fashion)模式。隨著快速時尚(Fast Fashion)成為時尚服飾行業的一大主流業態,zara品牌也倍受推崇,有人稱之為“時裝行業中的戴爾電腦”,也有人評價其為“時裝行業的斯沃琪手錶”。在2005年,ZARA在全球100個最有價值品牌中位列77名,哈佛商學院把zara品牌評定為歐洲最具研究價值的品牌,沃頓商學院將zara品牌視為研究未來製造業的典範。ZARA作為一家引領未來趨勢的公司,儼然成為時尚服飾業界的標竿。

zara品牌的頭頂上籠罩著太多的光環,但絕非徒有虛名,其背後漂亮的財務數字則是最佳的註解。在2005年度ZARA全球營業收入達到44億歐元,稅前利潤為7.12億歐元。摩根士丹利公司在一份研究報告中預測到2014年為止ZARA每股收益年均增長率是10.9%,而Burberry等五大奢侈品集團的年均增長率則只有7.7%。 由於ZARA財務表現良好,發展勢頭強勁,ZARA品牌創始人阿曼西奧·奧爾特加的財富也隨著股票市值的上揚而節節攀升,在2007年《福布斯》全球富豪榜中位列第八,資產總額已達240億美元。

 ZARA作為快速時尚(Fast Fashion)模式的領導品牌,聲名顯赫,利潤豐厚,真可謂是“名利雙收”,ZARA顯然成為贏利性品牌的典範。ZARA品牌在時尚服飾業界正以驚人的速度崛起,2005年閃電般地躋身全球100個最具價值品牌榜,並將ARMANI等時尚服飾界大牌甩在身後。“以史為鑑,可以知興替”,不同經濟時代偉大品牌的興衰史告訴我們一個偉大的品牌的崛起往往在於其品牌精神與整體性時代精神及消費者深層需求的高度契合。ZARA贏利性品牌模式在全球所向披靡大獲成功正是對此最好的詮釋。

 

CSS bug是佈局中最頭疼的問題。我們需要兼顧各種瀏覽器,以期待獲得一致的效果。非常遺憾的是各廠商之間的競爭導致很多問題的存在。而IE6與IE7在很多問題上也存在著很大的差別。輕鬆的解決CSS bug是我們必須掌握的技能。現在整理出最常用的12種CSS BUG解決方法以及CSS BUG類的小技巧。

希望對您的學習、工作有所幫助,如果您依然有疑問,

一、 針對瀏覽器的選擇器

這些選擇器在你需要針對某款瀏覽器進行css設計時將非常有用.

IE6及其更低版本
* html {}

IE7及其更低版本
*:first-child+html {} * html {}

僅針對IE7
*:first-child+html {}

IE7和當代瀏覽器
html>body{}

僅當代瀏覽器(IE7不適用)
html>/**/body{}

Opera9及其更低版本
html:first-child {}
Safari
html[xmlns*=""] body:last-child {}

要使用這些選擇器,請將它們放在樣式之前. 例如:

#content-box { 
width: 300px;
height: 150px;
}
* html #content-box {
width: 250px;
}

以下是我做美工的兩年生活中一條條總結出來的經驗,每一點都是我常用的,雖然不是什麼大學問,但我覺得要互相學習才能提高,所以現在拿出來和大家一起分享,如果你覺得實用就拿去試試,然後留個評論,我就很高興了,不喜歡的可以路過。費話少說,下面正式開始。

 

1.加載大圖片時,顯示loading小圖片。

這招是我最常用的。當我們要加載一張比較大的圖片時,如果能加載圖片的同時,顯示loading的小圖片,那樣看起來就人性化很多。當加載完成時,圖片會蓋住loading小圖片,這是一個很有用的小技巧,我的每個網站都加上了這個功能,不信你可以到這個頁面看,http://www.82xuexi.cn/html/2008-09/245.htm這個頁面是我專門做來演示這個示例的,上面我放了一張很大的圖片,應該可以看清加載過程。要實現這個小功能,只要在網站的公共樣式表上添加下面這個樣式 ,就可以實現了。

img {
background-image:url(loading.gif);
background-position:center;
background-repeat:no-repeat;
}

解釋一下上面的代碼,懂CSS的站長可以略去這段。第一行“img”指向頁面的全體圖片元素(看到樣式表的優勢了吧,只要一句,就能作用於網站的全體同類元素,不是DIV+CSS的網站站長是不是有想法了?呵呵)。第二行“background-image:url(loading.gif);”是指為圖片添加一個以圖片為背景的背景(讀起來有點拗口)。這個loading.gif是你要你自己上傳的加載小圖片。不過有些網站的images文件夾裡已經有這個圖片了,直接用就行,如果你確實不想到處找的話,我這裡有一堆,選一個你喜歡的玩玩吧:http://www.82xuexi.cn/html/2008-09/333.htm。第三行:background-position:center;把背景圖片居中,這樣看起來比較順眼。第四行:background-repeat:no-repeat;就是讓loading.gif小圖片只顯示一個,如果沒有這句,就用出現很多排列起來的loading.gif小圖片,這要注意一下。

 

 

http://i.imgur.com/Fq5UKf5.jpg

他上高中的時候,有一天早晨起來發現,爸爸沒有在桌上留下一分錢,連坐公交車的錢都沒留下。他走了三個小時去上課,遲到被老師罵。這個時候心裡是有小小埋怨的,怪爸爸為什麼一聲不吭地就消失,連一句再見都不說。

那個時候的他根本沒有意識到,這只是他悲慘生活的序幕。

爸爸一直沒有回家,15歲的小小孩童,沒有錢,沒有人照顧。他開始跟同學和老師借錢,他一定會跟人家說清楚他還錢的時間,從來都在約定時間到之前把錢還清。他冬天去洗車,夏天發廣告單,在冷熱交替間不斷上演生活不易的腳本。

Please publish modules in offcanvas position.