網(wǎng)頁(yè)制作格式
提問問題
列表
-
如何用html5制作一個(gè)網(wǎng)頁(yè)用播放器,能夠播放MP3、MP4等格式音視頻文件,功能包含開始、暫停、
查看答案>>
-
如何制作HTML郵件?
查看答案>>
-
在網(wǎng)頁(yè)設(shè)計(jì)中怎樣插入視頻播放器
查看答案>>
-
怎樣制作一個(gè)網(wǎng)頁(yè)
查看答案>>
-
創(chuàng)建網(wǎng)頁(yè)的步驟
查看答案>>
-
網(wǎng)頁(yè)標(biāo)題上面的小圖標(biāo)怎么做
查看答案>>
-
網(wǎng)頁(yè)尺寸多少合適?
查看答案>>
-
網(wǎng)頁(yè)制作中插入圖片的代碼是什么
查看答案>>
-
網(wǎng)頁(yè)中常用的圖片格式有哪些?列舉得仔細(xì)一點(diǎn)
查看答案>>
-
制作了一個(gè)htmL網(wǎng)頁(yè)如何在底部添加版權(quán)?格式是怎樣
查看答案>>
如何用html5制作一個(gè)網(wǎng)頁(yè)用播放器,能夠播放MP3、MP4等格式音視頻文件,功能包含開始、暫停、
123456789101112131415161718192021222324<!DOCTYPE><html><head> <meta charset="utf-8" /> <script type="text/javascript"> var audioTag = document.createElement('audio'); if (!(!!(audioTag.canPlayType) && ("no" != audioTag.canPlayType("audio/mpeg")) && ("" != audioTag.canPlayType("audio/mpeg")))) { AudioPlayer.embed("audioplayer_1", {soundFile: "your.mp3", transparentpagebg: "yes"}); $( '#audioplayer').hide(); } else { $( '#audioplayer' ).audioPlayer(); }</script></head><body> <p id="audioplayer_1"></p><audio id="audioplayer" preload="auto" controls style="width:100%;" > <source src="xxxxxxxx.mp3" type="audio/mp3"> <!-- 這里SRC中的就是音樂文件的名字,改成你電腦上的。音樂文件要和<a target="_blank" class="baidu-highlight">html文件</a>在同一目錄下--></audio></body></html>
如何制作HTML郵件?
步驟一、打開Dreamweaver編輯器步驟二、新建html并把最基本的頁(yè)面屬性設(shè)置一下步驟三、插入表格并且設(shè)置表格屬性步驟四、以上例子是選擇了三行,在最上面的一行里插入網(wǎng)站或者logo,這里可以設(shè)計(jì)一張圖片第二行里可以加入你想加入的信件內(nèi)容第三行里輸入簽名和聯(lián)系信息,好啦,保存為想要的名字比如保存為:開發(fā)信模板.htm步驟五、找到Foxmail的安裝路徑Foxmail\Template\New\文件夾,打開template.ini文件,照著下面的修改配置步驟六、把做好的模板 例如開發(fā)信模板.htm 放到如圖所示路徑下面步驟七、返回到foxmail信紙管理,看到(自己命名的)開發(fā)信模板了吧,選中這個(gè),然后把這個(gè)設(shè)為默認(rèn)。具體的操作方式可以參考:http://jingyan.baidu.com/article/92255446f48d4c851648f4a2.html怎樣在Foxmail里面制作html郵件模板_百度經(jīng)驗(yàn)!
在網(wǎng)頁(yè)設(shè)計(jì)中怎樣插入視頻播放器
最簡(jiǎn)單的播放代碼 <embed src="地址" autostart="true" loop="true" width="200" height="150" > 仔細(xì)研究的話,就看下面的吧.根據(jù)你自己的情況來(lái)添加吧 1. avi格式 <object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"> <param name="ShowDisplay" value="0"> <param name="ShowControls" value="1"> <param name="AutoStart" value="1"> <param name="AutoRewind" value="0"> <param name="PlayCount" value="0"> <param name="Appearance value="0 value="""> <param name="BorderStyle value="0 value="""> <param name="MovieWindowHeight" value="240"> <param name="MovieWindowWidth" value="320"> <param name="FileName" value="地址"> <embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename=" 地址" src="sample.avi"> </embed> </object> 2. mpg格式 <object classid="clsid:05589FA1-C356-11CE- BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250"> <param name="Appearance" value="0"> <param name="AutoStart" value="-1"> <param name="AllowChangeDisplayMode" value="-1"> <param name="AllowHideDisplay" value="0"> <param name="AllowHideControls" value="-1"> <param name="AutoRewind" value="-1"> <param name="Balance" value="0"> <param name="CurrentPosition" value="0"> <param name="DisplayBackColor" value="0"> <param name="DisplayForeColor" value="16777215"> <param name="DisplayMode" value="0"> <param name="Enabled" value="-1"> <param name="EnableContextMenu" value="-1"> <param name="EnablePositionControls" value="-1"> <param name="EnableSelectionControls" value="0"> <param name="EnableTracker" value="-1"> <param name="Filename" value="地址" valuetype="ref"> <param name="FullScreenMode" value="0"> <param name="MovieWindowSize" value="0"> <param name="PlayCount" value="1"> <param name="Rate" value="1"> <param name="SelectionStart" value="-1"> <param name="SelectionEnd" value="-1"> <param name="ShowControls" value="-1"> <param name="ShowDisplay" value="-1"> <param name="ShowPositionControls" value="0"> <param name="ShowTracker" value="-1"> <param name="Volume" value="-480"> </object> 3. rm格式 <OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B- 0020AFBBCCFA" HEIGHT=288 WIDTH=352> <param name="_ExtentX" value="9313"> <param name="_ExtentY" value="7620"> <param name="AUTOSTART" value="0"> <param name="SHUFFLE" value="0"> <param name="PREFETCH" value="0"> <param name="NOLABELS" value="0"> <param name="SRC" value="地址";> <param name="CONTROLS" value="ImageWindow"> <param name="CONSOLE" value="Clip1"> <param name="LOOP" value="0"> <param name="NUMLOOP" value="0"> <param name="CENTER" value="0"> <param name="MAINTAINASPECT" value="0"> <param name="BACKGROUNDCOLOR" value="#000000"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false"> </OBJECT> 4. wmv格式 <object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312- b0f6-11d0-94ab-0080c74c7e95" codebase="地址" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="right" hspace="5"> <!-- ASX File Name --> <param name="AutoRewind" value=1> <param name="FileName" value="xxxxxx.wmv"> <!-- Display Controls --> <param name="ShowControls" value="1"> <!-- Display Position Controls --> <param name="ShowPositionControls" value="0"> <!-- Display Audio Controls --> <param name="ShowAudioControls" value="1"> <!-- Display Tracker Controls --> <param name="ShowTracker" value="0"> <!-- Show Display --> <param name="ShowDisplay" value="0"> <!-- Display Status Bar --> <param name="ShowStatusBar" value="0"> <!-- Diplay Go To Bar --> <param name="ShowGotoBar" value="0"> <!-- Display Controls --> <param name="ShowCaptioning" value="0"> <!-- Player Autostart --> <param name="AutoStart" value=1> <!-- Animation at Start --> <param name="Volume" value="-2500"> <param name="AnimationAtStart" value="0"> <!-- Transparent at Start --> <param name="TransparentAtStart" value="0"> <!-- Do not allow a change in display size --> <param name="AllowChangeDisplaySize" value="0"> <!-- Do not allow scanning --> <param name="AllowScan" value="0"> <!-- Do not show contect menu on right mouse click --> <param name="EnableContextMenu" value="0"> <!-- Do not allow playback toggling on mouse click --> <param name="ClickToPlay" value="0"> </object> 5: 最簡(jiǎn)單的播放代碼 <embed src="地址" autostart="true" loop="true" width="200" height="150" > 6: 有圖像的rm格式 <OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B- 0020AFBBCCFA height=288 id=video1 width=305 VIEWASTEXT> <param name=_ExtentX value=5503> <param name=_ExtentY value=1588> <param name=AUTOSTART value=-1> <param name=SHUFFLE value=0> <param name=PREFETCH value=0> <param name=NOLABELS value=0> <param name=SRC value=地址> <param name=CONTROLS value=Imagewindow,StatusBar,ControlPanel> <param name=CONSOLE value=RAPLAYER> <param name=LOOP value=0> <param name=NUMLOOP value=0> <param name=CENTER value=0> <param name=MAINTAINASPECT value=0> <param name=BACKGROUNDCOLOR value=#000000> </OBJECT> 7: 無(wú)圖像的rm格式:(如相聲,歌曲...) <object ID=video2 WIDTH=300 HEIGHT=62 CLASSID=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA> <param name=_ExtentX value=9657> <param name=_ExtentY value=847> <param name=AUTOSTART value=-1> <param name=SHUFFLE value=0> <param name=PREFETCH value=0> <param name=NOLABELS value=0> <param name=SRC value=地址> <param name=CONTROLS value=StatusBar,controlpanel> <param name=CONSOLE value=Clip1> <param name=LOOP value=0> <param name=NUMLOOP value=0> <param name=CENTER value=0> <param name=MAINTAINASPECT value=0> <param name=BACKGROUNDCOLOR value=#000000> </object> 8:最簡(jiǎn)單的media格式的播放器 <embed src=地址 width=200 height=200 autostart=true loop=true></embed> 9: 有圖像的media播放器,自動(dòng)調(diào)用網(wǎng)上的插件 <object id=nstv classid=CLSID:6BF52A52-394A-11d3- B153-00C04F79FAA6 width=280 height=265 codebase=地址/activex/controls /mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject> <param name=URL value=地址> <PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true> <PARAM NAME=Enabled value=true> <PARAM NAME=enableContextMenu value=false> <param name=WindowlessVideo value=true></object> 10: 無(wú)圖像的media播放器 <object id=nstv classid=CLSID:6BF52A52-394A-11d3- B153-00C04F79FAA6 width=280 height=60 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject> <param name=URL value=地址> <PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true> <PARAM NAME=Enabled value=true> <PARAM NAME=enableContextMenu value=false> </object> 11: 在線播放rm格式視頻代碼 <object id="player" name="player" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="400" height="272"> <param name="_ExtentX" value="18415"> <param name="_ExtentY" value="9102"> <param name="AUTOSTART" value="-1">
怎樣制作一個(gè)網(wǎng)頁(yè)
怎樣制作個(gè)人網(wǎng)頁(yè) 如果你已經(jīng)上網(wǎng),為何不嘗試一下在網(wǎng)上做一個(gè)完全屬于自己的主頁(yè)?有了自己的主頁(yè),全世界的人都可以隨時(shí)找到你,你也可以向全世界宣傳下自己,是非常有意義和有意思的?,F(xiàn)在簡(jiǎn)單介紹一下制作主頁(yè)的過(guò)程和方法: 一、準(zhǔn)備材料 你首先做一個(gè)小計(jì)劃,準(zhǔn)備在主頁(yè)上告訴人家什么?比如介紹三個(gè)方面:自我介紹,我的愛好,我的工作,那你就先起一個(gè)總目錄(文件夾,比如d:\html),來(lái)放你的所有文件,然后再在這個(gè)目錄建立三個(gè)子目錄:myself,interest,job。文件名你可以任意,但最好全部小寫,因?yàn)橛械闹鳈C(jī)要認(rèn)大小寫。然后將你的材料copy進(jìn)相應(yīng)的子目錄。比如你要在你的主頁(yè)里展示你的靚照,那就將你的照片掃描成JPG格式的文件,放在myself的目錄下. 要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但你可以用圖象軟件進(jìn)行轉(zhuǎn)換,比如Office 97的照片編輯器。把你準(zhǔn)備在你主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后,你就可以開始制作了。 二、開始制作 你無(wú)須去記復(fù)雜的HTML語(yǔ)言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit Page,便可以制作了.文字的處理基本跟Word沒什么兩樣,關(guān)鍵是插入圖片和產(chǎn)生鏈接.我們先做關(guān)于你自我介紹的一頁(yè),你先寫上“大家好,我是superboy,下面是我的照片:”這時(shí)要放圖片了,只須點(diǎn)擊Insert菜單,選取Image,在Choosefile里選取你的圖象文件即可,然后把這個(gè)文件保存為myself.html文件,放在myself的目錄下。好,現(xiàn)在必須做封面了,你在封面寫:“歡迎來(lái)到superboy的主頁(yè)”以下是“自我介紹,我的愛好,我的工作”。你的自我介紹要鏈接到下一頁(yè)去,你只須用鼠標(biāo)選“自我介紹”后按鼠標(biāo)右鍵 ,再選create link,然后再選你myself目錄下的myself.html,就將“自我介紹”鏈接到下一頁(yè)了,以后在瀏覽器中一按,就可以跳到鑲有你靚照的頁(yè)面啦。 在你的封面做好了所有鏈接和圖片后,記住你必須將這一頁(yè)保存為index.htm(有的主機(jī)要求必須為index.html),因?yàn)榫W(wǎng)頁(yè)默認(rèn)的主頁(yè)名稱是index.制作主頁(yè)其實(shí)很簡(jiǎn)單,只要多實(shí)際制作,工多藝熟。還可以拿來(lái)主義,在網(wǎng)上看到什么好的主頁(yè),用另存為功能保存為.html格式的文件,細(xì)細(xì)研究人家是如何做的。還可以借用網(wǎng)頁(yè)模版來(lái)搞,我的就是~~~~~~ 三、將你制作好的安放在網(wǎng)上 要在網(wǎng)上安你自己的家,你必須先申請(qǐng)一個(gè)主頁(yè)空間,即向某一個(gè)主機(jī)申請(qǐng)一快硬盤空間?,F(xiàn)在有較多的主機(jī)提供免費(fèi)主頁(yè)空間,具體見實(shí)用鏈接欄目。這些主機(jī)不僅提供免費(fèi)個(gè)人主頁(yè)空間,并且還提供留言簿、計(jì)數(shù)器等很有用的功能。只要到有關(guān)站點(diǎn)申請(qǐng)即可,具體方法,參考相關(guān)題目。申請(qǐng)完成以后用FTP將你所有的主頁(yè)文件上傳至主機(jī)指定的目錄就可以了! 需要注意的是,一定要保持網(wǎng)頁(yè)的相對(duì)位置,否則會(huì)看不到網(wǎng)頁(yè)的,有很多朋友都問我:為什么我的網(wǎng)頁(yè)傳上去了可是看不到,老是出現(xiàn)網(wǎng)頁(yè)錯(cuò)誤呢?其實(shí)他們都是因?yàn)槲恢玫膯栴},只要把位置改動(dòng)一下就可以的了
創(chuàng)建網(wǎng)頁(yè)的步驟
1)首先你要注冊(cè)一個(gè)域名(例如:www.***.com),現(xiàn)在也有免費(fèi)的二級(jí)域名可以申請(qǐng),到百度搜索一下:免費(fèi)的二級(jí)域名申請(qǐng),可以找到. (2)你得去申請(qǐng)一個(gè)空間(就是你放網(wǎng)頁(yè)的地方),同樣有免費(fèi)申請(qǐng)的(有WEB和FTP兩種上傳方式),但是一般免費(fèi)空間都會(huì)在你申請(qǐng)的空間里放他們的廣告的,挺煩人的.空間分為:靜態(tài)空間和動(dòng)態(tài)空間,靜態(tài)的是只支持html格式的網(wǎng)頁(yè),動(dòng)態(tài)的幾乎所有的文件格式都可以支持.但是靜態(tài)的比較不容易受到黑客的攻擊,就是編輯時(shí)麻煩點(diǎn). (3)申請(qǐng)完空間就會(huì)獲得相應(yīng)的IP地址一個(gè),把域名解析到這個(gè)IP上,再把空間跟域名綁定一下(兩邊都要綁定哦,要不就打不開你的網(wǎng)站了. (4)下載一個(gè)網(wǎng)頁(yè)編輯器編寫自己的網(wǎng)頁(yè)內(nèi)容(例如:Frongpage.DW2004等) (5)編輯完自己的網(wǎng)頁(yè),接下來(lái)就是要把他放到自己的空間里了,那么就得找一個(gè)上傳工具(例如:LEAPFTP等)上傳到空間里就OK了(注意:首頁(yè)的文件名必須為:index.htm或者index.asp等,具體請(qǐng)根據(jù)你所使用的語(yǔ)言). (6)告訴朋友你的網(wǎng)址,一起分享網(wǎng)絡(luò)帶來(lái)的快樂吧. BB這是需要掌握的技術(shù)步驟 第一講 創(chuàng)建網(wǎng)站步驟 ①在D:盤新建一個(gè)文件夾(比如:Myweb) ②單擊“開始”→“程序”→“Microsoft FrontPage ” ③單擊“文件”→“打開站點(diǎn)”,選擇查找范圍(比如: Myweb) ④在屏幕窗口右邊輸入文本或插入圖片,然后單擊“文件”→“保存”,保存時(shí)文件名為index.htm(提示:主頁(yè)文件名約定為Index.htm) ⑤新建其他網(wǎng)頁(yè),請(qǐng)單擊“文件”→“新建”→“空白網(wǎng)頁(yè)”或直接單擊工具欄上新建按鈕。 注意,除主頁(yè)以外的其它網(wǎng)頁(yè)文件名可以自定義,但盡量用英文。 如果已經(jīng)退出FrontPage,請(qǐng)重復(fù)第②~③步,然后雙擊文件夾列表中的相應(yīng)文件名可以繼續(xù)編輯修改。 創(chuàng)建為網(wǎng)站的文件夾 普通文件夾 當(dāng)前位置 主頁(yè)>>網(wǎng)頁(yè)設(shè)計(jì)與制作>>FrontPage 第二講 網(wǎng)頁(yè)的基本編輯 ?? 設(shè)置文本格式:在網(wǎng)頁(yè)視圖模式下,使用鼠標(biāo)左鍵拖動(dòng)選擇要設(shè)置其格式的文本,單擊鼠標(biāo)右鍵,在所彈出的快捷菜單中選擇“字體”命令項(xiàng),或單擊“格式”→“字體”。 插入圖片:將光標(biāo)置于網(wǎng)頁(yè)編輯區(qū)中要插入圖片處,單擊“插入”→“圖片”。 ?? 插入水平線:將光標(biāo)置于網(wǎng)頁(yè)編輯區(qū)中要插入水平線處,單擊“插入”→“水平線”。若需要修改水平線顏色或?qū)挾?,?qǐng)雙擊網(wǎng)頁(yè)上的水平線 ?? 插入滾動(dòng)字幕:將光標(biāo)置于網(wǎng)頁(yè)編輯區(qū)中要插入字幕處,單擊“插入”→“組件”→“字幕”。然后,輸入要滾動(dòng)出現(xiàn)的文本內(nèi)容(提示:字幕效果必須經(jīng)過(guò)預(yù)覽才能實(shí)現(xiàn)) ?? 這里是滾動(dòng)字幕演示 網(wǎng)頁(yè)背景:在網(wǎng)頁(yè)視圖模式下,在網(wǎng)頁(yè)編輯區(qū)中單擊鼠標(biāo)右鍵,選擇快捷菜單中的網(wǎng)頁(yè)屬性命令。出現(xiàn)對(duì)話框后,選擇背景。 當(dāng)前位置 主頁(yè)>>網(wǎng)頁(yè)設(shè)計(jì)與制作>>FrontPage 第三講 表格操作 ?? 創(chuàng)建表格:將光標(biāo)置于網(wǎng)頁(yè)編輯區(qū)中要插入表格處,單擊“表格”→“插入”→“表格”。 ?? 設(shè)置表格屬性:選中表格后,單擊“表格”→“屬性”→“表格”。 ?? 設(shè)置單元格屬性:選中單元格后,單擊“表格”→“屬性”→“單元格”。 ?? 插入新的單元格:將光標(biāo)置于單元格中,選菜單欄中的“表格”→“插入”→“單元格” ?? 拆分單元格:選擇要拆分的單元格,選菜單欄中的“表格”→“拆分單元格” ?? 合并單元格:選擇要合并的一列、一行或一組相鄰的單元格,選菜單欄中的“表格”→“合并單元格” 當(dāng)前位置 主頁(yè)>>網(wǎng)頁(yè)設(shè)計(jì)與制作>>FrontPage 第四講 創(chuàng)建超級(jí)鏈接 ?? 創(chuàng)建指向站點(diǎn)內(nèi)的網(wǎng)頁(yè)或文件的超級(jí)鏈接:在網(wǎng)頁(yè)視圖模式下,鍵入或選中要用作超級(jí)鏈接的文本,選擇菜單欄中的“插入”→“超鏈接”。 ?? 創(chuàng)建指向一個(gè)書簽的超級(jí)鏈接:在網(wǎng)頁(yè)視圖模式下,首先在網(wǎng)頁(yè)內(nèi)指定的位置插入一個(gè)書簽,方法是選擇菜單欄中的“插入”→“書簽”。然后,鍵入或選中要用作超級(jí)鏈接的文本,選擇菜單欄中的插入→超鏈接。出現(xiàn)創(chuàng)建超鏈接對(duì)話框,在書簽框上,選擇要將其作為目標(biāo)的書簽。 ?? 使用導(dǎo)航欄:創(chuàng)建導(dǎo)航結(jié)構(gòu)等同于創(chuàng)建超級(jí)鏈接,基本思路是首先創(chuàng)建導(dǎo)航結(jié)構(gòu),然后在需要的位置插入導(dǎo)航欄,如此同樣實(shí)現(xiàn)網(wǎng)頁(yè)之間的鏈接。具體步驟如下: 第一步,在導(dǎo)航視圖模式下,選中文件夾列表里的網(wǎng)頁(yè),拖曳導(dǎo)向要起放置的位置,若重命名網(wǎng)頁(yè)標(biāo)題,可單擊鼠標(biāo)右鍵,選重命名; 第二步,在網(wǎng)頁(yè)視圖模式下,將光標(biāo)置于網(wǎng)頁(yè)中需要插入導(dǎo)航欄的地方,單擊菜單欄“插入”→“導(dǎo)航欄”。 使用共享邊框:共享邊框內(nèi),包含了想要顯示在共享邊框的每一個(gè)網(wǎng)頁(yè)上的項(xiàng)目。在網(wǎng)頁(yè)視圖模式下,選擇菜單欄中的“格式”→“共享邊框” 使用主題:選擇菜單欄中的“格式”→“主題” CC這是網(wǎng)頁(yè)運(yùn)做的步驟 一、復(fù)雜方法 在手工制作個(gè)人網(wǎng)站的時(shí)代,我們可以總結(jié)出的網(wǎng)站制作步驟基本為:設(shè)計(jì)、切割、代碼生成、發(fā)布。而在此之前,應(yīng)該規(guī)劃出網(wǎng)站的結(jié)構(gòu),包括頁(yè)面數(shù)、欄目設(shè)置等。 1.設(shè)計(jì) 進(jìn)行頁(yè)面總體規(guī)劃,包括風(fēng)格、布局等。網(wǎng)站制作要有整體風(fēng)格,各部分要保持協(xié)調(diào),整個(gè)頁(yè)面看起來(lái)才不顯得凌亂。然后用平面設(shè)計(jì)軟件制作整個(gè)頁(yè)面,常用的軟件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設(shè)計(jì)的大拿,筆者也一直用它做頁(yè)面設(shè)計(jì),它從6.0版開始特別增強(qiáng)了對(duì)網(wǎng)頁(yè)制作的支持,顯得非常方便?,F(xiàn)在流行的Fireworks是Macromedia網(wǎng)頁(yè)制作三劍客的重劍手,由于它與Dreamweaver及Flash無(wú)縫集成,越來(lái)越受到網(wǎng)站制作人的歡迎。 2.切割 做完第1步,我們得到的只是一個(gè)圖片文件,還沒集成網(wǎng)頁(yè)上應(yīng)該有的元素。接下來(lái)要將圖片按制作需求切割成小圖。切割功能前面提到的兩個(gè)設(shè)計(jì)軟件中已經(jīng)集成了(如Photoshop中提供的切片工具),不需要專門的軟件來(lái)處理。 3.代碼生成 這是整個(gè)制作過(guò)程中最重要的一環(huán)。我們要用HTML語(yǔ)言將切割下來(lái)的組件按整體設(shè)計(jì)“拼裝”回去。眾所周知,HTML語(yǔ)言是一種標(biāo)記型語(yǔ)言,不須要編譯就可以直接在瀏覽器中執(zhí)行。所以理論上,我們可以用記事本等文本編輯工具來(lái)寫代碼。手寫代碼雖然被看作是一種很“酷”的行為,但是很耗時(shí)間,而且很難精確地控制格式。這時(shí),便該專門的HTML編輯軟件出場(chǎng)了。 HTML編輯軟件大體上可分為兩類:一類是代碼型,典型代表為Homesite、Hotdog等;一類是所見即所得型,典型代表為Frontpage。也有兩者兼具的,就是大名鼎鼎的Macromedia Dreamweaver。代碼型實(shí)際上就是一個(gè)文本編輯器,不同的是,它可以有專門的代碼提示功能,用起來(lái)比較方便。所見即所得是目前大家最推崇的方式,因?yàn)榭梢暬木庉嫽緛G棄了代碼,方便快捷。 說(shuō)到Dreamweaver,筆者就不多介紹了,我相信大部分的網(wǎng)站制作人都使用它在工作。Dreamweaver提供了代碼編寫模式和設(shè)計(jì)模式(即所見即所得),并且首次將“層”概念引入網(wǎng)頁(yè)制作。Dreamweaver幾乎可以滿足所有人的需求,甚至還提供了ASP、PHP等腳本語(yǔ)言的代碼提示。 4.發(fā)布 將制作好的頁(yè)面放到服務(wù)器上,以便的人能瀏覽。發(fā)布通常采用FTP的方式,將文件上傳到服務(wù)器。目前的網(wǎng)頁(yè)制作工具基本上都有發(fā)布工具,可以通過(guò)各種方式發(fā)布你的頁(yè)面,如Dreamweaver中的“站點(diǎn)管理器”。用戶亦可使用FTP客戶端軟件進(jìn)行這步操作。
網(wǎng)頁(yè)標(biāo)題上面的小圖標(biāo)怎么做
打開Dreamweaver軟件,新建一個(gè)HTML空白頁(yè)!將其網(wǎng)頁(yè)的標(biāo)題修改一下,改為自己所需要的標(biāo)題,同時(shí)將文件保存到電腦中,這里就直接保存在桌面上了!保存好后,可以運(yùn)行一下,用瀏覽器打這個(gè)網(wǎng)頁(yè)文件,是不存這個(gè)標(biāo)題圖標(biāo)的!即然是圖標(biāo),就需要一個(gè).ico擴(kuò)展名的圖片,如果是其他類型的圖片,可以通過(guò)網(wǎng)上再線轉(zhuǎn)換功能,轉(zhuǎn)為ico格式的圖片!準(zhǔn)備好,將網(wǎng)頁(yè)文件與圖標(biāo)圖片放到同一個(gè)目錄下,在標(biāo)題下,再添加一個(gè)簡(jiǎn)單的代碼就好了,<link rel="shortcut icon" href="111.ico"/>,這個(gè)文件名一定要與ico圖標(biāo)的文件名到致!
網(wǎng)頁(yè)尺寸多少合適?
網(wǎng)站 首頁(yè)頁(yè)面寬度 pxYahoo! 950淘寶 950MySpace 960新浪 950網(wǎng)易 960Live Search 958搜狐 950優(yōu)酷 960AOL 960隨著電腦的發(fā)展,顯示器是越來(lái)越大,分辨率也是越來(lái)越高,為了照顧所有不同顯示器的用戶,把網(wǎng)站的制作尺寸規(guī)范就定在1024*768下,網(wǎng)頁(yè)寬度保持在1002-1004以內(nèi),高度還是以根據(jù)需要制作的內(nèi)容在定,如果只想網(wǎng)頁(yè)只在一屏內(nèi)顯示,不要上下滾動(dòng)條, 一般高度是600-635像素之間, 就不會(huì)出現(xiàn)垂直滾動(dòng)條。 在ps里面做網(wǎng)頁(yè)可以在1003*600狀態(tài)下顯示全屏,頁(yè)面的下方也不會(huì)出現(xiàn)滑動(dòng)條,尺寸為1003*650像素左右 。1、在IE6.0下,寬度為顯示器分辨率減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無(wú)論你的網(wǎng)頁(yè)多高都會(huì)有右側(cè)的滾動(dòng)條框。2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成10053、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001網(wǎng)站頁(yè)面大小其實(shí)并沒有一個(gè)統(tǒng)一的標(biāo)準(zhǔn),不過(guò)網(wǎng)站建設(shè)好之后要記得測(cè)試各瀏覽器的兼容性,很可能在IE沒問題的情況下,其他瀏覽器出現(xiàn)錯(cuò)位的情況。
網(wǎng)頁(yè)制作中插入圖片的代碼是什么
定義和用法img 元素向網(wǎng)頁(yè)中嵌入一幅圖像。請(qǐng)注意,從技術(shù)上講,<img> 標(biāo)簽并不會(huì)在網(wǎng)頁(yè)中插入圖像,而是從網(wǎng)頁(yè)上鏈接圖像。<img> 標(biāo)簽創(chuàng)建的是被引用圖像的占位空間。在下面的例子中,我們?cè)陧?yè)面中插入一幅 W3School 的工程師在上海鮮花港拍攝的郁金香照片:<img src="/i/eg_tulip.jpg" alt="上海鮮花港 - 郁金香" />
網(wǎng)頁(yè)中常用的圖片格式有哪些?列舉得仔細(xì)一點(diǎn)
一、BMP圖像文件格式 二、 PCX圖像文件格式 三、TIFF圖像文件格式 四、 GIF文件格式 五、JPEG文件格式 六、TGA格式 七、EXIF格式 八、 FPX圖像文件格式 九、SVG格式 十、PSD文件格式 十一、CDR文件格式 十二、PCD文件格式 十三、DXF文件格式 十四、UFO文件格式 十五、EPS文件格式 十六、PNG圖像文件格式 十七,HDRI圖像文件格式 詳情查看 http://baike.baidu.com/view/19666.htm?fr=ala0_1
制作了一個(gè)htmL網(wǎng)頁(yè)如何在底部添加版權(quán)?格式是怎樣
你上面怎么設(shè)計(jì)的div、下邊版權(quán)部分就按照合適的樣式創(chuàng)建div就可以了,如果你問的是具體的版權(quán)內(nèi)容,你可以借鑒其他同類型的網(wǎng)站,把對(duì)應(yīng)的信息改成你自己的就可以了,這個(gè)沒有什么特別的要求。
熱門問答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁(yè)是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡(jiǎn)單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁(yè)設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡(jiǎn)歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡(jiǎn)歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁(yè)制作學(xué)那些