城晚報(bào)記者 李麗

虎年大年初一，8部電影逐鹿春節(jié)檔，其中3部動(dòng)畫片全部來自廣東出品，里面就有誕生17年、播出超過5000集的《喜羊羊與灰太狼》全新大電影《筐出未來》。

2005年，黃偉明執(zhí)導(dǎo)的第一部《喜羊羊與灰太狼》正式播出。該劇講述了羊羊族群與灰太狼家族之間斗智斗勇的故事，在小觀眾中大受歡迎，導(dǎo)演黃偉明也因此被外界稱為“喜羊羊之父”。2009年，在小熒屏火了4年之后，《喜羊羊與灰太狼》推出了首部大電影《喜羊羊與灰太狼之牛氣沖天》，該片一炮而紅，獲得了1億元的高票房。在接下來的6年里，這個(gè)動(dòng)畫IP又先后推出了《虎虎生威》《兔年頂呱呱》《開心闖龍年》《喜氣洋洋過蛇年》《飛馬奇遇記》《羊年喜羊羊》，加上《牛氣沖天》，共上映了6部十二生肖主題的賀歲電影。但2016年春節(jié)，喜羊羊大電影卻意外“失約”大銀幕。

闊別7年之久，喜羊羊大電影再次回歸春節(jié)檔大銀幕——沒走生肖系列的老路，而是捧出了一部籃球題材的全新喜羊羊大電影《筐出未來》。電影里，喜羊羊和他的小伙伴們組成“守護(hù)者隊(duì)”，和以新角色“虎翼”為主力的“烈虎隊(duì)”在籃球場展開激烈廝殺。在這個(gè)過程中，每個(gè)角色都必須面對(duì)自己的弱點(diǎn)。值得一提的是，影片在上映前的兩輪點(diǎn)映中表現(xiàn)不俗：淘票票開分9.5，微博大V推薦度93%，虎撲期待值99%，點(diǎn)映票房突破1000萬元。

“不敢說打造什么‘宇宙’，只是想看看這個(gè)十多年的IP還能不能做出點(diǎn)新花樣。”近日，《喜羊羊與灰太狼之筐出未來》在廣州舉行首映禮，“喜羊羊之父”黃偉明接受了羊城晚報(bào)記者的獨(dú)家專訪，透露過去七年來的創(chuàng)作軌跡，并展望這個(gè)老牌動(dòng)畫IP的未來。

團(tuán)隊(duì)里的年輕人說，他們想拍打籃球

羊城晚報(bào)：在《喜羊羊與灰太狼之筐出未來》之前，《喜羊羊與灰太狼之筐出勝利》的劇集已經(jīng)播出一年，并且很受歡迎，豆瓣評(píng)分高達(dá)8.5?；@球這個(gè)題材，你們最初是怎么想到的？

黃偉明：因?yàn)槲覀儓F(tuán)隊(duì)里幾個(gè)動(dòng)畫導(dǎo)演都很愛打籃球。這不奇怪，現(xiàn)在很多年輕人都喜歡打籃球。當(dāng)時(shí)我們正在找新選題，然后他們就提出能不能做籃球。當(dāng)時(shí)的場景，就很像現(xiàn)在電影里喜羊羊和沸羊羊跟教練說“我要打籃球”一樣，他們說：“導(dǎo)演，我們要拍打籃球?！?/p>

羊城晚報(bào)：你當(dāng)時(shí)立刻同意了嗎？

黃偉明：當(dāng)時(shí)我覺得這個(gè)想法很特別，但也有風(fēng)險(xiǎn)。比方說，不打籃球的觀眾會(huì)看嗎？我說，可以，只要你們能做出一個(gè)不打籃球的人也喜歡的東西。

羊城晚報(bào)：讓不打籃球的人也喜歡，這一點(diǎn)你們覺得要如何做到呢？

黃偉明：其實(shí)籃球動(dòng)畫里不止有一場場的賽事，我們更注重呈現(xiàn)各個(gè)角色之間的關(guān)系以及他們的成長。

羊城晚報(bào)：在TV版里展現(xiàn)人物關(guān)系和成長，空間自然足夠，大電影版怎么辦？

黃偉明：確實(shí)，TV系列60集可以講很多故事。90分鐘的電影時(shí)間很短，我們必須把握住很多小細(xì)節(jié)。在這部大電影里，我們其實(shí)藏了很多前后呼應(yīng)的小彩蛋，甚至每一個(gè)道具的出場都有它的特殊意義，比如貼紙、相框、門鑰匙這些小道具。點(diǎn)映的時(shí)候我們也開心地看到，除了那些緊張的籃球比賽，觀眾確實(shí)通過我們?cè)O(shè)計(jì)的細(xì)節(jié)感受到了角色的情感和成長。

