如何做網(wǎng)頁設(shè)計(jì),網(wǎng)頁設(shè)計(jì)制作除了會(huì)Dreamweaver還需要掌握什么
做網(wǎng)頁設(shè)計(jì)除了需要掌握Dreamweaver,還需要掌握ps,flash,如果會(huì)Fireworks和Frontpage就更好了,DW和PS大家都已經(jīng)很熟悉就不再做過多介紹,下面來說說其他軟件。FlashFlash是由macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn),由Adobe公司收購。做Flash動(dòng)畫的人被稱之為閃客。網(wǎng)頁設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash,是世界上第一個(gè)商用的二維矢量動(dòng)畫軟件,用于設(shè)計(jì)和編輯Flash文檔。Fireworks是由Macromedia推出的一款網(wǎng)頁作圖軟件,軟件可以加速 Web 設(shè)計(jì)與開發(fā), 是一款創(chuàng)建與優(yōu)化 Web 圖像和快速構(gòu)建網(wǎng)站與 Web 界面原型的理想工具。FrontpageFrontpage,是微軟公司出品的一款網(wǎng)頁制作入門級(jí)軟件。FrontPage使用方便簡單,會(huì)用Word 就能做網(wǎng)頁,因此相對(duì)Dreamweaver等軟件更容易上手。除了會(huì)以上軟件,如果想要把網(wǎng)站搭建起來,推薦大家學(xué)習(xí)一下phpstudy。phpstudy:該程序包集成最新的Apache+Nginx+LightTPD+PHP+MySQL+phpMyAdmin+Zend Optimizer+Zend Loader,一次性安裝,無須配置即可使用,是非常方便、好用的PHP調(diào)試環(huán)境。該程序綠色小巧簡易迷你僅有32M,有專門的控制面板??傊畬W(xué)習(xí)PHP只需一個(gè)包。網(wǎng)頁設(shè)計(jì)與制作需要注意的問題1,制作網(wǎng)頁時(shí),有時(shí)會(huì)發(fā)現(xiàn),制作好的網(wǎng)頁在本地計(jì)算機(jī)上瀏覽時(shí)很正常,但在另外一臺(tái)計(jì)算機(jī)上瀏覽時(shí)卻發(fā)現(xiàn)網(wǎng)頁的布局亂套了,這是因?yàn)楦鱾€(gè)計(jì)算機(jī)的分辨率不同所致。在Dreamweaver文檔窗口中的右下角,顯示當(dāng)前文檔的分辨率大小。單擊當(dāng)前分辨率數(shù)字,在彈出的菜單中可以為當(dāng)前的頁面指定顯示分辨率,通過修改可以使網(wǎng)頁更具靈活性。2,在Dreamweaver里,進(jìn)行網(wǎng)頁編輯時(shí),不必通過菜單欄里的【打開】命令來打開文件,一個(gè)更快的方法是利用【文件】面板,打開相關(guān)文件,直接用鼠標(biāo)拖動(dòng)文件到文檔編輯窗口即可;同樣,要在網(wǎng)頁上插入圖像等元素,也可直接通過【文件】面板將圖像文件拖動(dòng)到網(wǎng)頁上。,3,如果在網(wǎng)頁中插入了不可見的元素時(shí),Dreamweaver會(huì)自動(dòng)在頁面上添加
網(wǎng)頁設(shè)計(jì)制作作業(yè)的任務(wù)要求
任務(wù) 1: 學(xué)會(huì)基本的HTML(5)標(biāo)簽骨架以及基本服務(wù)器概念1.開發(fā)基礎(chǔ)百度首頁要求:· 學(xué)會(huì)配置開發(fā)環(huán)境· 學(xué)會(huì)使用基本的HTML結(jié)構(gòu)搭建骨架· 基本符合視覺上的要求· 讓整塊在頁面大致垂直居中· 頁面的點(diǎn)擊全部為真實(shí)點(diǎn)擊· 并不要求CSS2.開發(fā)課程表要求:· HTML&HTML5標(biāo)簽及表格table的使用;· 代碼結(jié)構(gòu)的處理· HTML5語義的使用· 提前學(xué)習(xí),使用了css進(jìn)行美化。任務(wù) 2: 學(xué)會(huì)HTML5新增元素及CSS核心技術(shù)1.制作一個(gè)由5個(gè)100*100DIV組成的十字架要求:· 制作一個(gè)由5個(gè)100*100DIV組成的十字架(如),· 中間放一張icon(自己喜歡的64*64的小圖片)在DIV里垂直水平居中,· 十字架頁面垂直居中水平居中,每一個(gè)DIV要有邊框陰影盡量的讓其漂亮。2.制作家教網(wǎng)注冊(cè)頁面要求:· 青島家教網(wǎng)注冊(cè)頁面是一個(gè)N年前非常傳統(tǒng)的老式頁面,很陳舊,需要大家用自己新學(xué)過的HTML&HTML5&CSS&CSS3的知識(shí),一些新的表單元素,重新實(shí)現(xiàn)和改良這個(gè)頁面,達(dá)到熟悉表單元素的目的(傳統(tǒng)input和H5的混用達(dá)到全部熟悉的目的)?!?nbsp;具體要制作的頁面,入口在 /member/register_1.asp(不需要做),先填寫一些資料后進(jìn)入下一個(gè)頁面/member/register_2.asp就是我們需要制作的。3.讓百度首頁樣式完全與官網(wǎng)樣式完全一致要求:· 試著使用HTML5元素改良百度首頁且樣式盡可能完全與官網(wǎng)完全一致(僅要求谷歌瀏覽器)?!?nbsp;本題難點(diǎn)在于百度首頁頂部菜單鼠標(biāo)懸浮下拉菜單的效果,當(dāng)前階段未學(xué)JS, 可以參考使用偽類:hover盡可能去實(shí)現(xiàn),但不做太多要求。4.實(shí)戰(zhàn)盒子模型與彈性盒模型。要求:· 正常盒子與怪異盒子對(duì)比· 彈性盒子水平分欄,垂直分欄,排序(flex),cloumn分欄· 舊版彈性盒子居中布局· 美觀程度任務(wù) 3: 學(xué)會(huì)CSS常用布局技巧以及繪制特殊圖形和動(dòng)畫1.CSS3開發(fā)3D魔方要求:· 使用CSS3開發(fā)炫酷的3D魔方效
聯(lián)系我們,獲取專業(yè)解決方案
互聯(lián)網(wǎng)數(shù)字產(chǎn)品開發(fā)與服務(wù)。
為企事業(yè)單位提供全面的互聯(lián)網(wǎng)整合營銷解決方案。