馬米思個人紀錄站

=================================================================

相機：Sony Cyber-shot DSC-P150 7.2 MEGA PIXELS

天氣：大晴天|有光(非強光)|微風

時間：98/06/16 PM5:20~9:00分

=========================================================

每個網站都是我的心肝寶貝，我用我的生命，我的熱情在經營我的設計生涯
我提供網站專業規劃設計與各式平面設計，若您有需要，歡迎與我聯絡

●http://bluey2p2.myweb.hinet.net 馬米思個人風格網站

站主本身喜歡多姿多彩的顏色，故特別以繽紛的色彩來展現，
開朗愛笑的性格，靠著一份堅持來成就自己的夢想，
夢想就像魔法一般，總是如此神奇而且令人興奮，
滾落的捲軸、跳耀的情緒、歡樂的氣氛，是否你也感受到了呢？

 
以大自然的美，企圖征服您的心，這是個樣板，分享給您！

-----------------------------------------------------------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------------------------------------------------------

＝以上線日期排序↑新　↓舊＝＝＝＝＝＝＝以下為馬米思設計並正式上線的網站＝＝＝＝＝＝＝＝＝

●http://www.sjz888.com.tw 祥精油壓缸

 
客戶需求：
1.希望以公司的標準色為主
2.希望能大量出現產品的圖片
3.希望介面簡單大方
4.不要太花俏，要簡單但別於市面上的油壓缸網站
5.因為同行也一樣不熟悉使用電腦，希望操作簡單易懂
6.首頁一定要放工廠照片

設計理念：
從接洽到了解，由拜訪到結案，經過了一個多月的時間，按照客戶的需求，以公司的標準色為主要色彩，
結合產品的呈現，參考日本機械廠或是歐美工業設計網站及台灣相關行業的設計風格，
希望做出有台灣工廠的親切感，卻不失去簡單大方。

-----------------------------------------------------------------------------------------------------------------------------------------------------------
●http://www.lehigh.com.tw 理海科技股份有限公司

 
客戶需求：
獨特、專業、親切

-----------------------------------------------------------------------------------------------------------------------------------------------------------
●http://s4317788.myweb.hinet.net/ 富廣滿味樓

客戶需求：
無特殊交代

設計理念：
餐廳料理有些是以客家菜為主，並且有豐盛的喜宴料理，
因此將定為設定為客家喜宴餐廳，
大量使用紅與黑，請客戶將料理簡單紀錄後，
便將資料融合在網站中。

-----------------------------------------------------------------------------------------------------------------------------------------------------------
●http://curry.superu2.com/index2.html 川井咖哩飯

客戶需求：
無特別交代

設計理念：
位於中華觀光夜市的老店家，雖然無任何裝潢，但老闆卻非常用心的經營，
因此我希望以店面的舊攤位為特色，將之改造成懷舊咖哩，
並以瀏覽方式呈現店家特色，老闆的詩、店家的衛生環境等！

 

|



























 

 











  

 

=================================================================

相機：Sony Cyber-shot DSC-P150 7.2 MEGA PIXELS

天氣：陰天微雨|有光(非強光)|微風

時間：98/06/23 PM5:00~8:10分

=================================================================

請先安裝 flevPersistentDivs.mxp 這個套件(上google搜尋一下就有囉)

1.於版面的右上角的地方，插入(ctrl+f2)>版面>繪製AP Div

2.將Apdiv1的大小設定預插入的圖片大小

3.插入>圖片

4.點選圖片，將邊框設為0

5.開啟行為面板(shift+f4)

6.點選圖片

7.行為>RibbersZeewolde>Persisted Layers

●Stick to the top/left position defined by its CSS style 根據本身的CSS定義來固定位置於於上方或左邊

●Stick to the position specified by the following options 根據以下設定來指定所在位置

●Horizontal 水平

  offset from window border 與邊框的距離

●Vertical 垂直

  offset from window border 與邊框的距離

Persistency Type 固定的類型

●Static 固定式

●Animated 浮動的

 Gradually Decreasing Speed:Factor:____(higher Value=slower animation)

 緩慢的速度:效果:____(高速=慢動作)

 Constant Speed:       Move:__Px every:__Ms

 平均速度                     每秒移動的像素

Note:please ensure that your document contains the Netscape Resize Fix(Commands menu)

8.將滑鼠命令設定在onLoad

9.那就大功告成啦！

這次很榮幸，師大店的設計師也就是我以前高職社團的學姊

他找我幫他設計義剪團的衣服

大致聊了一下，學姊希望是以橘色的polo衫為主

希望整體感覺是很亮的，衣服的材質不用太好，

因為久久才穿一次，希望圖面是像以前畫POP那種

簡易的視覺張力表現。

起初，花了一些時間再討論放置的位置，

因為學姊想要在衣服的口袋上放上大大的方格子愛心義剪團的字樣

但是因為口袋的大小有設計上的限制，因此我們放棄了口袋上放字的這個想法

