My筆記本

關於部落格
我不是一個天才,
總是學了忘,
忘了又學,
所以把它寫在筆記本,
一點一滴的寫下了…
  • 25562

    累積人氣

  • 12

    今日人氣

    0

    訂閱人氣

解析度

一般網頁<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;解析度 72 ppi<br />報紙印刷<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;解析度 150 ppi<br />一般印刷品<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;解析度 300 ppi
繼續閱讀

網站設計重點/特質

●成功的網站設計,六大原則<br />1.風格明確<br />2.內容紮實<br />3.下載迅速<br />4.分類明確<br />5.連結設定完整<br />6.更新資料確實<br /><br /><br />●教學網站:<br />內容以解說方式為主,應以看圖說文的方式解說較好,連結操作也必須盡量直接、簡單、不宜太過複雜。<br /><br /><br />●下載網站:<br />首先要注意的,就是軟體分門別類的處理,和提供下載網址的正確性<br /><br /><br />●設計網站:<br />的概念就是點、線、面的發展延伸,網站內容重視整體的創意與主體發展,應該加入較新潮的元素,但絕不是為新潮而新潮,大膽配色也是設計網站所需要突破的項目。<br />如果是個人網站設甫,更應該注意:<br />1.設計風格<br />2.呈現主題<br />3.傳達意念<br />4.版面安排<br /><br /><br />●公司網站:<br />1.條理分明,有系統的架構整個網站<br />2.視覺性標誌(LOGO)清楚分明,使公司形象有效確立<br />3.簡單化,使網站操作更便利(需考量多數使用者的心理)<br />4.設計人員需了解,雇主所需要的方向與如何與設計概念整合,如:行銷產品或公司形象<br /><br /><br />●新聞媒體類:<br />1.即時更新最新消息、頭像新聞<br />2.新聞分類清楚完整,如:政治、經濟、娛樂、科技等<br />3.具有良好搜尋的功能。<br />4.提供視訊的效果,即時在網站播放;未來有朝向與電視同步播放的趨勢<br /><br /><br />●網上購物網站:<br />1.清晰的圖像與清楚的產品介紹<br />2.各項產品分類完整<br />3.行銷策略計畫,包含網站知名度的建立、時間點的促銷方案、年齡與性別所適用的產品分析、消費者的消費次數分析等等<br />4.後續付款與交貨的機制
繼續閱讀

網頁設計丙級-940304(八)(九)

(八) company.htm 網頁<br />製作表格為:<br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/1483847a633848.png" /></div>
<br /><br />1.表格<br />插入表格<br />大小:三列兩欄<br /><br /><br />第一列第一欄輸入文字為「公司名稱」,<br />第二列第一欄輸入文字為「公司電子信箱」,<br />第三列第一欄輸入文字為「服務項目」,<br /><br /><br />第一列第二欄輸入文字為「大家來購物有限公司」,置中對齊<br />第二列第二欄輸入文字為「<a href="mailto:service@test.labor.gov.tw">service@test.labor.gov.tw</a>」,<br />第三列第二欄輸入文字為「網路購物服務」!<br /><br /><br />製作表單為:<br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/14838484a4833a.png" /></div>
<br />2.插入表單<br />表格 插入→表單:表單<br /><br /><br />3.表格<br /><strong>不要移動插入點<br /></strong>插入/表格<br />大小:3列2欄表格<br />對齊方式:置中<br /><br /><br />4.<br />(1)&nbsp;第1列第1欄至第3列第1欄<br />分別輸入文字:「客戶姓名」、「電子信箱」和「意見留言」,置中對齊<br />拖曳欄邊線至適當位子<br /><br /><br />(2)第1列第2欄→插入/表單/文字方塊<br /><br /><br />(3)第2列第2欄→插入/表單/文字方塊,<br />點文字方塊滑鼠左鍵二下→文字方塊內容 文字寬度:30<br /><br /><br />(4)第3列第2欄→插入/表單/文字區域,<br />在文字區域上點滑鼠左鍵二下→文字區域內容&nbsp;&nbsp;字元寬度:30、行度:5<br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/14839112674203.png" /></div>
<br /><br /><br />(九) message.htm 網頁包含下面的資訊:<br /><br /><br />1.「0407.jpg」拖曳至網頁,<br />圖片內容→大小:高度100 像素,寬度450 像素。<br /><br /><br />製作表單為:<br />
<p align="center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/148390c0bcf31a.png" /></p>
<br />2.插入表單<br />圖片下方 插入→表單:表單<br /><br /><br />3.表格<br /><strong>不要移動插入點<br /></strong>插入/表格<br />大小:3列2欄表格<br />對齊方式:置中<br /><br /><br />4.<br />(1)&nbsp;第1列第1欄至第3列第1欄<br />分別輸入文字:「客戶姓名」、「電子信箱」和「您的意見」,置中對齊<br />拖曳欄邊線至適當位子<br /><br /><br />(2)第1列第2欄→插入/表單/文字方塊<br /><br /><br />(3)第2列第2欄→插入/表單/文字方塊,<br />點文字方塊滑鼠左鍵二下→文字方塊內容 文字寬度:30<br /><br /><br />(4)第3列第2欄→插入/表單/文字區域,<br />在文字區域上點滑鼠左鍵二下→文字區域內容&nbsp;&nbsp;字元寬度:30、行度:5<br /><br /><br />5.&nbsp;表格下方的兩個按鈕更改名稱<br />點「送出」鈕滑鼠左鍵二下→按扭內容 值/標籤:送出意見<br />點「重新設定」鈕滑鼠左鍵二下→按扭內容 值/標籤:清除意見<br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/14839118295d3a.png" /></div>
<br /><br />
繼續閱讀