羊城晚報(bào)：你們現(xiàn)在團(tuán)隊(duì)里年紀(jì)最小的成員是多大？

黃偉明：沒特地統(tǒng)計(jì)過，但現(xiàn)在“00后”都有了。其實(shí)這十幾年，有很多人參與到這個(gè)IP中，他們中有的就是因?yàn)樾r(shí)候喜歡喜羊羊才進(jìn)入團(tuán)隊(duì)。

頭大手腳短沒法投籃，要賦予肌肉感

羊城晚報(bào)：虎翼這個(gè)角色，在過去的喜羊羊系列里從未出現(xiàn)過。角色設(shè)計(jì)初衷是什么？

黃偉明：首先肯定因?yàn)槭腔⒛曷?，我們想設(shè)計(jì)一個(gè)老虎的角色。然后我們希望他作為喜羊羊一個(gè)亦敵亦友的存在，最好看起來就很厲害的樣子。最后我們給他起名叫虎翼，是想祝福大家在新的一年里如虎添翼。這個(gè)角色非常受歡迎，現(xiàn)在已經(jīng)有不少“粉絲”了，我們肯定會(huì)在以后的故事里再讓他出場。

羊城晚報(bào)：我們發(fā)現(xiàn)跟過去的《喜羊羊與灰太狼》相比，《筐出未來》里羊和狼在形體上有些不一樣。

黃偉明：確實(shí)，以前的角色都是頭大手腳短，但這樣就沒辦法投籃了，所以我們加長了他們的手腳，并且賦予他們肌肉感，讓角色看起來更有能量。當(dāng)然我們也不是一下子進(jìn)行很大的變化，而是在一些鏡頭里去調(diào)整角色身形的比例。

羊城晚報(bào)：運(yùn)動(dòng)題材有一個(gè)天生優(yōu)勢，就是它具備天然的戲劇沖突。

黃偉明：對(duì)，運(yùn)動(dòng)題材本身就是強(qiáng)沖突，節(jié)奏比較緊張，再加上我們?cè)趧∏榈脑O(shè)定上又做了一些跌宕起伏的設(shè)定。盡管一場比賽的結(jié)局不過就是你贏或者我贏，但在這個(gè)過程里怎么去呈現(xiàn)，這就是可以讓我們盡情發(fā)揮的地方了。

羊城晚報(bào)：做體育題材的動(dòng)畫，在制作上比較難的地方在哪里？

黃偉明：我們做籃球，最大的壓力就是不希望胡亂做。雖然動(dòng)畫片表現(xiàn)起來肯定比現(xiàn)實(shí)更夸張，但我們還是希望每一幕都能根據(jù)現(xiàn)實(shí)的籃球規(guī)則、姿勢包括投籃動(dòng)作來設(shè)計(jì)。我們會(huì)翻閱很多資料，像我自己雖然不打籃球，但現(xiàn)在也對(duì)籃球大大小小的規(guī)則都滾瓜爛熟了。我們希望既然做了，就要做得比較標(biāo)準(zhǔn)，盡量做出一部經(jīng)典的籃球動(dòng)畫電影。

七年沒來賀歲檔，要做就要做最好的

羊城晚報(bào)：過去7年沒做《喜羊羊》賀歲大電影，為什么？

黃偉明：其實(shí)這7年，我們TV版也做得很好。大電影停了7年，原因就是想著要么不做，要做就做一個(gè)最好的，這次我們找到感覺了。

羊城晚報(bào)：制片人在首映禮上說，《筐出未來》劇本總共改了37稿，分鏡做了74版，最后整部電影的鏡頭有2142個(gè)。要不是規(guī)定了不許再改，可能團(tuán)隊(duì)還想改得更多，甚至?xí)s不上大年初一跟觀眾見面。

黃偉明：對(duì)，就像制片人說的，這背后都是“累水”——大家累出的汗水。 改了那么多版，因?yàn)閯傞_始的劇本比較散，慢慢地有一些線拿掉了，又有一些增加進(jìn)來。在分鏡的時(shí)候也是不斷改，總之就是一個(gè)不斷修整、不斷創(chuàng)作的過程。