改由在口袋上方的袋口處做簡易的圖文編排

而希望在背面放上YAHOO搜尋方格子師大店

則採用這樣的做法

最後的完成品呢? 請看

最後成品真正穿著在身上的樣子

則可以參考以下網址唷

==================================================================

http://tw.myblog.yahoo.com/snallyun/article?mid=771&prev=-1&next=714

==================================================================

他們義剪做愛心  我用設計做愛心  哈哈  做善事真開心

看看以下的圖示：

看吧！我的文字圖層出現在左邊，原因是因為我把電腦的螢幕解析度越設越大，

大於原本我預設網頁的1024*768 

因此，當我把圖層的css定位屬性設為 左356px 上355px

這時，圖層將會由左邊算起356px的位置，放置我的文字圖層

解決方法：

那麼，解決辦法是什麼呢？

將css定位屬性設定為

1.類型：絕對的

2.左356px 設定為%(百分比)  視你所要放的位置為準，而我在此設定為54%

就會變成如下圖所示囉：

在我的個人網站中，一直有這樣的問題，我都沒有去做處理，
他在IE看，是正常的，但是在Firefox我的圖層卻不見了，
原因是如下圖：

如上圖：我的文字圖層被擋在flash之後，而且無論我已經將圖層的Z軸數字調到多大(99)(數字越大越上層)也無效

這是因為在我的SWF參數中，少了這麼一欄

<param name="wmode" value="transparent" />

意思是將SWF檔的參數屬性設為透明。

方法是在

1.點swf檔

2.屬性面板-參數

3.按下左上角"+"按鈕

4.在參數輸入"wmode" 而值輸入"transparent"

這樣就可以囉！

---------------以下為不成功者，另外的修正辦法，若成功就不用看囉！--------

假如還是無法成功，就必須直接更改程式碼，以防他更新不全

請直接在程式碼面板中，Ctrl+F，直接搜尋"param name"

這時，你應該會發現有好幾個以下的格式

<param name="參數" value="值" />

那麼呢！請在這些屬性的最上面，手動貼入以下程式碼

<param name="wmode" value="transparent" />

如下圖所示：

存檔，上傳至ftp就可以囉！

在某一天，我發現我放在hinet免費網頁空間的網站在右側出現了這樣的問題

你看！右側這是什麼東西阿！我這網站可是花了很多時間，而且刻意把Scrollbar隱藏起來呢？

全部被擠掉了！

於是，我參考知識+裡的一篇文章有介紹到用Javascript來擋掉hinet的廣告

請將這些以下語法複製，並貼到首頁index.htm的程式碼的最上層

<script type="text/javascript">try{var _hinet = parent.document.getElementsByTagName("frameset");for(var i=0;i<_hinet.length;i++){_hinet[i].cols="*,0";}}catch(err){}</script>

或者是以下這段

<script type="text/javascript">try{parent.document.getElementById("MywebFrameSet").cols="*,0";}catch(err){}</script>
<script type="text/javascript">try{parent.document.getElementById("MywebFrameSet_120300").cols="*,0";}catch(err){}</script>
<script type="text/javascript">try{parent.document.getElementById("MywebFrameSet_300250").cols="*,0";}catch(err){}</script>

然後將網頁上傳到FTP就可以囉！

黃色區塊的地方就是貼語法的示意圖

1.打開Dreamweaver，設置網站根目錄

2.新增一個html檔，存檔

3.新增一個css檔(圖一、圖二)

(圖一)

(圖二)

4.將新增的css檔案存檔(圖三)

(圖三)

5.選取要使用的頁首背景圖片，並選擇重複方式，我在這裡將會選擇水平重複(圖四)

(圖四)

6.此時查看css.css檔案，裡面會新增第6.7行兩行的語法(圖五)
  (其中margin-left、margin-top、margin-right、margin-bottom則是代表頁面四個邊界的距離)
  請自行輸入，並將margin-top設定為你頁尾與頂端的距離，在這裡我設定600px

(圖五)

7.再新增一個新的css規則，選擇進階，在圈選工具的地方寫#footer，名字可自取，但是要加#號
   定義在我們之前新增的css檔中

(圖六)

8.同第8個步驟，但是此時選擇的是頁尾的圖片與重複方式(圖七)

(圖七)

9.此時css.css檔中，會呈現如下，多了#footer的描述

   (圖八)

10.還有最重要的一點，回到你的網頁檔，分別在兩個新增的css規則上按右鍵>套用

11.那麼便大功告成拉。

今天我在知識+看到有個人在問這樣的問題

於是我就好奇進去那個網頁看

但我赫然發現，這個問題中正在投票的兩個回答代碼都是錯的^^

那麼，假如連吸色都會有錯誤的問題，要如何知道正確的顏色代碼呢?

(我今天的工具只有小畫家 大嘉勉強接受一下吧！)

1.開啟想要查詢的網址內容，也就是上述問題的http://www.yydzh.com/event/mabinobi_idcolor/index.html 這個網頁