1.表格
插入表格
大小:三列兩欄


第一列第一欄輸入文字為「公司名稱」,
第二列第一欄輸入文字為「公司電子信箱」,
第三列第一欄輸入文字為「服務項目」,


第一列第二欄輸入文字為「大家來購物有限公司」,置中對齊
第二列第二欄輸入文字為「service@test.labor.gov.tw」,
第三列第二欄輸入文字為「網路購物服務」!


製作表單為:

2.插入表單
表格 插入→表單:表單


3.表格
不要移動插入點
插入/表格
大小:3列2欄表格
對齊方式:置中


4.
(1) 第1列第1欄至第3列第1欄
分別輸入文字:「客戶姓名」、「電子信箱」和「意見留言」,置中對齊
拖曳欄邊線至適當位子


(2)第1列第2欄→插入/表單/文字方塊


(3)第2列第2欄→插入/表單/文字方塊,
點文字方塊滑鼠左鍵二下→文字方塊內容 文字寬度:30


(4)第3列第2欄→插入/表單/文字區域,
在文字區域上點滑鼠左鍵二下→文字區域內容  字元寬度:30、行度:5



(九) message.htm 網頁包含下面的資訊:


1.「0407.jpg」拖曳至網頁,
圖片內容→大小:高度100 像素,寬度450 像素。


製作表單為:


2.插入表單
圖片下方 插入→表單:表單


3.表格
不要移動插入點
插入/表格
大小:3列2欄表格
對齊方式:置中


4.
(1) 第1列第1欄至第3列第1欄
分別輸入文字:「客戶姓名」、「電子信箱」和「您的意見」,置中對齊
拖曳欄邊線至適當位子


(2)第1列第2欄→插入/表單/文字方塊


(3)第2列第2欄→插入/表單/文字方塊,
點文字方塊滑鼠左鍵二下→文字方塊內容 文字寬度:30


(4)第3列第2欄→插入/表單/文字區域,
在文字區域上點滑鼠左鍵二下→文字區域內容  字元寬度:30、行度:5


5. 表格下方的兩個按鈕更改名稱
點「送出」鈕滑鼠左鍵二下→按扭內容 值/標籤:送出意見
點「重新設定」鈕滑鼠左鍵二下→按扭內容 值/標籤:清除意見


" meta-author="ytsen"> 分享至facebook

網頁設計丙級-940304(六)(七)

