本站原始碼內針對IE與FIREFOX差異所做的處理

本站原始碼內針對IE與FIREFOX差異所做的處理

本站使用<div>與CSS float標籤為構成要素,以下列出針對IE與FIREFOX兩種瀏覽器面臨的不同點的處理方式: 第一處置中的差異點: 以下原始碼: <div style="width:100%;text-align:center;"> <div id="AAA">內容</div> </div> 在IE中"AAA"區塊會置中,但是在FIREFOX瀏覽器中不會,需要在"AAA"的CSS內增加margin:auto; 第二處區塊高度認知的差異點: <div id="BBB"> <div style="float:left;">內容</div> </div> 在IE中會認知"BBB"區塊的高度相等於內容區塊的高度,但是在FIREFOX瀏覽器中認知CSS "float"標籤內物件的高度不算在父層的高度中,除非父層也使用到CSS "float"標籤,需要在"BBB"的CSS內增加height:值;不然在FIREFOX瀏覽器中認知"BBB"無高度。 若是"BBB"中有padding的CSS標籤,則不管IE或FIREFOX兩種瀏覽器,所顯示出來的高度會是"BBB"中"height"的值加上padding內的上邊界與下邊界的值。 第三處IE7跟FIREFOX針對列項符號的差異: 當前面行數有指定li list-style:inside;的話 後面出現 下面語法,在內容物是display:block時IE7跟FIREFOX顯示相同 li list-style:none outside; 下面語法,在內容物是display:block時IE7會距離左邊空一符號用的位置,而FIREFOX顯示距離左邊不會空一符號用的位置 li list-style:none; 並非FIREFOX預設list-style是outside;而是FIREFOX針對li list-style:none;時,符號是不佔用空間的。 第四處針對編碼的差異: 有時候我們會在JavaScript內寫上註解 利如下面兩種寫法 /* 註解文字 */ // 註解文字 這些註解通常在ANSI編碼下應該是不會影響到程式的運作 但是在IE6或是更早的瀏覽器會影響程式運作 所以如果我們是使用UTF-8編碼架站時,請把註解移除或是轉為UTF8編碼 如果網站使用Big5編碼,才使用ANSI編寫程式碼。 第五處針對列項符號邊界的差異: 在IE7中<ol>標籤預設list-style是outside且margin左邊一段距離; 但是在FireFox中預設margin左邊沒有距離; 距離的依據是以文字為基準點而非列項符號; Resized Image
 Flash讀入網頁連結變數

Flash讀入網頁連結變數

Flash讀入網頁連結變數 //flash設定 getURL(_root.demo_url, "_blank"); _root:指定到最外層路徑,由網頁設定的變數均指向此。 demo_url:自定義的變數名稱,自己設定 若使用Script助理更改,是填在URL欄位中,右方運算式打勾。 "_blank":指定開新視窗,可設定此連結如何呈現。 //HTML 設定 找到插入的FLASH原始碼 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/ ... ash/swflash.cab#version=8,0,0,0" width="1000" height="330" id="index" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="index.swf" /> <param name="flashvars" value="demo_url =http://www.ipt.nthu.edu.tw/zh" /> <param name="quality" value="best" /> <param name="scale" value="noscale" /> <param name="wmode" value="transparent" /> <embed src="index.swf" flashvars="demo_url =http://www.ipt.nthu.edu.tw/zh" quality="best" scale="noscale" wmode="transparent" width="1000" height="330" name="index" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> 加入紅色部分 <param name="flashvars" value=" demo_url =http://www.ipt.nthu.edu.tw/zh" /> 此段為給IE瀏覽器讀取的 demo_url =http://www.ipt.nthu.edu.tw/zh demo_url:flash內自定義變數名稱,要與flash內設定相同才讀的到 http://www.ipt.nthu.edu.tw/zh :指向的網址 flashvars= demo_url =http://www.ipt.nthu.edu.tw/zh" 此段是在firefox瀏覽器讀取的 demo_url:flash內自定義變數名稱,要與flash內設定相同才讀的到 http://www.ipt.nthu.edu.tw/zh:指向的網址
 網頁設計

網頁設計

對於網頁設計大致含概三個部分,分別為「網站企劃」、「網頁設計」以及「程式設計」。
  • 網站企劃:
    協助提供網頁內容、網頁規劃、網頁文案撰寫、整體風格/網站風格設定
  • 網頁設計:
    版型設計、動畫製作、版面配置設計、圖示/圖像設計。
  • 程式設計:
    PHP、JAVAScript、AJAX

關於網頁設計

前製工作:網站規劃、風格設定、內容規劃

網站規劃

在網頁製作初期,必須先了解您為何需要架設此網站,目的是什麼?希望達到什麼功效。例如:有些人會希望網頁帶來的商機,可以運用網頁來獲得利益、有些人則只希望能為公司、品牌有良好的形象,而製作形象式網站讓大眾能更深入的了解公司、或是為了達到某種宣傳目的而架設網站…,目的很多,當清楚了解目的,才能為您的需求製作功能性的搭配。
功能性搭配有很多,如果您希望能在線上做交易功能,網頁就必須含類似購物車供民眾使用,如果希望能讓大家因需求而想要找貴公司某產品,那麼SEO網站排名就會很重要…各種功能,網頁設計公司會依照您的需求而找出應應方法。

風格設定

當了解了目的及需求,才做網站風格的設定,風格的設定可以依希望觀看網站族群而或是傳達的內容而有所不同,包含了顏色、配置、形狀、使用方式、動畫…等,一但將風格確定好後,整個網站就能有規劃性及一致性。

內容規劃

內容的規劃可依照您所欲呈現網頁效果而做設定,可藉由網站傳達您所要表達的內容,這也是非常重要的!

網頁製作

網頁製作方式可分為很多種,也可將很多種方式集中於一網頁上,可以使用網頁編寫軟體,像FrontPage或Dreamweaver又或者使用記事本、或是全Flash…等。
不過經驗來說,最棒的網頁製作往往是了解網頁原始碼的人,包括CSS與程式,像是JavaScript、AJAX、JAVA、PHP、jQuery...等等原始碼及程式的交互應用,不謹能讓網頁產生加乘的效果,更好的一點:對網站排名是非常有幫助的!

後製工作

往往網頁做完會有一段時間要做修正的動作,但如果前置作業做的非常完備,那麼其實可以相對減少這段修正的過程,網頁製作公司與客戶做密切性的配合,互相了解並為網站帶來最優異的效果!

維護

在網頁資料須時時變動的時代,維護的工作也顯得非常重要,隨著新的技術不段推出,適時的更新也是非常重要的一件事,畢竟網站功能是讓人們能時常瀏覽。現代人的口味也越來越重,一成不變只會大大降低網站效能,必要的更新才能更加顯示架設網站的作用。
我們會提供完備的配套及價格說明,歡迎聯絡我們。
« 1 ... 3 4 5 (6)
FOLLOW US