關(guān)鍵詞:武漢網(wǎng)頁設(shè)計(jì)培訓(xùn)
網(wǎng)頁設(shè)計(jì)精英班 ( 時(shí)間:二個(gè)月)
培訓(xùn)目標(biāo)
|
武漢學(xué)習(xí)網(wǎng)頁設(shè)計(jì)精英班旨在培訓(xùn)網(wǎng)頁公司最急需的網(wǎng)頁設(shè)計(jì)人才
|
適用對(duì)象
|
熱愛網(wǎng)頁設(shè)計(jì)的業(yè)余愛好者,跳行、轉(zhuǎn)行人士,無任何基礎(chǔ)的低學(xué)歷人士均可免試報(bào)讀。
|
教學(xué)形式
|
全日制白班:周一至周五上課
9:00-12:00,14:00-17:00
業(yè)余制晚班:周一至周六上課 19:00-21:30
|
課 程 大 綱
1、Dreamweaver網(wǎng)頁設(shè)計(jì)排版:
|
創(chuàng)建圖層、使用表單、應(yīng)用樣式、HTML超文本標(biāo)記語言、ASP及數(shù)據(jù)庫接口等。
|
|
2、Photoshop動(dòng)態(tài)網(wǎng)頁按鈕及圖像制作:
基本操作界面、工具使用、層、濾鏡及色彩管理,提高實(shí)用技巧;位圖的特效處理、按鈕制作、GIF動(dòng)畫制作,
|
3、Flash網(wǎng)頁動(dòng)畫制作:
電影制作、動(dòng)畫設(shè)計(jì)、背景音樂合成等。
|
4、網(wǎng)頁設(shè)計(jì)綜合實(shí)例制作:
5、手寫DIV+CSS制作符合w3c規(guī)范的靜態(tài)頁面,準(zhǔn)確細(xì)致規(guī)劃CSS結(jié)構(gòu):
A.DIV+CSS簡介
1: DIV+CSS是標(biāo)準(zhǔn)(或稱WEB標(biāo)準(zhǔn))中常用的術(shù)語之一,通常為了說明與HTML網(wǎng)頁設(shè)計(jì)語言中的表格(table)定位方式的區(qū)別,因?yàn)閄HTML設(shè)計(jì)標(biāo)準(zhǔn)中,不再使用表格定位技術(shù),而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。 用div盒模型結(jié)構(gòu)給各部分內(nèi)容劃分到不同的區(qū)塊,然后用css來定義盒模型的位置、大小、邊框、內(nèi)外邊距、排列方式等。
2: CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現(xiàn) HTML 或 XML 等文件式樣的計(jì)算機(jī)語言。在我們用table布局時(shí),都曾接觸和應(yīng)用到css。
3: DIV元素是用來為HTML文檔內(nèi)大塊(block-level)的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來構(gòu)成這個(gè)塊的,其中所包含元素的特性由DIV標(biāo)簽的屬性來控制,或者是通過使用樣式表格式化這個(gè)塊來進(jìn)行控制。
B、DIV+CSS的優(yōu)勢
1:表現(xiàn)和內(nèi)容相分離
將設(shè)計(jì)部分剝離出來放在一個(gè)獨(dú)立樣式文件中,HTML文件中只存放文本信息。符合W3C標(biāo)準(zhǔn),微軟等公司均為W3C支持者。這一點(diǎn)是最重要的,因?yàn)檫@保證您的不會(huì)因?yàn)閷砭W(wǎng)絡(luò)應(yīng)用的升級(jí)而被淘汰。
2:提高引擎對(duì)網(wǎng)頁的索引效率
用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽,引擎將更有效地到你的網(wǎng)頁內(nèi)容,并可能給你一個(gè)較高的評(píng)價(jià)。
3:代碼簡潔,提高頁面瀏覽速度
對(duì)于同一個(gè)頁面視覺效果,采用CSS+DIV重構(gòu)的頁面容量要比TABLE編碼的頁面文件容量小得多,代碼更加簡潔,前者一般只有后者的1/2大小。對(duì)于一個(gè)大型來說,可以節(jié)省大量帶寬。并且支持瀏覽器的向后兼容,也就是無論未來的瀏覽器大戰(zhàn),勝利的是IE7或者是火狐,您的都能很好的兼容。
4:易于維護(hù)和改版
樣式的調(diào)整更加方便。內(nèi)容和樣式的分離,使頁面和樣式的調(diào)整變得更加方便。你只要簡單的修改幾個(gè)CSS文件就可以重新設(shè)計(jì)整個(gè)的頁面。現(xiàn)在YAH00,MSN等國際門戶,網(wǎng)易,新浪等國內(nèi)門戶,和主流的WEB2.0,均采用DIV+CSS的框架模式,更加印證了DIV+CSS是大勢所趨。