(六) macchinetta1.htm 網頁<br />1. 將「0404鏡射.jpg」圖片鏡射<br />開啟PhotoImpact/開啟0404.jpg<br />右邊工具列上,選變形工具→水平翻轉<br />另存新檔:0404鏡射.jpg<br /><br /><br />2.回FrontPage→F5<br />拖曳「0404.jpg」至網頁內上方,置中對齊<br />圖片內容/替代顯示 文字:甲牌咖啡機<br /><br /><br />3. 圖片左方游標處插入書籤<br />
<div style="TEXT-ALIGN: center">
<div style="TEXT-ALIGN: center">
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/148381cb7eed73.png" /></div>
</div>
</div>
插入\書籤\ 書籤名稱:甲牌咖啡機\確定<br /><br /><br />4.&nbsp;將「0402.txt」打開,複製內容。回到macchinetta1.htm ,貼上至圖片下方,置中對齊<br /><br /><br />5. 在文字下方輸入文字:「甲牌咖啡機」,置中對齊,超連結:書籤→「甲牌咖啡機」<br /><br /><br /><br />(七) macchinetta2.htm 網頁<br />1. 將「0405.jpg」圖片鏡射<br />開啟PhotoImpact/開啟0405.jpg<br />右邊工具列上,選變形工具→水平翻轉<br />另存新檔:0405鏡射.jpg<br /><br /><br />2.回FrontPage→F5<br />拖曳「0405鏡射.jpg」至網頁內上方,置中對齊<br />圖片內容/替代顯示 文字:乙牌咖啡機<br /><br /><br />3. 圖片左方游標處插入書籤<br />插入\書籤\ 書籤名稱:甲牌咖啡機\確定<br /><br /><br />4.&nbsp;將「0402.txt」打開,複製內容。回到macchinetta2.htm ,貼上至圖片下方,置中對齊<br /><br /><br />5. 在文字下方輸入文字:「乙牌咖啡機」,置中對齊,超連結:書籤→「乙牌咖啡機」<br /><br />
繼續閱讀
插入\書籤\ 書籤名稱:甲牌咖啡機\確定


4. 將「0402.txt」打開,複製內容。回到macchinetta1.htm ,貼上至圖片下方,置中對齊


5. 在文字下方輸入文字:「甲牌咖啡機」,置中對齊,超連結:書籤→「甲牌咖啡機」



(七) macchinetta2.htm 網頁
1. 將「0405.jpg」圖片鏡射
開啟PhotoImpact/開啟0405.jpg
右邊工具列上,選變形工具→水平翻轉
另存新檔:0405鏡射.jpg


2.回FrontPage→F5
拖曳「0405鏡射.jpg」至網頁內上方,置中對齊
圖片內容/替代顯示 文字:乙牌咖啡機


3. 圖片左方游標處插入書籤
插入\書籤\ 書籤名稱:甲牌咖啡機\確定


4. 將「0402.txt」打開,複製內容。回到macchinetta2.htm ,貼上至圖片下方,置中對齊


5. 在文字下方輸入文字:「乙牌咖啡機」,置中對齊,超連結:書籤→「乙牌咖啡機」

" meta-author="ytsen"> 分享至facebook

網頁設計丙級-940304(五)

(五) bottom.htm 網頁必須包含下面的資訊:<br />1.輸入文字:「訪客留言板」,靠左對齊<br />超連結:message.htm,目標框奇:開新視窗<br /><br /><br />2.網頁背景<br />網頁內容\設定格式\背景圖片:../images/0406.jpg<br /><br /><br />3.「訪客留言板」下方輸入文字:「聯絡我們」<br />超連結→電子郵件地址:<a href="mailto:service@test.labor.gov.tw">service@test.labor.gov.tw</a><br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/148381829245ab.png" /></div>
<br />
繼續閱讀

網頁設計丙級-940304(四)