2.在你想要查詢的色塊上按右鍵

3.選擇"檢視選取範圍原始碼"(如下圖)

4.那麼文字反白的地方，也就是#e6c3ca 便是他的答案囉！(如下圖)

我用firefox一定要安裝的套件^^，

以下這幾種是我幾乎必安裝的外掛！給大家參考一下囉！

1.

軟體名稱：IE Tab Plus[讓瀏覽器擁有IE、Firefox雙核心] *支援Firefox3.x

官方網站：https://addons.mozilla.org/zh-TW/firefox/addon/10909/

下載安裝：按這裡 (1.95.20100930)

軟體說明：現在還是有很多非IE無法正常開啟的網站，尤其是公家機關

                   網站，還有許多需要帳號密碼輸入、查詢資訊的大型網站，

                   所以我們只好安裝此外掛來讓Firefox擁有雙核心瀏覽器功能，

                   聽說是Made in Taiwan唷！讓你可以直接在Firefox中用IE核心

                   來開啟未標準化的網頁，還可以設定某些網頁固定用IE核心

                   開啟。

2.

軟體名稱：Easy DragToGo [懶人專用新法寶] *支援Firefox3.x

官方網站：https://addons.mozilla.org/zh-TW/firefox/addon/6639/

下載安裝：按這裡 （1.1.2.1）

軟體說明：任何網址、圖片都可以用滑鼠左鍵拖拉的方式開啟或是下載，

                   或是拖拉文字進行搜尋，大幅提高搜尋資訊的工作效率。

3.

軟體名稱：WebMail Notifier[狡兔三窟者專用]  *支援Firefox3.x

官方網站：https://addons.mozilla.org/zh-TW/firefox/addon/4490/

下載安裝：按這裡（1.1.5）

軟體說明：安裝以後，你就可以透過這個工具，管理各大入口網站的Email

                   可以選擇自行輸入密碼或是直接登入，把信箱變成捷徑的方式

                   自從用了他，我就愛上他囉！真的很好用。

4.

軟體名稱：Foxmark [家裡、公司兩邊跑的大忙人專用] *支援Firefox3.x

官方網站：https://addons.mozilla.org/zh-TW/firefox/addon/2410

下載安裝：按這裡（2.5.3）

軟體說明：像我有大量書籤在電腦的人，當公司家裡兩邊用，久了就會遇到

                   書籤不同步的問題，那麼這就是你的救星拉！只要按照步驟，申

                   請帳號密碼，第一次登入時上傳你的書籤，以後每次開機時下載，

                   關機時上傳，就不用再被書籤不同步的問題給困擾著囉，當然也

                   不用時時帶個隨身碟或是放在網路硬碟拉！

5.

軟體名稱：Bookmark Duplicate Detector[大神經專用書籤整理外掛]  *支援Firefox3.x *不支援Firefox3.6

官方網站：https://addons.mozilla.org/zh-TW/firefox/addon/1553

下載安裝：按這裡（0.7.2）

軟體說明：上一個外掛當然是個預防方法，像我目前書籤有一千多個，總是

                   會有分類錯誤拉、網址重覆拉、同個網站不同分頁存檔的問題，

                   那這個外掛就是解決Firefox獨立匯出html優點外的一個小缺點的補

                   救，他能幫你找出重覆的網址，讓您自己選擇要刪除那一個重覆

                   網址卻不同資料夾的問題，算是整理書籤的一大福音阿！

6.

軟體名稱：新同文堂 [與大陸同胞交流的輔助工具]   *支援Firefox3.x

官方網站：http://of.openfoundry.org/projects/333/

下載安裝：按這裡 (0.3.9.1)

軟體說明：敗歷史之賜，都是中國人卻有兩種文字，以前我學3D常常要到對

                   岸的網站尋求支援，對簡體字不熟的我，熱愛繁體字的我，多虧

                   了有這套外掛，替我省下不少時間，甚至可以設定自動轉換唷！

                   請多多利用滑鼠右鍵吧！

7.

軟體名稱：Download Statusbar[下方一條bar掌握整體下載進度]   *支援Firefox3.x

官方網站：http://downloadstatusbar.mozdev.org/

下載安裝： 按這裡 (0.3.9.1)

軟體說明：一直跳出來的下載管理員煩死人！安裝這個外掛，直接在介面下方

                      的Bar中顯示所有下載進度，輕鬆掌握

8.

軟體名稱： Crescent Page Saver[一個按鈕擷取整個網頁]  *支援Firefox3.x

官方網站：https://pearlcrescent.com/products/pagesaver/

下載安裝：按這裡 (2.1)

軟體說明：能將網頁透過一個按鈕就全部擷取下來，並可以設定flash的區塊也一並將畫面擷取下來，
                      但仍有大部分的flash無法擷取。效率之高，功能之便，非常好用，極力推薦。

-----------未完待續-----(980703更新)