網(wǎng)頁設(shè)計(jì)精英班 (學(xué)費(fèi):1600元 時(shí)間:二個(gè)月)
培訓(xùn)目標(biāo)
旨在培訓(xùn)網(wǎng)頁公司最急需的網(wǎng)頁設(shè)計(jì)人才
適用對象
熱愛網(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):
+CSS簡介
1: DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)(或稱“WEB標(biāo)準(zhǔn)”)中常用的術(shù)語之一,通常為了說明與HTML網(wǎng)頁設(shè)計(jì)語言中的表格(table)定位方式的區(qū)別,因?yàn)閄HTML網(wǎng)站設(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)檫@保證您的網(wǎng)站不會(huì)因?yàn)閷砭W(wǎng)絡(luò)應(yīng)用的升級(jí)而被淘汰。
2:提高搜索引擎對網(wǎng)頁的索引效率
用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽,搜索引擎將更有效地搜索到你的網(wǎng)頁內(nèi)容,并可能給你一個(gè)較高的評(píng)價(jià)。
3:代碼簡潔,提高頁面瀏覽速度
對于同一個(gè)頁面視覺效果,采用CSS+DIV重構(gòu)的頁面容量要比TABLE編碼的頁面文件容量小得多,代碼更加簡潔,前者一般只有后者的1/2大小。對于一個(gè)大型網(wǎng)站來說,可以節(jié)省大量帶寬。并且支持瀏覽器的向后兼容,也就是無論未來的瀏覽器大戰(zhàn),勝利的是IE7或者是火狐,您的網(wǎng)站都能很好的兼容。
4:易于維護(hù)和改版
樣式的調(diào)整更加方便。內(nèi)容和樣式的分離,使頁面和樣式的調(diào)整變得更加方便。你只要簡單的修改幾個(gè)CSS文件就可以重新設(shè)計(jì)整個(gè)網(wǎng)站的頁面?,F(xiàn)在YAHOO,MSN等國際門戶網(wǎng)站,網(wǎng)易,新浪等國內(nèi)門戶網(wǎng)站,和主流的網(wǎng)站,均采用DIV+CSS的框架模式,更加印證了DIV+CSS是大勢所趨。