<p>(四) main.htm 網頁必須包含下面的資訊:<br />1.輸入文字:「大家來購物網公司」,字體大小為size=4,超連結:company.htm,目標框架:開新視窗<br /><br /><br />2.網頁內容\設定格式\色彩背景:#FF00FF<br /><br /><br />3.請在「大家來購物網公司」下方輸入文字「大家來購物網!咖啡機特價大拍賣!要買要快!」<br />製作成動態效果呈現:<br />檢視\工具列\DHTML效果 → 在:載入網頁 套用:逐句置放&nbsp; (題目沒有規定,可自行設定)<br /><br /><br /></p>
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/1483809a90cae3.png" /></div>
<p><br />4.插入表單<br />插入→表單:表單<br /><br /><br />5.表格<br /><strong>不要移動插入點</strong><br />插入/表格<br />大小:3列2欄表格<br />對齊方式:置中<br />指定寬度:90 依百分比<br />框線大小:1<br />背景 使用背景圖片:../images/0403.jpg<br />選取全部表格,置中對齊<br /><br /><br />6. 拖曳0404.jpg至表格 第一列第一欄<br />圖片內容/指定大小 寬度:65 依像素,高度:65依像素<br />超連結:macchinetta2.htm,目標框架:開新視窗<br /><br /><br />7.&nbsp;第二列第一欄(即圖形下方),輸入文字:甲牌咖啡機<br /><br /><br />8.拖曳0405.jpg至表格 第一列第二欄<br />當中請插入咖啡機圖示「0405.jpg」<br />圖片內容/指定大小 寬度:65 依像素,高度:65依像素<br />超連結:macchinetta2.htm,目標框架:開新視窗<br /><br /><br />9. 第二列第二欄(即圖形下方),輸入文字:乙牌咖啡機<br /><br /><br />10.第三列第一欄<br />插入/表單/選項按鈕,複製選項按鈕,貼上二次,<br />第1個選項按鈕右邊輸入文字:購買<br />第2個選項按鈕右邊輸入文字:不購買<br />第3個選項按鈕右邊輸入文字:考慮中<br />選取第1個選項按鈕,點滑鼠二下,起始狀態:已選取<br /><br /><br />11.第三列第二欄<br />複製第三列第一欄內容<br />更改選項按鈕群組名稱<br />選取第1個選項按鈕,點滑鼠二下,群組名稱:R2,起始狀態:已選取<br />選取第2個選項按鈕,點滑鼠二下,群組名稱:R2<br />選取第3個選項按鈕,點滑鼠二下,群組名稱:R2<br /><br /><br />12.表單下方輸入文字:「我有話要說」,靠左對齊,<br />超連結→電子郵件地址:service@<a href="mailto:service@test.labor.gov.tw">test.labor.gov.tw</a><br /></p>
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/148380a20310fa.png" /></div>
<p><br /></p>
繼續閱讀


4.插入表單
插入→表單:表單


5.表格
不要移動插入點
插入/表格
大小:3列2欄表格
對齊方式:置中
指定寬度:90 依百分比
框線大小:1
背景 使用背景圖片:../images/0403.jpg
選取全部表格,置中對齊


6. 拖曳0404.jpg至表格 第一列第一欄
圖片內容/指定大小 寬度:65 依像素,高度:65依像素
超連結:macchinetta2.htm,目標框架:開新視窗


7. 第二列第一欄(即圖形下方),輸入文字:甲牌咖啡機


8.拖曳0405.jpg至表格 第一列第二欄
當中請插入咖啡機圖示「0405.jpg」
圖片內容/指定大小 寬度:65 依像素,高度:65依像素
超連結:macchinetta2.htm,目標框架:開新視窗


9. 第二列第二欄(即圖形下方),輸入文字:乙牌咖啡機


10.第三列第一欄
插入/表單/選項按鈕,複製選項按鈕,貼上二次,
第1個選項按鈕右邊輸入文字:購買
第2個選項按鈕右邊輸入文字:不購買
第3個選項按鈕右邊輸入文字:考慮中
選取第1個選項按鈕,點滑鼠二下,起始狀態:已選取


11.第三列第二欄
複製第三列第一欄內容
更改選項按鈕群組名稱
選取第1個選項按鈕,點滑鼠二下,群組名稱:R2,起始狀態:已選取
選取第2個選項按鈕,點滑鼠二下,群組名稱:R2
選取第3個選項按鈕,點滑鼠二下,群組名稱:R2


