4-3電子商務(wù)開發(fā)的前臺(tái)技術(shù)2

1、 Electronic Commerce電子商務(wù)第四章 電子商務(wù)網(wǎng)站建設(shè)與電子商務(wù)開發(fā)的前臺(tái)技術(shù)3HTML文檔的基本結(jié)構(gòu) (1) 每個(gè)HTML文檔(網(wǎng)頁)以標(biāo)記開始，以結(jié)束 四種基本標(biāo)記如下： 標(biāo)明文檔的開始和結(jié)束，定義文檔 標(biāo)明文檔的頭部 標(biāo)明標(biāo)題，顯示在瀏覽器的標(biāo)題欄中 標(biāo)明文檔的主體 (2) HTML文檔一般由兩部分組成：頭部和主體 Review(3) 標(biāo)記以“”及標(biāo)記名組成 雙向標(biāo)記： 示例： . HTML文檔的基本結(jié)構(gòu)Review 常用的一些標(biāo)記 （1）標(biāo)題標(biāo)記： 標(biāo)題文字 示例： 網(wǎng)頁制作 H1到H3字體逐漸變小。 （2）文字標(biāo)記： 文字 設(shè)置文字的大小、字體及顏色 示例： 網(wǎng)頁制

2、作 （3）BODY標(biāo)記的TEXT屬性及BGCOLOR屬性： 文字 設(shè)定整個(gè)網(wǎng)頁的文字顏色和背景顏色 示例： 網(wǎng)頁制作 Review 常用的一些標(biāo)記 （4）段落標(biāo)記： 文字塊 示例： 網(wǎng)頁制作 網(wǎng)頁制作 （5）換行標(biāo)記： 示例： 網(wǎng)頁制作 網(wǎng)站管理 （6）居中對(duì)齊標(biāo)記： 文字 示例： 網(wǎng)頁制作 (7)   Review1 css例TOPindex.htm2 css例scuCSS 前例展開學(xué)習(xí)1 FLASH網(wǎng)頁例金魚、欄目菜單首頁、月份。2 FLASH效果例FLASH動(dòng)畫BANNER川大四川大學(xué)經(jīng)濟(jì)學(xué)院 與四川大學(xué)經(jīng)濟(jì)學(xué)院withbird。3 FLASH網(wǎng)頁制作實(shí)例indexwithsta

3、r等5個(gè)例。 FLASH 前例展開學(xué)習(xí)example 2 建立含有兩個(gè)網(wǎng)頁鏈接的HTML文檔 例2 歡迎您 瀏覽北大 Welcome.htm如下： welcome 歡迎來到我的世界 思考：1 本例中三個(gè)BR的作用？ 2 example 2.htm 與welcome.htm 兩個(gè)文件存放的位置有什么關(guān)系？即鏈接 歡迎您 是鏈接三種情況中的哪種？ 3 如果將FONT標(biāo)簽中的”COLOR=YELLOW”去掉，請(qǐng)修改welcome.htm的源文件，使其顯示的效果不變。 前例展開學(xué)習(xí) example 2 -2 THINK:ARE THE COLOR OF THE TWO LINKS SAME? exam

