網頁放置位置
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;