12.表單下方輸入文字:「我有話要說」,靠左對齊,
超連結→電子郵件地址:service@test.labor.gov.tw


" meta-author="ytsen"> 分享至facebook

網頁設計丙級-940304(三)

(三) top.htm 網頁必須包含下面的資訊:<br />1.拖曳「0401.gif」至網頁,置中對齊,超連結:0401.txt,目標框架top.htm&nbsp;<br /><br /><br />2.圖片下方插入文字:「大家來購物網— 回首頁」,超連結:index.htm,目標框架:整頁<br /><br /><br />3.網頁背景、背景音樂<br />網頁內容<br />設定格式\背景圖片:../images/0402.jpg<br />一般\背景聲音 位置:../music/0401.mid<br /><br /><br />4.框架內容<br />選項:<br />在瀏覽器中可以調大小 打勾<br />顯示捲動軸:如果需要<br /><br />
<p align="center"><img src="http://pics12.blog.yam.com/9/userfile/y/ytsen/blog/14837f759bd522.png" align="middle" alt="" /></p>
<br />
繼續閱讀

網頁設計丙級-940304(一)(二)

1.新增網站。<br />2.存檔位置c:\WEB04。<br />3.新增「homepage」、「music」、「result」資料夾。<br />4.匯入WEB04資料。<br />5.依題目規定,將圖形檔案放置在「images」資料夾當中。&nbsp;<br />音樂檔放置在「music」資料夾中。<br />將副檔名「.txt」檔拖曳至c:\WEB03。<br />6.在「homepage」資料夾 底下新增「top.htm」、「main.htm」 及「bottom.htm」網頁。<br />7.在「result」資料夾 底下新增「macchinetta1.htm」、「macchinetta2.htm」、「company.htm」、「message.htm 」網頁。<br />8..設定首頁為框架頁<br />
<p align="center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/1481d54867f951.png" /></p>
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/14837f1d037a93.png" /></div>
<br /><br /><br /><br />上框架→設定初始網頁 為「top.htm」<br />中間框架→設定初始網頁 為「main.htm」<br />下框架→設定初始網頁 為「bottom.htm」<br /><br /><br />儲存檔案→變更標題 為「大家來購物網」→ 檔案名稱 為「index.htm」→確定<br /><br /><br />9.設定框架頁名稱<br />上框架→框架內容:top<br />中間框架→框架內容:main<br />下框架→框架內容:bottom<br /><br /><br />參考:<a href="http://blog.yam.com/ytsen/article/15003669"><font color="#817f52">網頁設計丙級-940301(一)(二)</font></a><br /><br />
繼續閱讀

網頁設計丙級-940303(六)(七)(八)(九)