羊城晚報(bào)：運(yùn)動(dòng)題材的動(dòng)畫，日本等一些國家很擅長，我們?cè)趺醋龀鲎约旱奶厣?/p>

黃偉明：我們希望在各方面都做出自己的特點(diǎn)，特別是在故事上。其實(shí)我們都是在講身邊人的故事，無論孩子還是大人，都能在片子里找到代入感和共鳴。廣州首映禮上，有家長說，他從片中的父子關(guān)系里，學(xué)會(huì)了作為一個(gè)爸爸要怎么去關(guān)心自己的兒子。片中有一段灰太狼跟虎翼爸爸的對(duì)話，很多父母都表示他們看完之后感觸良深。還有虎翼的爸爸是個(gè)外賣員，他工作的時(shí)候還會(huì)受到顧客“差評(píng)”，這些都是來自生活現(xiàn)實(shí)。

羊城晚報(bào)：片中還通過虎翼父子展現(xiàn)了一種家長和孩子之間的普遍矛盾，家長氣孩子不好好念書，孩子則覺得家長不懂自己。

黃偉明：我女兒第一次看完電影之后就跟我說：“爸爸，里面有一句話就是你平時(shí)經(jīng)常跟我說的?！蔽覇査悄囊痪洌浆F(xiàn)在都不肯告訴我。（笑）其實(shí)無論是關(guān)心小朋友的功課，還是注重小朋友的夢想，這兩種關(guān)注本身都沒有錯(cuò)，只是愛的表現(xiàn)形式不同。這也正是我們想通過一場場籃球賽去真正表達(dá)的東西——那些相互的愛和理解，以及遇到困難不要?dú)怵H，熱愛就是你繼續(xù)下去的理由，等等。

無論哪個(gè)年代的觀眾，都愛善良美好

羊城晚報(bào)：聽說你們還會(huì)做TV版的足球系列？

黃偉明：對(duì)，我們想做一個(gè)“運(yùn)動(dòng)英雄”系列，此外還會(huì)有冒險(xiǎn)系列，總之會(huì)不斷嘗試一些新的領(lǐng)域，看看這個(gè)十幾年的IP能做出什么不一樣的新選題。

羊城晚報(bào)：十幾年下來，覺得你們面對(duì)的觀眾有什么變化嗎？

黃偉明：曾經(jīng)的那批觀眾都長大了。北京點(diǎn)映會(huì)上，以前看喜羊羊長大的觀眾，現(xiàn)在都是帶著他們的兒子、女兒來看。我們希望今天的喜羊羊能帶給各個(gè)年齡段的觀眾情感能量。

羊城晚報(bào)：面對(duì)新一代的觀眾，要給他們什么不一樣的東西？

黃偉明：其實(shí)喜羊羊這個(gè)IP核心的東西從來沒變，就是美好、善良、勵(lì)志……無論哪個(gè)年代，這都是人們心底里最接受的東西。就像我們這次的大電影里完全沒有反派，沒有那種你死我活，但大家還是看得很開心。

羊城晚報(bào)：片中比賽結(jié)束后，喜羊羊跟灰太狼擊掌的時(shí)候，兩人有段對(duì)話：“我們認(rèn)識(shí)多久了？”“我們認(rèn)識(shí)5000多集了?！边@個(gè)梗是你們?cè)诟嫌^眾打招呼嗎？

黃偉明：對(duì)，就是好玩。說認(rèn)識(shí)多少年沒意思，不如說認(rèn)識(shí)多少集這樣好玩。就相當(dāng)于我們?cè)诟切┛粗惭蜓虺砷L的觀眾說聲“大家好”。

羊城晚報(bào)：近年來，不少國漫作品相繼在市場上取得了成功。作為“國漫老字號(hào)”，喜羊羊與灰太狼系列如何應(yīng)對(duì)新的挑戰(zhàn)？

黃偉明：我覺得還是把每一個(gè)作品都做好，不要因?yàn)樽约菏恰袄献痔?hào)”就松懈。其實(shí)我們并不想算自己有多少過去的觀眾基礎(chǔ)，因?yàn)槲覀兿Ｍ呐率且郧皬臎]看過喜羊羊系列的人，看到這部電影也會(huì)喜歡。這是我們做這部大電影的初衷。

羊城晚報(bào)：隔了7年重回賀歲檔，今年有三部動(dòng)畫作品同場競爭，有沒有信心？

