【文章內(nèi)容簡(jiǎn)介】 教玩具”，并且將素材文件放在站點(diǎn)中。單擊菜單欄中的【站點(diǎn)】【新建站點(diǎn)】【站點(diǎn)名稱】為“****玩具教具銷售”，本地文件夾為“***教玩具”。二、制作首頁(yè)，并將文件保存在本地站點(diǎn)根文件下，命名為“”?！绊?yè)面屬性”，選擇適合的背景圖像，因?yàn)槭秦?fù)責(zé)教玩具的銷售，所以我選擇的背景是生意盎然的綠色。：各模塊是——首頁(yè)，新聞動(dòng)態(tài)，產(chǎn)品展示，關(guān)于我們，聯(lián)系我們，留言板，公司榮譽(yù)。導(dǎo)航條設(shè)置在主題框內(nèi)，而在主題框內(nèi)，我放置了四幅圖片，選擇了順序放映的模式。圖片逐一顯示，使整個(gè)首頁(yè)都生動(dòng)了起來。，我總共插入了八個(gè)模塊——全站搜索，產(chǎn)品搜索，新聞動(dòng)態(tài)，會(huì)員登錄，產(chǎn)品分類，推薦產(chǎn)品，在線客服，友情鏈接。全站搜索：顧客可以根據(jù)自己的需求輸入關(guān)鍵詞，搜索的結(jié)果可以在旁邊的方框中逐條顯示出來，顯示的是產(chǎn)品的名稱，再點(diǎn)擊進(jìn)去就是產(chǎn)品的詳細(xì)參數(shù)。這個(gè)適用于模糊搜索，只是一個(gè)字就可以出現(xiàn)所有的名稱中包含這個(gè)字的商品。產(chǎn)品搜索：這一個(gè)搜索后出來的產(chǎn)品是以相冊(cè)的形式展現(xiàn)出來的。產(chǎn)品名稱中包含搜索的關(guān)鍵詞，點(diǎn)擊圖片或名稱就可以進(jìn)入這個(gè)產(chǎn)品的頁(yè)面，各個(gè)參數(shù)也顯示在其中。產(chǎn)品分類：這一個(gè)模塊列出了所有的產(chǎn)品類別，同時(shí)這個(gè)模塊中還包含著各個(gè)分組，每一個(gè)分組里面包含著一系列的產(chǎn)品，而每一個(gè)產(chǎn)品都含有鏈接，點(diǎn)擊進(jìn)去之后就是這一類產(chǎn)品的各個(gè)型號(hào)。各個(gè)產(chǎn)品的展現(xiàn)方式也是按照相片模式展示出來的，圖片在上，名稱在下，無論是點(diǎn)擊圖片還是名稱，都會(huì)進(jìn)入這個(gè)產(chǎn)品的詳細(xì)參數(shù)頁(yè)面。新聞動(dòng)態(tài)：這個(gè)模塊是滾動(dòng)的條目形式，每一個(gè)條目點(diǎn)擊進(jìn)去之后就是詳細(xì)的新聞信息，包括產(chǎn)品推薦，優(yōu)惠信息，廠家的詳細(xì)介紹等等。所有的文章都是根據(jù)事實(shí)編纂，是真實(shí)可信的。產(chǎn)品推薦：根據(jù)廠家的活動(dòng)編纂，所列的都是最新的產(chǎn)品，并且也充分照顧了顧客們的心思，在滿足教學(xué)需求的同時(shí)也給予了優(yōu)惠價(jià)格。會(huì)員登錄：這個(gè)模塊是出于發(fā)展長(zhǎng)久顧客的考慮。每年幼兒園的各類設(shè)施都會(huì)有折舊，而且隨著教學(xué)質(zhì)量的提高教學(xué)設(shè)施每年也需要補(bǔ)充，我們旨在用實(shí)惠的價(jià)格和良好的服務(wù)態(tài)度留住我們的顧客，讓他以后在補(bǔ)充商品的時(shí)候都優(yōu)先考慮我們，并且我們也為會(huì)員設(shè)置了優(yōu)惠，會(huì)員的等級(jí)越高，我們所提供的優(yōu)惠也就越大。在線客服：這個(gè)模塊是為了及時(shí)為顧客們提供最新的最詳細(xì)的要求所設(shè)置，設(shè)置的也是最為普通民眾們所接納的客服。友情鏈接：放置的是人們最常用的網(wǎng)頁(yè)，以為顧客提供方便。因?yàn)樾枰谱麈溄拥膱D片很多，所以我將各類產(chǎn)品的圖片都分門別類地放好，標(biāo)注好相關(guān)的參數(shù)，再一一上傳到網(wǎng)站上去，這個(gè)工作是最為繁瑣的，好在有父親在一旁指點(diǎn)，也讓我耐下心來完成了這個(gè)任務(wù)。因?yàn)榍捌跍?zhǔn)備的材料很充分，所以其他的頁(yè)面設(shè)計(jì)起來也很順利，而且除了首頁(yè)之外，其他的頁(yè)面都是單個(gè)頁(yè)面的，只需要將準(zhǔn)備的材料上傳上去，就算是完美完成任務(wù)了。三、上傳測(cè)試網(wǎng)頁(yè)制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁(yè)制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問題，及時(shí)修改，然后再上傳測(cè)試。全部測(cè)試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。四、推廣宣傳很多人以為做了網(wǎng)站就會(huì)有人自動(dòng)上門，這種理解是錯(cuò)誤的！其實(shí)這很好理解，就比如您的公司印了很多宣傳資料，但是您要去派發(fā)宣傳資料，才能拉到客戶，把資料放在公司是沒有用的。同樣一個(gè)道理，網(wǎng)站就是您企業(yè)在網(wǎng)上的宣傳資料，需要您去派發(fā)、宣傳和推廣，才會(huì)有人去訪問，才能夠給公司帶來效益。在網(wǎng)站設(shè)計(jì)完成之后，我迅速把網(wǎng)站提交給了百度、谷歌、有道、搜狗、搜搜等各大主流搜索引擎，保證別人在這些網(wǎng)站輸入網(wǎng)站的名字的時(shí)候能夠進(jìn)入我的網(wǎng)站。這里要強(qiáng)調(diào)的是，提交了收錄并不代表立即能夠從搜索引擎搜到，因?yàn)槭欠衲芩训绞歉鶕?jù)各大搜索引擎的具體操作策略，收錄時(shí)間無法控制，一般來說時(shí)間是從幾天到一個(gè)月不等，有許多因素都會(huì)影響這一時(shí)間，這個(gè)時(shí)候就需要對(duì)網(wǎng)站進(jìn)行優(yōu)化，具體操作有兩個(gè)，一個(gè)是提高網(wǎng)站的更新頻率，還有一個(gè)就是對(duì)頁(yè)面關(guān)鍵字進(jìn)行優(yōu)化，搜索引擎爬蟲是靠讀取網(wǎng)頁(yè)內(nèi)容才知道這個(gè)網(wǎng)站或者這個(gè)網(wǎng)頁(yè)是做什么的，因此設(shè)置網(wǎng)頁(yè)的關(guān)鍵字、描述非常有必要，設(shè)置方法是打開“網(wǎng)站設(shè)計(jì)”，點(diǎn)擊“網(wǎng)站設(shè)置”標(biāo)簽，因?yàn)槲抑谱鞯氖墙掏婢咪N售網(wǎng)站，所以我就設(shè)置了幾個(gè)與之相關(guān)的關(guān)鍵字。還有一個(gè)比較重要的方面就是網(wǎng)站的域名問題。一般個(gè)人制作的網(wǎng)站分配的都是二級(jí)域名，如 ，而像，算是頂級(jí)域名，不同等級(jí)的域名在搜索引擎中所占的比重是不一樣的，為了讓更多的人看到我的這個(gè)網(wǎng)站，我就為網(wǎng)站申請(qǐng)了頂級(jí)域名。另外一件事情就是我長(zhǎng)期要做的，就是去各大論壇千方百計(jì)地推廣我的網(wǎng)站，包括天涯、豆瓣、百度貼吧、新浪微博等等。說實(shí)話，這真是個(gè)需要十分厚的臉皮的工作，得不怕被踢，不怕被罵，我一直在努力做到這一點(diǎn)，雖然并沒有人硬性規(guī)定我一定要做，但是一個(gè)小網(wǎng)站，需要游客量，就只能走這么一條道路。還有其他的一些諸如交換友情鏈接推廣法、無償單向網(wǎng)站鏈接推廣法、發(fā)布任務(wù)、發(fā)布兼職等等，都能夠提高我的網(wǎng)站被搜索到的概率。六、[后期完善]在網(wǎng)頁(yè)設(shè)計(jì)中，網(wǎng)頁(yè)的優(yōu)化是較為重要的一個(gè)環(huán)節(jié)。它的成功與否會(huì)影響頁(yè)面的瀏覽速度和頁(yè)面的適應(yīng)性，影響觀者對(duì)網(wǎng)站的印象。在資訊類網(wǎng)站中，文字是頁(yè)面中最大的構(gòu)成元素，因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且與整個(gè)頁(yè)面搭配和諧為準(zhǔn)。在白色的背景上，我們一般使用黑色，這樣不易產(chǎn)生視覺疲勞，能保證瀏覽者較長(zhǎng)時(shí)間地瀏覽網(wǎng)頁(yè)。圖片是網(wǎng)頁(yè)中的重要元素。圖片的優(yōu)化可以在保證瀏覽質(zhì)量的前提下將其size降至最低，這樣可以成倍地提高網(wǎng)頁(yè)的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊，分別進(jìn)行優(yōu)化。輸出的格式可以為gif或jpeg，要視具體情況而定。一般我們把有較為復(fù)雜顏色變化的小塊優(yōu)化為jpeg，而把那種只有單純色塊的卡通畫式的小塊優(yōu)化為gif，這是由這兩種格式的特點(diǎn)決定的。表格(table)是頁(yè)面中的重要元素,是頁(yè)面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對(duì)齊方式等參數(shù)。很多時(shí)候，我們將表格的邊框設(shè)為0，以此來定位頁(yè)面中的元素，或者籍此確定頁(yè)面中各元素的相對(duì)位置。我們知道：瀏覽器在讀取網(wǎng)頁(yè)html原代碼時(shí)，是讀完整個(gè)table才將它顯示出來的。如果一個(gè)大表格中含有多個(gè)子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們?cè)谠L問一些站點(diǎn)時(shí)，等待多時(shí)無結(jié)果，按“停止”按鈕卻一下顯示出頁(yè)面就是這個(gè)原因。因此，我們?cè)谠O(shè)計(jì)頁(yè)面表格的時(shí)候，應(yīng)該盡量避免將所有元素嵌套在一個(gè)表格里，而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁(yè)時(shí)，會(huì)自動(dòng)在每一個(gè)td內(nèi)添加一個(gè)空字符“ ”。如果單元格內(nèi)沒有填充其它元素，這個(gè)空字符會(huì)保留，在指定td的寬度或高度后，可以在源代碼內(nèi)將其刪去。網(wǎng)頁(yè)的適應(yīng)性是很重要的，在不同的系統(tǒng)上，不同的分辨率下，不同的瀏覽器上，我們將會(huì)看到不同的結(jié)果，因此設(shè)計(jì)時(shí)要統(tǒng)籌考慮。一般我們?cè)?00*600下制作網(wǎng)頁(yè)，最佳瀏覽效果也是在800*600分辨率下，在其它情況下只要保證基本一致，不出現(xiàn)較大問題即可。七、[實(shí)習(xí)心得]（一）頁(yè)面的設(shè)計(jì)方面網(wǎng)頁(yè)設(shè)計(jì)跟學(xué)習(xí)別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。一個(gè)網(wǎng)頁(yè)設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)頁(yè)就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)頁(yè)規(guī)劃包含的內(nèi)容很多，如網(wǎng)頁(yè)的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。其次還要選擇合適的制作工具。盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁(yè)已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁(yè)。網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，我是一名初學(xué)者，就選擇了比較容易上手的Frontpage2000。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動(dòng)畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁(yè)特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，只要熟練運(yùn)用，就能夠制作出讓人滿意的網(wǎng)頁(yè)。學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)還需要耐心，如果沒有耐心，就學(xué)不好網(wǎng)頁(yè)設(shè)計(jì)。因?yàn)樵诰W(wǎng)頁(yè)制作的時(shí)候隨時(shí)會(huì)碰到各式各樣的問題，當(dāng)碰到一個(gè)問題時(shí)，如果不能立刻得到問題的答案，可能需要很長(zhǎng)時(shí)間去解決，就容易煩躁，進(jìn)而失去動(dòng)力，放棄整個(gè)網(wǎng)頁(yè)制作。比如說我在制作網(wǎng)頁(yè)的時(shí)候，就碰到過一個(gè)問題，我不知道怎樣將自己的號(hào)設(shè)置為網(wǎng)頁(yè)的在線客服。我原先以為是沒有先登錄，再將它設(shè)為在線客服的原因，所以就將原先的設(shè)置全部推翻從頭來過，但是就算是從頭來過依然沒有解決這個(gè)問題。然后我又去各大論壇求助，但是別人給的建議依然沒有用。這個(gè)時(shí)候我真的很沮喪，想著自己是不是太自不量力了，從來都沒有干過的事情我竟然就那么在父母面前夸下?？?。就在我打算放棄的時(shí)候，我一個(gè)網(wǎng)友發(fā)來信息，問是不是沒有在設(shè)置號(hào)的時(shí)候開通在線客服，我點(diǎn)開設(shè)置的頁(yè)面，果然在最底下有一行小字，“開通在線客服”，這件事情才算是圓滿解決了。從這件小事，我知道了，學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁(yè)的軟件在不斷的更新，因此我們要不斷的學(xué)習(xí)。并且我認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以看到，可以評(píng)論，可以交互的。（二）網(wǎng)頁(yè)的整體布局和導(dǎo)航網(wǎng)頁(yè)的布局通常指的是網(wǎng)頁(yè)的整體架構(gòu)，說的通俗一點(diǎn)就是排版。如何突出最重要的內(nèi)容，即讓用戶第一眼就看到這個(gè)網(wǎng)頁(yè)所想要傳達(dá)的信息。這一點(diǎn)至關(guān)重要。在大多數(shù)做的比較成功的網(wǎng)頁(yè)中，一個(gè)共同的特點(diǎn)就是網(wǎng)頁(yè)的整體架構(gòu)十分的清晰明了，便于用戶瀏覽。網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型網(wǎng)頁(yè)布局是主要考慮以下幾點(diǎn)：首先要考慮整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例。其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。正文的框架設(shè)置（橫向因素和縱向因素交錯(cuò)）我在制作這個(gè)網(wǎng)站的時(shí)候，最先參考的是淘寶上一般的店面，但是隨后，我發(fā)現(xiàn)這不是一個(gè)太實(shí)際的主意。淘寶上大多數(shù)的店面賣的東西都是小件的，而且是實(shí)在的商品，價(jià)格也是固定的，而我所設(shè)計(jì)的網(wǎng)頁(yè)主旨是推銷大型的戶外游樂設(shè)施，而這些東西因?yàn)閯?dòng)輒幾十萬，占地幾十平，廠家是不可能在倉(cāng)庫(kù)里擺放打量的現(xiàn)貨的，多數(shù)是拆分下來的分類放好的零件。而我父親提供給我的只是它的設(shè)計(jì)圖稿，而且價(jià)格也不好定，所以，我就仿造一般的產(chǎn)品展銷網(wǎng)站來設(shè)計(jì)，小件的東西，就擺上詳細(xì)的參數(shù)，而大件的，則是擺上了聯(lián)系方式，由顧客直接與廠家聯(lián)系，商談所有的細(xì)節(jié)。（三）網(wǎng)頁(yè)制作過程中的其他注意事項(xiàng)不要過于注重色彩的燦爛，只要簡(jiǎn)單就行。我們最終追求的主要是實(shí)用價(jià)值。通過這次實(shí)習(xí)，在制作時(shí)想想使自己的網(wǎng)頁(yè)更加豐富多彩，在網(wǎng)頁(yè)中插入圖象，動(dòng)畫，動(dòng)態(tài)特效?？墒强傆龅竭@樣那樣的問題，但在同學(xué)的幫助和自己摸索的情況下完成了這個(gè)實(shí)習(xí)的成果?？吹搅艘恍┲木W(wǎng)站開發(fā)出的網(wǎng)頁(yè)，不僅欄目?jī)?nèi)容豐富，信息量大，而且頁(yè)面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我的經(jīng)驗(yàn)，當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。虛在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。設(shè)計(jì)是有原則的，無論使用何種手法對(duì)畫面中的元素進(jìn)行組合，都一定要遵循五個(gè)大的原則：統(tǒng)一、連貫、分割、對(duì)比及和諧。統(tǒng)一，是指設(shè)計(jì)作品的整體性，一致性。設(shè)計(jì)作品的整體效果是至關(guān)重要的，在設(shè)計(jì)中切勿將各組成部分孤立分散，那樣會(huì)使畫面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。連貫，是指要注意頁(yè)面的相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng)，并注意整個(gè)頁(yè)面設(shè)計(jì)風(fēng)格的一致性，實(shí)現(xiàn)視覺上和心理上的連貫，使整個(gè)頁(yè)面設(shè)計(jì)的各個(gè)部分極為融洽，猶如一氣呵成。分割，是指將頁(yè)面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目了然。在信息量很多時(shí)為使觀者能夠看清楚，就要注意到將畫面進(jìn)行有效的分割。分割不僅是表現(xiàn)形式的需要。換個(gè)角度來講，分割也可以被視為對(duì)于頁(yè)面內(nèi)容的一種分類歸納。對(duì)比就是通過矛盾和沖突，使設(shè)計(jì)更加富有生氣。對(duì)比手法很多，例如：多與少、曲與直、強(qiáng)與弱、長(zhǎng)與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在使用對(duì)比的時(shí)候應(yīng)慎重，對(duì)比過強(qiáng)容易破壞美感，影響統(tǒng)一。和諧是指整個(gè)頁(yè)面符合美的法則，渾然一體。如果一件設(shè)計(jì)作品僅僅是色彩、形狀、線條等的隨意混合，那么作品將不但沒有“生命感”，而且也根本無法實(shí)現(xiàn)視覺設(shè)計(jì)的傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產(chǎn)生心靈的共鳴。這是設(shè)計(jì)能否成功的關(guān)鍵。近一個(gè)月的實(shí)訓(xùn)結(jié)束了，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁(yè)過程中，我學(xué)到了新的美化網(wǎng)頁(yè)的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁(yè)這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對(duì)我來說有不少，我自己感覺在知識(shí)、技能等方面都有了不少的收獲?？傮w來說這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。第五篇：網(wǎng)頁(yè)制作實(shí)習(xí)報(bào)告網(wǎng)頁(yè)制作實(shí)習(xí)報(bào)告1一、實(shí)習(xí)目的：通過社會(huì)實(shí)踐，可以把我們?cè)趯W(xué)校所學(xué)的理論知識(shí)，運(yùn)用到客觀實(shí)際中去，使自己所有用武之地。以便能夠達(dá)到拓展自身的知識(shí)面，擴(kuò)大與社會(huì)的接觸面。了解平面設(shè)計(jì)在焦作的市場(chǎng)現(xiàn)狀及