1、手機html網頁和電腦上的html網頁在製作上有什麼區別
1.導航設計
手機端頁面導航應當包括用戶必要的內容,刪除屏幕上不必要的鏈接,假如鏈接的詳細頁面內容不是用戶想要的,用戶不會點擊,也就沒必要設置。其中建立導航功能鍵的時候,其中以回到首頁、回到上一頁這兩個最為重要。
2.網站名稱或logo的設計
手機網頁的頂部沒有標題欄或地址欄,相應地,也就沒有網站標題和圖標。所以設計頁面的時候應該讓用戶知道,他們現在所瀏覽的網站名稱或logo,這對塑造品牌也很重要。
3.頁面排版
從用戶角度來說,他們希望閱讀所有的內容,所以我們進行內容呈現,只是用隔斷、重組、引語、線條或其他視覺方案來讓這些內容更容易訪問,使這些板塊顯得更都雅。
4.利用手機的天生優勢
手機有著許多傳統電腦所沒有的優勢,其中最大的優勢就是移動力,因此手機版網頁應該要特別發揮這些特性,讓手機網頁具有一般網頁更多的優勢。如:
移動定位:大部分的智能設備都有導航、定位的機制,可以讓客戶主動找到企業的位置。
移動聯系:如果用使用的是行動電話,可以立即發話;或者直接跳轉到通訊工具在線聊天;
鄰近地點:如果企業有很多據點,請告訴用戶,在他附近有哪一些地點是便於他能夠抵達的。
2、如何用HTML5製作網頁
html5標簽掌握了,從上到下從左到右,標簽合理使用,先把框架搭好,再結合css3做效果,先花時間把html5 css3看兩遍,再看網頁設計html5製作教程就ok了
當然這只是最簡單的
3、用html5製作網頁有什麼優勢嗎?
HTML5能夠以更低的成本和更短的下載時間展現媲美目前頂級網頁設計人員設計的外觀,語義標記具有網路營銷SEO和維護優勢。
1、SEO(搜索引擎優化)得到提升
2、更快的圖片下載速度,尤其是對於移動用戶
3、Web應用開發更容易,尤其是移動應用
4、更精美的動畫效果
4、用HTML製作網頁好嗎??
html也不是說什麼好不好的。。得看你要的是靜態還是動態的了//。。
一般前台是出回html頁給後台他們在做成動態的。。
你看答他後娺。是html的就是靜態的。
有ASP,.net,pht等為後娺的都是動態的。。。
5、製作html網頁具體需要學什麼??
網頁切圖 選學
網頁設計的步驟是策劃-作圖-靜態頁-編程-測試-發布-維護-改版重構 循環
切圖是一個技術也是一種藝術,不少美工都具有切圖的功底!不過,也不是所有的網頁都需要切圖!因此,切圖的選學的,而且,沒有追求的話,切的亂七八糟也沒關系!
html標簽的用法 必學
這個是必學的,畢竟頁面還是html標簽組成的!你要熟知大部分標簽的用法!這個可以去w3school學習進階!
css 樣式和樣式表 必學
css是目前網頁設計中的主要角色!也是程序和美工的區別之一!css可以簡單理解為美化!你可以使用他設置顏色,大小,邊距,行距,字體,位置等等等....
瀏覽器兼容 選學
html頁面最終要在瀏覽器中運行和查看!但是,不是所有的瀏覽器都遵循同一個標准,因此,你的頁面在每個瀏覽器底下或多或少的都有一些不同!你要學會找到問題,解決問題!最大限度的保證在每個瀏覽器下看起來都差不多!
javascript & jQuery 選學
JS和JQ是兩個不同的東西,js在網頁中的主要作用就是網頁「特效」了。比如滑動,展開收起,幻燈片等等~~團隊細分中,html頁面是由前端設計師製作的,網頁設計師僅僅負責效果圖的製作!但是,現在的網頁設計師明顯的需要具備多門「手藝」才能混,js是其中之一!
Action script 選學
AS是flash中的常用到的一種語言!主要是製作全flash網站或者flash+xml交互模塊! 如flash幻燈片,圖表等~
學習建議:
目前的大部分html教程都是垃圾教程,是網站為了賺取流量到處復制粘貼的千篇一律的扯淡字元串(還不能算是文章,只能算是一個字一個字組成的頁面,因為連發布者都不知道裡面寫了什麼)!個人建議,你最好下載幾個chm格式的手冊,如html手冊,css手冊等~備用查詢,作為字典!我學習的時候是讀的《Head First xHtml + css》,一周入門html+css!不過,學習肯定離不開勤學苦練!以下是我建議的學習方法:
1.認識標簽,學會是使用h標題,p段落,ul列表,div元素,img插入,a鏈接
2.學會添加標簽屬性 class=「name」,id=「name」,table的相關屬性
3.學會引入外部文件,<link /> <script src=""></script> <img src="" />
4.一個完整簡單的html,嚴格按照html的結構製作一個純html標簽組成的頁面,無樣式,能區別出標題,列表,鏈接,段落
5.css學習入門:字型大小,邊框,float浮動,clear清除浮動,background背景
6.頁面模塊劃分:header,mian-body,footer 頭部,內容,頁腳
7.頁面布局細分:三列,兩列,四列,多列,【國字形、常字形】
8.html,css分離使用,在html引入外部css樣式表
9.圖片美化頁面
大致以上幾點,循序漸進!而且,盡量手寫代碼,使用記事本即可~因為,你要不斷的去認識和書寫一些常用的標簽和拼寫!【實際工作中,編輯軟體都有代碼提示功能,那僅僅是為了加速工作效率,但並不適合新手使用,否則,就懶惰了!不利於記憶和理解!】
6、網頁製作用什麼語言
只是不同的類型,就好比你可以做.doc文件,也可以做.pdf文件一樣,這幾種都比較常用,都能滿足你的要求。有幾種常見的組合
1、php語言+apache+Mysql資料庫
2、Asp語言+微軟IIS+SQLServer或者是Access
3、Asp.net這個要求伺服器有.net,用的是C#語言或者是VC、VB,資料庫也一般用SQLServer
都能滿足你的要求的,如果你有C語言的基礎的話,php語言最容易懂,而且網上也有很多例子。
7、製作網頁一般用什麼軟體啊?
1、DreamWeaver
Dreamweaver可以用最快速的方式將Fireworks,FreeHand,或Photoshop等檔案移至網頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網頁安全色。對於選單,快捷鍵與格式控制,都只要一個簡單步驟便可完成。
2、Flash
Flash,是一種動畫創作與應用程序開發於一身的創作軟體,目前最新的零售版本為Adobe Flash Professional CS6(2012年發布)。
Adobe Flash Professional CS6為創建數字動畫、互動式Web站點、桌面應用程序以及手機應用程序開發提供了功能全面的創作和編輯環境。
3、Fireworks
Fireworks是Macromedia公司發布的一款專為網路圖形設計的圖形編輯軟體,它大大簡化了網路圖形設計的工作難度,無論是專業設計家還是業余愛好者,使用Fireworks都不僅可以輕松地製作出十分動感的GIF動畫。
4、HomeSite
HomeSite是一種功能完備的html編輯器。它與文本編輯器相似,但含有自動添加HTML標簽以及輕松創建HTML復雜元素的功能。HomtSite還有大量的javascript特性,比如自動創建標簽以及為腳本命令首色等,後者可幫助開發人員更輕松的查看和跟蹤腳本命令。
5、HotDog Professional
HotDog是較早基於代碼的網頁設計工具,其最具特色的是提供了許多向導工具,能幫助設計者製作頁面中的復雜部分。HotDog的高級HTML支持插入marquee,並能在預覽模式中以正常速度觀看。
8、製作網頁一般用什麼軟體啊?
設計網頁現在通常用到的學習軟體,現在幫你羅列如下:
(1)Photoshop:學習圖像處理、編輯、通道、圖層、路徑綜合運用;圖像色彩的校正;各種特效濾鏡的使用;特效字的製作;圖像輸出與優化等,靈活運用圖層風格,流體變形及褪底和蒙板,製作出千變萬化的圖像特效。
(2)CorelDraw:通過CorelDRAW9的全方面的設計及網頁功能融合到現有的設計方案中,製作矢量的插圖、設計及圖像,出色地設計公司標志、簡報、彩頁、手冊、產品包裝、標識、網頁及其它。
(3)PageMaker:學習排版設計的基本法則、使用方法與技巧,工具箱、快捷鍵的使用,菜單功能及操作技巧,出版物、書籍、宣傳彩頁、出片輸出注意事項,報紙雜志等的高級專業排版製作的方法。
(4)Illustrator:學習圖形繪制、包裝、宣傳頁的製作,讓你更加方便地進行LOGO及CI設計,不到一個月,您就會成為一名真正的美術大師,在Photoshop的基礎上再學它如虎添翼,效率成倍提高。
(5)①DreamWeaver, 自製動態HTML動畫的網頁.DreamWeaver是一個很酷的網頁設計軟體,它包括可視化編輯、HTML代碼編輯的軟體包,並支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它還能通過拖拽從頭到尾製作動態的HTML動畫,支持動態HTML(Dynamic HTML)的設計,使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。
DreamWeaver還採用了Roundtrip HTML技術。這項技術使得網頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換,HTML句法及結構不變。這樣,專業設計者可以在不改變原有編輯習慣的同時,充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰性和生命力的是它的開放式設計,這項設計使任何人都可以輕易擴展它的功能。