(六) aa.htm 網頁必須包含下面的資訊:<br />1. 拖曳「0303.gif」至網頁內上方,置中對齊<br /><br /><br />2.&nbsp;將「0301.txt」打開,複製內容。回到aa.htm,貼上至圖片下方,置中對齊<br /><br /><br />3.在文字下方輸入字「回首頁」,置中對齊,超連結main.htm,目標框架:main.htm<br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/14837c259963ee.png" /></div>
<br /><br /><br />(七) bb.htm 網頁必須包含下面的資訊:<br />1. 拖曳「0304.gif」至網頁上方,靠左對齊<br /><br /><br />2.&nbsp;.將「0302.txt」打開,複製內容。回到bb.htm,貼上至圖片下方,靠左對齊<br /><br /><br />3.在文字下方輸入字「回首頁」,靠左對齊,超連結main.htm,目標框架:main.htm<br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//9/userfile/y/ytsen/blog/14837c26eea79c.png" /></div>
<br /><br /><br />(八) cc.htm 網頁必須包含下面的資訊:<br />1. 拖曳「0305.gif」至網頁內上方,置中對齊<br /><br /><br />2.&nbsp;圖片下方輸入文字:「陽明山國家公園」位處台北盆地北緣,東起磺嘴山、五指山東側,西至向天山、面天山西麓,北迄竹子山、土地公嶺,南迨紗帽山南麓,面積約11455 公頃;海拔高度自200 公尺至1120 公尺範圍不等。<br /><br /><br />3.在文字下方輸入字「回首頁」置中,超連結main.htm,目標框架:main.htm<br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/14837c283eac10.png" /></div>
<br /><br /><br />(九) dd.htm 網頁必須包含下面的資訊:<br />1. 製作「0314.jpg」<br />(1)開啟新影像→影像大小:標準<br />(0307.jpg和0306.jpg兩者最中最長的寬為450,兩者加總的長為251,新影像長和寬只要超過這兩個即可)<br /><br /><br />(2)物件→插入影像物件,從檔案<br />查詢:c:\WEB03\images<br />選取:0306.jpg<br />重覆上述步驟:插入0307.jpg<br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/14837c3038daeb.png" /></div>
<br /><br />(3)拖曳影像讓2個圖上下並列,<br />按ctrl選取2個物件→挑選工具/水平置中<br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/14837c2d200408.png" /></div>
<br /><br />(4)拖曳物件至視窗外<br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/14837c337b75ca.png" /></div>
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/14837c41788f33.png" /></div>
<br /><br />(5)存檔為0314.jpg<br /><br /><br />2.回FrontPage→F5<br />拖曳「0314.jpg」至網頁內上方,置中對齊<br /><br /><br />3..將「0304.txt」打開,複製內容。回到dd.htm,貼上至圖片下方,靠左對齊<br /><br /><br />4.在文字下方輸入字「回首頁」,置中對齊,超連結main.htm,目標框架:main.htm<br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/14837c2a2b2281.png" /></div>
<br /><br />※可將aa.htm「回首頁」,複製至bb.htm、cc.htm、dd.htm在再作位置的更改<br />
繼續閱讀



(七) bb.htm 網頁必須包含下面的資訊:
1. 拖曳「0304.gif」至網頁上方,靠左對齊


2. .將「0302.txt」打開,複製內容。回到bb.htm,貼上至圖片下方,靠左對齊


3.在文字下方輸入字「回首頁」,靠左對齊,超連結main.htm,目標框架:main.htm



(八) cc.htm 網頁必須包含下面的資訊:
1. 拖曳「0305.gif」至網頁內上方,置中對齊


2. 圖片下方輸入文字:「陽明山國家公園」位處台北盆地北緣,東起磺嘴山、五指山東側,西至向天山、面天山西麓,北迄竹子山、土地公嶺,南迨紗帽山南麓,面積約11455 公頃;海拔高度自200 公尺至1120 公尺範圍不等。


3.在文字下方輸入字「回首頁」置中,超連結main.htm,目標框架:main.htm



(九) dd.htm 網頁必須包含下面的資訊:
1. 製作「0314.jpg」
(1)開啟新影像→影像大小:標準
(0307.jpg和0306.jpg兩者最中最長的寬為450,兩者加總的長為251,新影像長和寬只要超過這兩個即可)


(2)物件→插入影像物件,從檔案
查詢:c:\WEB03\images
選取:0306.jpg
重覆上述步驟:插入0307.jpg


(3)拖曳影像讓2個圖上下並列,
按ctrl選取2個物件→挑選工具/水平置中


(4)拖曳物件至視窗外


(5)存檔為0314.jpg


2.回FrontPage→F5
拖曳「0314.jpg」至網頁內上方,置中對齊


3..將「0304.txt」打開,複製內容。回到dd.htm,貼上至圖片下方,靠左對齊


4.在文字下方輸入字「回首頁」,置中對齊,超連結main.htm,目標框架:main.htm


※可將aa.htm「回首頁」,複製至bb.htm、cc.htm、dd.htm在再作位置的更改
" meta-author="ytsen"> 分享至facebook

網頁設計丙級-940303(五)

