【文章內(nèi)容簡介】 ascript 的注釋部分，即從 //開始到行尾的字符都被忽略。 至于程序中所用到的 document． write（）函數(shù)則表示將括號中的文字輸出到窗口中去， 這在后面將會詳細介紹。 另外一點需要注意的是， 的位置并不是固定的，可以包含在 head....../head 或 body...../body中的任何地方。 引用方式 則可以采用這種引用的方式，以提高程序代碼的利用率。其基 本格式如下： 其中的 Url 就是程序文件的地址。同樣的，這樣的語句可以放在 HTML 文檔頭部或主體的任何部分。 如果要實現(xiàn) “ 直接插入方式 ” 中所舉例子的效果，可以首先創(chuàng)建一個 Javascript 源代碼文件 “” ，其內(nèi)容如下：(這是 Javascript！采用直接插入的方法！ )。 在網(wǎng)頁中可以這樣調(diào)用程序： 。 12 第四章 開發(fā)工具的介紹 第一節(jié) 夢幻網(wǎng)頁的編織者 —— Dreamweaver Dreamweaver 是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器。使用 Dreamweaver 可以輕松創(chuàng)建跨平臺、跨瀏覽器的頁面。 Macromedia 的 Roundtrip HTML 技術允許用戶隨意導入 HTML 文檔而無需重新設置代碼格式。 Dreamweaver 可以為用戶做到：使用動態(tài) HTML 功能（例如具有動態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶的 工作成果在所有流行的平臺和瀏覽器中可能發(fā)生的錯誤。 Dreamweaver 還是一個可以完全自定義的應用程序。用戶可以創(chuàng)建自己的對象和命令修改菜單和快捷鍵，甚至編寫 JavaScript 代碼擴展 Dreamweaver 的行為和屬性檢查器。 至于 Dreamweaver 工作區(qū)是非常靈活的，因此它可以適應各種不同的工作風格和使用水平。常用的 Dreamweaver 工作區(qū)組件有以下若干種： ① 文檔窗口可顯示當前文檔，文檔的外觀和瀏覽器中看到的非常相似。 ② 裝載器中包含一些打開和關閉常用檢查器和模板的按鈕。 ③ 對象工具 欄包含創(chuàng)建不同類型的對象（例如 圖象、表格和層等）的按鈕。 ④ 屬性檢查器顯示選定對象的屬性。 ⑤ 快捷菜單可以使用戶對當前選擇或區(qū)域快速執(zhí)行某些命令。 ⑥ 可固定的浮動工具欄允許用戶將浮動窗口、檢查器和工具欄組合在一個或多個選擇窗口中。 第二節(jié) 圖形、圖像編輯設計軟件 制作軟件 ——Adobe Photoshop cs2 Photoshop cs2 是目前最流行的圖形、圖像編輯設計軟件，在數(shù)碼影像處理、圖像編輯合 成 、廣告設計、封面設計、美術繪畫、網(wǎng)頁設計等領域都被廣泛地應13 用。 ① 文字處理更加方便 ② 增 加的圖層集使圖層管理更有序。 ③ 新增圖像功能：圖像的剪切和剪裁更加方便。 ④ 將所有工具的選項板改進為工具選項欄放置在工作區(qū)頂部，方便先項參數(shù)的設置。 ⑤ 為了更方便地用路徑繪畫，改進增加了幾何形狀工具，通過選擇工具的不同工作模式，可創(chuàng)建路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功能得到了加強。 14 第五章 公司網(wǎng)站的規(guī)劃與設計 第一節(jié) 網(wǎng)站功能分析 建立企業(yè)網(wǎng)站要有一個清晰的網(wǎng)站布局。比如說，導航條要不要？很多人說那東西人人在做，就顯得太俗沒個性，難顯示出新潮。但 導航條之所以有那么多人在用，是因為它給瀏覽者一個明確的布局，便利人們查找本身所需的信息。從某種角度上說，大家都在用的東西就說明它確實被大家所接受。要清楚網(wǎng)站做出來是給每一個人普通用戶看的。網(wǎng)站還要經(jīng)常更新，給人以新意。 設計技術的成長，帶來了網(wǎng)頁世界的繁榮。尤其在崇尚個性的今天，設計者們更是將頁面設計表示的淋漓盡致。用戶欣喜的看到那些僵化的設計模式正在被逐個打破，網(wǎng)頁設計充滿了朝氣。但是，作為網(wǎng)頁設計者，不能一味的只追求個性的表現(xiàn)，還必需兼顧到用戶和客戶的習慣，在表現(xiàn)本身的風格的同時，在功能上使用戶更加便利 。網(wǎng)站結構圖如下圖 所示： 圖 網(wǎng)站結構圖 蘋果下載 蘋果手機 蘋果首頁 最新動態(tài) 在線留言 用戶中心 公司網(wǎng)站 15 第 二 節(jié) 整體風格設計 一、頁面屬性設計 頁面中的整體格式和布局都在 中，其中 body 設計如下 : body { margin: 0。 padding: 0。 lineheight: 。 fontfamily: 宋體 。 fontsize: 12px。 color: d1c7ba。 background: 372e23。 } 各個頁面的字體為：宋體、大小為 12 像素，字體顏色 d1c7ba。背景顏色我采用 372e23， 372e23 這種背景色它與其他任何顏色的搭配都比較合適，不顯花哨，簡潔大方。 Body 與頁面的邊距為零。 二、色彩搭配 打開一個網(wǎng)站，給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩。色彩對人的視覺效果非常明顯，一個網(wǎng)站設計成功與否，在某種程 度上取決于設計者對色彩的運用和搭配。因為網(wǎng)頁設計屬于一種平面效果設計，在排除立體圖形之外，在平面圖上，色彩的沖擊力是最強的，它很容易給用戶留下深刻的印象。因此，在設計網(wǎng)頁時，必須要高度重視色彩的搭配 。 本網(wǎng)站的搭配主打為：白、黑、灰、三種顏色。 白色代表純潔、純真、樸素、神圣、明快 。灰 色代表堅實、嚴肅、剛健 。 黑色代表崇高、 高貴、沉默、安靜、端莊，充分代表了一個企業(yè)應有的氣質(zhì)和形象。給游客留下深刻的印象。 16 三、連接效果 對于一個頁面不僅要設計其字體和其他風格，還要有鏈接效果，使頁面更加的生動， ： .nav ul li { Float:left。 fontsize: 14px。 color: FFF width:166px。 background:url(“ images/” ) norepeat left 2px textdecoration: center。 } .nav ul li a{ color: FFFFFF。 display: block。 height: 40px。 width: 166px。 } .newslist ul li{ height: 24px。 lineheight: 24px。 position: relative。｝ 第三 節(jié) 首頁設計 網(wǎng)站首頁是一個網(wǎng)站的入口網(wǎng)頁，是網(wǎng)站建站時樹狀結構的第一頁，即打開網(wǎng)站后看到的第一個頁面。是一個網(wǎng)站的主索引頁，是令訪客了解網(wǎng)站概貌并引導其調(diào)閱重點內(nèi)容的向?qū)А? 由于首頁是一個網(wǎng)站的第一頁，也是最重要的一頁。人們都將首頁作為體現(xiàn)公司形象的重中之重，也是網(wǎng)站所有信息的歸類目錄或分類縮影。 首頁要求在保障整體感的前提下，根據(jù)大多數(shù)人的閱讀習慣以色彩、線條、17 圖 片等要素將導航條、各功能區(qū)以及內(nèi)容區(qū)進行分隔。采用客戶的既定標準色，注重協(xié)調(diào)各區(qū)域的主次關系，以營造高易用性與視覺舒適性的人機交互界面為終極目標。 宣傳網(wǎng)站給人的形象應該是專業(yè)、大方，所以主頁的設計和布局我采用大方簡單的原則。首頁除了 LOGO 和導航以外，還有四大模塊 :JS 界面、實例展示、動態(tài)展示和 Technology。首頁整體用了三個 DIV 布局。一個頭部 DIV（ top），一個中間大的 DIV(centent),下面一個結束 DIV(foot)。 首頁信息是一個企業(yè)走向成功道路上必不可少的因素。企業(yè)的首頁信息代表著一個企業(yè)的素質(zhì)和形象，所以應該表現(xiàn)的大氣、端莊、穩(wěn)重而且精細。還更要表現(xiàn)出一個企業(yè)應該有的朝氣和活力。因此 JS 畫面就成為首選。實例展示從側(cè)面讓客戶和游客了解到公司的產(chǎn)品 ,公司動態(tài)模塊是鏈接到 頁面，及時的更新公司動態(tài)。在首頁的版面，先是用 Photoshop、 fireworks 對網(wǎng)站模板進行切片，然后用 DIV+CSS 進行排版。 為了更具體的了解 DIV 設置，特以 top 設置為演示， top 代碼如下： .top { background:url(images/) repeat left top。 color: e9e9e9。 height:118px。 width:100%。 overflow:hidden。 } 頁面效果如下圖 所示： 18 圖 頁面效果 第四節(jié) 其他頁面設計 一、蘋果手機 蘋果手機界面展示了蘋果公司開發(fā)的新手機， iPhone 是一部 4頻段的 GSM制式手機，支持 EDGE 和 （ iPhone3G/3Gs/4 支持 WCDMA 上網(wǎng)，iPhone4 支持 )，支持電郵、移動通話、短信、網(wǎng)絡瀏覽以及其他的無線通信服務。 iPhone 沒有鍵盤，而是創(chuàng)新地引入了多點觸摸（ Multitouch）觸摸屏界面，在操作性上與其他品牌的手機相比占有領先地位。 iPhone 是結合照相手機、個人數(shù)碼助理、媒體播放器以及無線通信設備的掌上設備， iPhone 包括了 iPod 的媒體播放功能，和為了移動設備修改后的 Mac OS X 操作系統(tǒng)（ iOS，本名 iPhone OS，自 版本起改名為 iOS)，以及 800萬像素的攝像頭。（一代、二代為 200 萬， 3Gs 為 320 萬，支持自動對焦， 4代提升到背照式 500 萬，最新發(fā)布的 4S 提升到 800萬并且采用 大光圈 ）此外，設備內(nèi)置有重力感應器，iphone4 有三軸陀螺儀（三軸方向重力感應器），能依照用戶水平或垂直的持用方式，自動調(diào)整屏幕顯示方向。并且內(nèi)置了光感器，支持根據(jù)當前光線強度調(diào)整19 屏幕亮度。還內(nèi)置了距離感應器，防止在接打電話時，耳朵誤觸屏幕引起的操作。 動電話、寬屏 iPod 和上網(wǎng)裝置 ─ iPhone 將三大功能集于一身，通過 iPhone必備“逐路中原”軟件多點觸摸 (MultiTouch)技術，手指輕點就能撥打電話 、應用程序之間也易如反掌。還可以直接從網(wǎng)站拷貝粘貼文字和圖片。 它同時是世界上第一臺使用電容屏的手機。 系統(tǒng)的介紹了蘋果手機，點擊手機的鏈接，還有更為詳細的介紹。 部分代碼如下： .box4{ borderbottom:1px dashed cacaca。 padding:16px 0 12px 0。 overflow:hidden } .at3_c{ width:305px。 float:left。 margin:0 15px。 display:inline } 效果圖如下圖 所示： 20 圖 頁面效果 蘋果手機 二、蘋果下載 下載模版可以介紹蘋果手機主要下載的軟件，讓游客更充分的了解蘋果手機、蘋果公司所面向地方對象。在智能手機市場最常見的操作系統(tǒng)有蘋果 iOS、谷歌 Android、塞班 (Symbian)、 Windows Mobile 和黑莓 OS等，由于可以安裝第三方軟件，因此智能手機具有非常豐富的功能。目前的智能手機市場上，諾基亞S60 已顯出頹敗之勢，而蘋果 iPhone 與谷歌 Android 手機的大 戰(zhàn)正處于難分難解之際，介紹了諾基亞 S60 和谷歌 Android 手機（下載應用）的免費常用軟件，蘋果的應用商店里則有數(shù)量更為巨大、功能更為豐富多彩的第三方應用軟件， 下面我就介紹一些蘋果 iPhone/iPod 平臺的免費應用軟件，這些均可在蘋果應用商店里進行免費安裝，適用于 iPhone 和 iPod Touch，歡迎大家補充。 iPhone上常用到的電子書閱讀工具之一是蘋果官方提供的免費 iBooks 應用，支持 epub格式的電子書，并可以在蘋果官方的書店購買書籍。 目前 iBooks 的官方書店里的中文書籍很少，大部分是英文 的，因此只能依靠同步本地電腦的 EPUB 格式的電子書文件到 iPhone 里，同步的方法和同步 MP3音樂文件類似， 21 在“編輯” “偏好設置”中，選擇顯示“書籍”，然后選“文件” “將文