黃偉明：還是那句話，先做好自己?，F(xiàn)在我們已經(jīng)收獲了不少好評(píng)，我自己還是挺開心的，起碼作品做出來之后受到了認(rèn)可。希望春節(jié)檔真正到來的時(shí)候，還會(huì)有更多的觀眾去選擇并喜歡我們的作品。

來源： 羊城晚報(bào)

網(wǎng)頁設(shè)計(jì)與制作》

大作業(yè)報(bào)告

學(xué)院：**學(xué)院

姓名：

學(xué)號(hào)：

專業(yè):

摘要：宮崎駿（Miyazaki Hayao，1941年1月5日-），日本知名動(dòng)畫導(dǎo)演、動(dòng)畫師及漫畫家， 出生于東京都文京區(qū)，1963年進(jìn)入東映動(dòng)畫公司，1985年與高煙勛共同創(chuàng)立古卜力工作案，其出品的動(dòng)漫電影以精湛的技術(shù)、動(dòng)人的故事和溫暖的風(fēng)格在世界動(dòng)漫界獨(dú)樹一幟，能與美國迪士尼、 夢工廠的作品相比肩，受到全世界不分種族、不分國籍、不分文化的各類觀眾的一致好評(píng)。其動(dòng)國作品大多涉及人類與自然之間的關(guān)系、和平主義及女權(quán)運(yùn)動(dòng)。宮崎駿在日本動(dòng)畫界占有超重里級(jí) 的地位，更在全球動(dòng)畫界具有無可替代的地位，迪士尼稱他為“動(dòng)畫界的黑澤明，《時(shí)代周刊》評(píng)價(jià)他為全球最具影響力的人物。

下面是我對(duì)web簡單的一個(gè)應(yīng)用，利用dreamwave工具，和photoshop軟件設(shè)計(jì)了一個(gè)具有個(gè)人風(fēng)格的個(gè)人網(wǎng)站，首先我先從網(wǎng)站設(shè)計(jì)的方向和目的、網(wǎng)站設(shè)計(jì)中涉及的知識(shí)點(diǎn)、網(wǎng)站設(shè)計(jì)的整個(gè)流程出發(fā)，然后通過自己設(shè)計(jì)的這個(gè)個(gè)人網(wǎng)站作品來說明并演示一個(gè)完整的網(wǎng)站制作過程。本論文詳細(xì)的介紹了整個(gè)網(wǎng)站設(shè)計(jì)的全過程。雖然還有一些不足之處，但頁面整體比較美觀大方，具有線上店鋪風(fēng)格，效果良好。

設(shè)計(jì)主要包括以下幾個(gè)版塊：

1.人物介紹板塊

2.采訪視頻板塊

3.手稿欣賞板塊

4.主要作品模塊

網(wǎng)站規(guī)劃思想

宮崎駿（Miyazaki Hayao，1941年1月5日-），日本知名動(dòng)畫導(dǎo)演、動(dòng)畫師及漫畫家， 出生于東京都文京區(qū)，1963年進(jìn)入東映動(dòng)畫公司，1985年與高煙勛共同創(chuàng)立古卜力工作案，其出品的動(dòng)漫電影以精湛的技術(shù)、動(dòng)人的故事和溫暖的風(fēng)格在世界動(dòng)漫界獨(dú)樹一幟，能與美國迪士尼、 夢工廠的作品相比肩，受到全世界不分種族、不分國籍、不分文化的各類觀眾的一致好評(píng)。其動(dòng)國作品大多涉及人類與自然之間的關(guān)系、和平主義及女權(quán)運(yùn)動(dòng)。宮崎駿在日本動(dòng)畫界占有超重里級(jí) 的地位，更在全球動(dòng)畫界具有無可替代的地位，迪士尼稱他為“動(dòng)畫界的黑澤明，《時(shí)代周刊》評(píng)價(jià)他為全球最具影響力的人物。

作為宮崎駿的動(dòng)畫迷，我結(jié)合課上所需的HTML網(wǎng)頁知識(shí)設(shè)計(jì)一個(gè)介紹宮崎駿的網(wǎng)頁，包含圖文、視頻等多種素材可以選擇。

網(wǎng)站的目錄結(jié)構(gòu)如下：

css ------存放CSS文件

imgs ------存放圖片文件

js -------存放js文件

index.html -----------人物介紹頁面

yinyue.html -----------采訪視頻頁面

shougao.html ---------手稿欣賞頁面

liuyan.html---------主要作品頁面

綜合知識(shí)的運(yùn)用情況

1. 層的使用：在這次網(wǎng)頁設(shè)計(jì)過程中，使用了大量表格網(wǎng)格布局，便于有規(guī)則得排列尺寸相近的圖片