(五) main.htm 網頁必須包含下面的資訊:<br />1.網頁背景、背景音樂<br />網頁內容<br />設定格式\背景圖片:../images/0301.jpg<br />一般\背景聲音 位置:../music/0301.mid<br /><br /><br />2. 網頁內上方輸入文字「歡迎進入國家公園介紹網,本網站有詳細的國家公園介紹哦!」,<br />製作成動態效果呈現:<br />檢視\工具列\DHTML效果 → 在:載入網頁 套用:逐句置放&nbsp; (題目沒有規定,可自行設定)<br /><br /><br />3.選取「images」資料夾內的圖片「國家公園全圖.jpg」,<br />直接按複製鈕→貼上鈕→會出現「國家公園全圖_複本(1).jpg」<br />更改「國家公園全圖_複本(1).jpg」名稱為「national_park.jpg」<br /><br /><br />4.拖曳「national_park.jpg」至文字下方,置中對齊<br /><br /><br />5. 建立影像地圖作用區-「玉山國家公園」<br />在圖片(national_park.jpg)上,點滑鼠右鍵/顯示圖片工具列(或是在 檢示/工具列/圖片)<br />選「多角形作用區」鈕<br />
<div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics12.blog.yam.com//10/userfile/y/ytsen/blog/14837a7210575e.png" /></div>
在「玉山國家公園」文字外框線上點一下滑鼠左鍵(作用區起始點)<br />沿著外框線拖曳,遇到轉角點一下滑鼠左鍵,<br />最後回到起始點時點一對滑鼠左鍵(結束作用區定義),即會跳出超連結對話方塊。<br />超連結:aa.htm,目標框架:main<br /><br /><br />6.建立影像地圖作用區-「太魯閣國家公園」<br />在「太魯閣國家公園」文字外框上建立作用區,建立方式和「玉山國家公園」一樣<br />超連結:bb.htm,目標框架:main<br /><br /><br />7. 建立影像地圖作用區-「陽明山國家公園」<br />在「陽明山國家公園」文字旁的「黃色紅邊區域」上建立作用區,<br />建立方式和「玉山國家公園」一樣<br />超連結:cc.htm,目標框架:main<br />&nbsp;<br /><br />8. 建立影像地圖作用區-「墾丁國家公園」<br />在「墾丁國家公園」文字旁的「黃色紅邊區域」上建立作用區,<br />建立方式和「玉山國家公園」一樣<br />超連結:dd.htm,目標框架:main<br /><br /><br />9. 在圖片下方輸入文字<br />第一列:輸入文字「最近更新日期:2007/01/21」<br />第二列:輸入文字「資料來源:內政部營建署-台灣的國家公園網站」<br />選取2列文字,靠左對齊<br /><br /><br />※多角勒作用區畫華建立超連結區域時應細膩一點,勿超出邊框或不足
繼續閱讀
在「玉山國家公園」文字外框線上點一下滑鼠左鍵(作用區起始點)
沿著外框線拖曳,遇到轉角點一下滑鼠左鍵,
最後回到起始點時點一對滑鼠左鍵(結束作用區定義),即會跳出超連結對話方塊。
超連結:aa.htm,目標框架:main


6.建立影像地圖作用區-「太魯閣國家公園」
在「太魯閣國家公園」文字外框上建立作用區,建立方式和「玉山國家公園」一樣
超連結:bb.htm,目標框架:main


7. 建立影像地圖作用區-「陽明山國家公園」
在「陽明山國家公園」文字旁的「黃色紅邊區域」上建立作用區,
建立方式和「玉山國家公園」一樣
超連結:cc.htm,目標框架:main
 

8. 建立影像地圖作用區-「墾丁國家公園」
在「墾丁國家公園」文字旁的「黃色紅邊區域」上建立作用區,
建立方式和「玉山國家公園」一樣
超連結:dd.htm,目標框架:main


9. 在圖片下方輸入文字
第一列:輸入文字「最近更新日期:2007/01/21」
第二列:輸入文字「資料來源:內政部營建署-台灣的國家公園網站」
選取2列文字,靠左對齊


※多角勒作用區畫華建立超連結區域時應細膩一點,勿超出邊框或不足" meta-author="ytsen"> 分享至facebook
網誌分類篩選
收起分類
分類篩選
相簿設定
標籤設定
相簿狀態