4、ple 2 welcome to browse sichuan university example 4 顯示唐詩靜夜思 靜夜思 靜夜思 (唐詩) 床前明月光，疑是地上霜。 舉頭望明月，低頭思故鄉(xiāng)。 注意：靜夜思 與唐詩之間為何會(huì)空一行顯示？思考：如果去掉COLOR=“DARKBLUE”，舉頭望明月，低頭思故鄉(xiāng)這句話將顯示成什么顏色？ 前例展開學(xué)習(xí) H=HOUR(TIME() 求出系統(tǒng)時(shí)間的小時(shí)數(shù) IF H12 THEN 判斷時(shí)數(shù)是否小于12 DOCUMENT.WRITE(早上好 ! ) ELSE IF H18 THEN 再判斷時(shí)數(shù)是否小于18 DOCUMENT.WRITE(下午好 ! ) E

5、LSE DOCUMENT.WRITE(晚上好 ! ) END IF END IF 思考：試著增加時(shí)間段，共分為7點(diǎn)前、7點(diǎn)11點(diǎn)、11點(diǎn)13點(diǎn)、13點(diǎn)18點(diǎn)、18點(diǎn)22點(diǎn)、22點(diǎn)24點(diǎn) 六個(gè)時(shí)間段，每個(gè)時(shí)間段頁面顯示不同的問候語。example5-1根據(jù)不同的時(shí)間段在網(wǎng)頁上發(fā)出問候語，如“早上好”等 前例展開學(xué)習(xí)example 2 建立含有兩個(gè)網(wǎng)頁鏈接的HTML文檔 例2 歡迎您 瀏覽北大 Welcome.htm如下： welcome 歡迎來到我的世界 思考： 1 example 2.htm 與welcome.htm 兩個(gè)文件存放的位置有什么關(guān)系？即鏈接 歡迎您 是鏈接三種情況中的哪種？ 2

6、如果將FONT標(biāo)簽中的”COLOR=YELLOW”去掉，請(qǐng)修改welcome.htm的源文件，使其顯示的效果不變。(提示：BODY標(biāo)簽的功能)Review 輕松一下：一個(gè)GIF動(dòng)畫 如果你看見這個(gè)舞女是順時(shí)針轉(zhuǎn)，說明你用的是右腦； 如果是逆時(shí)針轉(zhuǎn)，說明你用的左腦。 耶魯大學(xué)耗時(shí)5年的研究成果。 據(jù)說，14%的美國人可以兩個(gè)方向都能看見. 一般左腦具有語言、概念、數(shù)字、分析、邏輯推理等功能；理解數(shù)學(xué)和語言的腦細(xì)胞集中在左半球；發(fā)揮情感、欣賞藝術(shù)的腦細(xì)胞集中在右半球。 左腦發(fā)達(dá)的人處理事情比較有邏輯、條理。 左腦發(fā)達(dá)在社交場(chǎng)合比較活躍，善于判斷各種關(guān)系和因果。 左腦發(fā)達(dá)善于統(tǒng)計(jì)，方向感強(qiáng)。 左腦發(fā)

7、達(dá)善于組織。 左腦發(fā)達(dá)善于做技術(shù)類、抽象的工作（如電腦編程）。 右腦具有音樂、繪畫、空間幾何、想像、綜合等功能。右腦最重要的貢獻(xiàn)是創(chuàng)造性思維。右腦不拘泥于局部的分析，而是統(tǒng)觀全局，以大膽猜測(cè)跳躍式地前進(jìn)，達(dá)到直覺的結(jié)論。在有些人身上，直覺思維甚至變成一種先知能力，使他們能預(yù)知未來的變化，事先做出重大決策。右半腦發(fā)達(dá)的人在知覺和想像力方面有可能更強(qiáng)一些；而且知覺、空間感和把握全局的能力都有可能更強(qiáng)一些。在各種動(dòng)作上相對(duì)更敏捷一些。 制作GIF動(dòng)畫的一款小軟件 Ulead GIF Animator友立公司出版的動(dòng)畫GIF制作軟件，內(nèi)建的Plugin有許多現(xiàn)成的特效可以立即套用，可將AVI文件轉(zhuǎn)成動(dòng)

8、畫GIF文件，而且還能將動(dòng)畫GIF圖片最佳化，能將你放在網(wǎng)頁上的動(dòng)畫GIF圖檔減肥，以便讓人能夠更快速的瀏覽網(wǎng)頁。 V5.05學(xué)習(xí)做GIF動(dòng)畫Review/學(xué)習(xí)做GIF動(dòng)畫 例：如何在網(wǎng)頁中加入想要的FLASH與GIF 動(dòng)畫？見文件夾：REVIEW/加入gif/Review 2網(wǎng)站設(shè)計(jì)制作總結(jié)1、網(wǎng)站規(guī)劃2、網(wǎng)站設(shè)計(jì)3、靜態(tài)網(wǎng)站制作4、加入動(dòng)態(tài)效果5、加入程序網(wǎng)站設(shè)計(jì)制作總結(jié)1、網(wǎng)站規(guī)劃 網(wǎng)站設(shè)計(jì)制作總結(jié)2、網(wǎng)站設(shè)計(jì) 文件夾-例/網(wǎng)頁設(shè)計(jì)例/網(wǎng)頁設(shè)計(jì)JPG圖文件夾-例/網(wǎng)頁設(shè)計(jì)例/card 文件夾-例/網(wǎng)頁設(shè)計(jì)例/研修班廣告網(wǎng)站設(shè)計(jì)制作總結(jié)3、靜態(tài)網(wǎng)頁制作例/靜態(tài)網(wǎng)頁制作/成都軟件人才網(wǎng)/INDEX.HTML與indexnew.jpg例/靜態(tài)網(wǎng)頁制作/好醫(yī)生電子期刊作品/JPG和HTML網(wǎng)站設(shè)計(jì)制作總結(jié)4、加入動(dòng)態(tài)效果例/GIF動(dòng)畫圖片例/banner 例/GIF動(dòng)畫