2、使用鏈接：為方便讀者的查閱，在各頁面n****欄都設(shè)置了頁面鏈接。

3、插入跳轉(zhuǎn)菜單為了使讀者能快捷的回到自己感興趣的頁面，于是在各個(gè)頁面都插入了跳轉(zhuǎn)菜單。

網(wǎng)頁中涉及的知識(shí)點(diǎn)

1、可視化網(wǎng)站設(shè)計(jì)制作軟件dreamweaver的熟練使用，站點(diǎn)的創(chuàng)建、導(dǎo)入以及管理；

　　2、主頁的創(chuàng)建和設(shè)置，模塊的保存與應(yīng)用和子網(wǎng)頁的創(chuàng)建、完成；

　　3、用photoshop軟件對(duì)圖片素材進(jìn)行必要的處理；

　　4、網(wǎng)站整體布局和超鏈接的添加；

遇到的問題及解決辦法

難點(diǎn):

1.body背景圖片顯示問題

2.頁面美觀度不夠高，Dreamewver CS6軟件應(yīng)用不夠熟練，軟件中所涉及得制作方法以及工具沒有更好的應(yīng)用。

解決辦法：

1.配色原則：避免網(wǎng)頁雜、亂，有時(shí)候單一色彩不為也是一種獨(dú)特，用色柔和，減少視覺混亂，對(duì)比度強(qiáng)的色彩不能應(yīng)用于一般網(wǎng)站。

2.字體問題：字體是整個(gè)網(wǎng)頁最醒目的部分，若字體不協(xié)調(diào)會(huì)給人一種枯燥的感覺，避免用雜色字體，防止瀏覽者眼花繚亂。

3.制作習(xí)慣：制作一個(gè)網(wǎng)頁首要的是完美的構(gòu)思，應(yīng)該先構(gòu)思好再動(dòng)手制作，素材搜集完整，根據(jù)主題選材，不能脫離主題，確保所用材料與主題相關(guān)。

4.完整性：網(wǎng)站的基本格式完整，相關(guān)鏈接，友情鏈接必不可少，這也增加了網(wǎng)頁的方便性

5.合適選取適當(dāng)尺寸的背景圖片非常重要

網(wǎng)頁截圖

首頁（index.html）:使用了

HTML5結(jié)構(gòu)標(biāo)簽，對(duì)宮崎駿的事跡進(jìn)行了高度概括。

頭部:（一個(gè)頂部圖片和n****）

中間:

尾部:

2 采訪視頻:使用video標(biāo)簽嵌入一個(gè)本地mp4視頻

3手稿欣賞:使用無框線的三行兩列的表格對(duì)手稿進(jìn)行布局排列

4 主要作品：使用帶有框線和背景色的表格對(duì)主要作品進(jìn)行羅列，內(nèi)部文字居中，超鏈接加藍(lán)色下劃線。

心得與體會(huì)：

建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于像我這樣的個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個(gè)能力，也沒這個(gè)精力。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

然后，我們要找材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

找到材料后，我們還要規(guī)劃網(wǎng)站。一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。

做好以上三步之后，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁，對(duì)于圖片部分的處理，個(gè)人覺得Photoshop比較好用。

最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。網(wǎng)頁做好之后，就要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它。

以上就是我對(duì)于網(wǎng)頁制作的一些個(gè)人心得，由于本人的技術(shù)還不是很成熟，還存在很多的不足(如：背景過于單調(diào)和網(wǎng)頁布置不合理)。選擇學(xué)習(xí)這門課是很正確的選擇，雖然在以后不會(huì)再有機(jī)會(huì)去上了，但我還是會(huì)通過各種方式繼續(xù)頁設(shè)計(jì)和制作的，同時(shí)很感謝帶我入門的徐兵老師，讓我有機(jī)會(huì)去學(xué)習(xí)有關(guān)網(wǎng)頁的知識(shí)，謝謝！

• 錄

1. 搞清瀏覽器作用
2. 搞清什么是HTML
3. html作用
4. html我們涉及哪些基礎(chǔ)知識(shí)
5. 常見html單詞及單詞功能作用有哪些
6. html結(jié)構(gòu)
7. html與CSS關(guān)系
8. 1、搞清瀏覽器作用

