網頁放置位置

 

1.      實體主機

主機空間獨立

頻寬獨立

錢貴12000/

共享

共享

錢便宜4000/

 

2.      虛擬主機-技術高 server

OS

Web IIS

DB

程式

Windows Server 2003~2008

IIS

Access

MS-SQL

 

LinuX

Apach

MySQL

 

 

3.      自行架設

4.      免費空間┌優點:免費

                └缺點:┌1.不可斗獨立Domain

                                2.不可有資料庫

                                3.廣告收益歸主機商

www.7-11.com→客製化 Web site

 

網頁組成元件

1.      文字(繁中.簡中.英文)

2.      圖片(靜態圖jpg.動態圖gif)

靜態圖jpg

65535

動態圖gif

256

透明背景

動畫

3.      Flash動畫 要裝Flash plyer

4.      超連結

1.      對內(自己頁面)

2.      對外(友情連結)

3.      E-mail

4.      錨點(Q&A單一頁面)

5.影音(不能連結別人的影片)


你的主題的點還有素料的收集~無論是工作還是興趣!!這裡就以公司來講好了。

資料庫


 

Photoshop

                                                        版權

1.      針對所需圖層.修改相關文字 選單

                                                        商標

2.      顯示尺標

3.      規劃水平參考線,垂直參考線

4.      切片工具,建立相關切片

5.      切片選取工具,調整切片大小

6.      儲存原始檔

7.      儲存網頁與裝置用圖片,命名規則1.禁用中文 2.大小寫有異 3.避免空白建檔名


 

Dreamweaver.Server

                       相對路徑 C:\123.jpg

1.      定義網站 絕對路徑 http://www.xxx.com/123.jpg

                     設計版面

2.      環境介紹 程式碼面板

                 html.htm

3.      開新檔案 asp

                 php

4.      設定頁框樣式

5.      儲存頁框(index.html(這個是代表首頁))

6.      儲存頁框組

<TB>就是< table>

<BR>就是段落

<p>段行

<HR>就是水平線

<ul>就是清單

<li>子選單


 

1.      定義網站

2.      插入表格┌

               

3.      插入圖片(單張)

4.      插入滑鼠變換影像(兩張)

 

5.      插入Flash(動畫)

1.          設定場景大小(DW的圖片相等)

2.          匯入圖片到舞台(所展示圖片與背景圖)

3.          將圖片轉為元件

4.          新增影片片段元件,名為圖片動畫,設計淡入淡出動畫

參考網址: http://sv5111.sg1010.myweb.hinet.net/MyProfile/Picture.html

5.          左最上層再新增一圖層,名為遮色片,並製作成「遮色片效果」,完成後返回場景!

6.          回場景後.放置背景圖及圖片動畫於兩個圖層

7.          發布SWF(注意!!要先存檔再發布)

 

6.      設定表格間距,邊框粗細

1.          表格都要設定0,不然預設都會有間距。


 

 

7.      設定頁面邊界

1.          也是一樣要設0

 

 

8.      設定頁框間距

1.          要點選視窗→頁框(Shift+F2)”

這邊是採用3列的方式

2.          那就如圖所示,要把它的高跟圖片等比例
(
也就是說圖片如果高80,那這裡的高也要設80)

3.          前兩個都是如此,第三個呢~DW程式有問題所以要自己去設數字來做微調。

1.      定義網站

2.      開新文件html是預設值

3.       建立超連結(對內頁面)
          
指定頁框

4.      建立影像地圖 對外連結 http://_______  出現頁框 _blank
                         
                  網址              新視窗

                         E- Mail 連結 mailto:_______頁框不需設定
                                  e-mail 
會出現網友的寫信程式,例:outlook
                                        
會無法寄出,因為要設定┌SMTP 伺服器 ()
                                                              
POP3 伺服器 ()

直接點選圖層就能出現屬性面板然後你第一次按它、它會縮小!!要再把他拉出來~


 

5.      錨點連結

(同一頁連結)例:

Q&A

問題$%#$%$#^@$% (錨點命名a)

Q1…….「到A(超連結打A1)

Q2…….「到B(超連結打B2)

Q3…….「到C(超連結打B3)

 

 

 

*         A…….(錨點命名A1) 「到頂部(超連結打a)

*         B…….(錨點命名B2) 「到頂部(超連結打a)

*         C…….(錨點命名C3) 「到頂部(超連結打a)

 

Ps

預設底圖設計

配合CSS樣式表

底圖不重覆

文字浮動

那道DW之後中間那張圖必須把顏色變淡,所以顏色要調淡。

然後再存為網頁裝置用


 

DW

DW那張變淡的圖,中間那張

要設固定所以這裡必須自己打

background-attachment: fixed;