瀏覽器主要作用是瀏覽網(wǎng)頁作用，在DIV+CSS制作開發(fā)時(shí)候仍然是瀏覽我們制作開發(fā)重構(gòu)網(wǎng)頁作用。瀏覽器可測試我們開發(fā)的CSS網(wǎng)頁兼容性、網(wǎng)頁效果、因開發(fā)疏忽導(dǎo)致錯(cuò)誤等作用。

在CSS測試（CSS工具）里常用瀏覽器包括IE6、IE7、IE8、火狐（FF）、谷歌（chrome）、蘋果Safari、Opera主流瀏覽器。至于傲游、360瀏覽器因?yàn)樗麄兪褂媚阆到y(tǒng)自帶的IE內(nèi)核，所以不必考慮，只要支持你瀏覽器版本即支持類似這2款瀏覽器

2、搞清什么是HTML

html是hypertext markup language的縮寫，即超文本標(biāo)記語言?？梢赃@樣理解，HTML文件是一定規(guī)則規(guī)律以html\htm等命名后綴名的文本文件。

3、html作用

HTML作用，通過一定html自身語法結(jié)構(gòu)（html結(jié)構(gòu)），顯示文字、圖片、動(dòng)畫（flash）、視頻或音頻音樂。而CSS則是配合html實(shí)現(xiàn)漂亮的各式各樣的頁面內(nèi)容。

4、html我們涉及哪些基礎(chǔ)知識(shí)

Html擴(kuò)展名、html源代碼、DOCTYPE、html結(jié)構(gòu)、head標(biāo)簽、charset

5、常見html單詞及單詞功能作用有哪些

a、B(strong)：加粗

b、P：換行實(shí)例：<p>我是第一段內(nèi)容</p><p>我是第二段內(nèi)容</p>

c、Br：提行實(shí)例：我是第一排<br />我是第二排內(nèi)容

d、px：像素、長度寬度單位

實(shí)例：width:30px; 寬度30像素

e、ul、ol、li列表標(biāo)簽實(shí)例：

<ul> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ul> <ol> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ol>

f、div與span：都是html標(biāo)簽

實(shí)例：<div>我占一行</div><span>我多長占多長位置</span>

兩者區(qū)別：DIV占用1整排，而SPAN所占位置是內(nèi)容多少占用多長長度

g、img：圖片引用標(biāo)簽

<img src="/css-images/css-logo.gif" />圖片標(biāo)簽

h、dl dt dd：CSS的另類表格組合

實(shí)例：

<dl>

<dt>我是標(biāo)題</dt>

<dd>列表一</dd>

<dd>列表二</dd>

</dl>

j、title：標(biāo)題標(biāo)簽

實(shí)例：<title>標(biāo)題</title>

特點(diǎn)，在一個(gè)網(wǎng)頁內(nèi)只能使用一次（只能出現(xiàn)一次）

6、html結(jié)構(gòu) - TOP

這里Html結(jié)構(gòu)可用于每次新建制作網(wǎng)頁模板使用。

舊html結(jié)構(gòu)：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>DIVCSS5標(biāo)題</title>

</head>

<body>

具體網(wǎng)頁呈現(xiàn)內(nèi)容

</body>

</html>

經(jīng)過CSS教程網(wǎng)的DIVCSS5優(yōu)化后的HTML結(jié)構(gòu)（可用于每次新建HTML模板）：

<!DOCTYPE html>

<html>

<title>標(biāo)題</title>

<meta name="keywords" content="關(guān)鍵字" />

<meta name="description" content="網(wǎng)頁描述" />

<link href="這里CSS文件引入地址" rel="stylesheet" type="text/css" />

內(nèi)容www.divcss5.com提供

7、html與CSS關(guān)系 - TOP

搞清楚html與CSS關(guān)系很重要，也是認(rèn)識(shí)CSS基礎(chǔ)。html與CSS關(guān)系解釋：HTML內(nèi)放置顯示網(wǎng)頁要顯示的具體內(nèi)容（圖片、文字、動(dòng)畫等）而CSS是控制HTML內(nèi)這些具體內(nèi)容的怎么顯示、怎么排版、顏色、大小、寬度、高度、左右布局等顯示樣式。

以上7點(diǎn)是學(xué)習(xí)CSS的html基礎(chǔ)，可能還不完善，但是在以后運(yùn)用的時(shí)候DIVCSS5會(huì)給大家詳細(xì)、本簡單CSS教程分為15節(jié)，此節(jié)DIV CSS教程以文字內(nèi)容為主，以后會(huì)穿插更多實(shí)例和圖例、跟我做的內(nèi)容希望對(duì)大家能有幫助。