網頁自動設計
1. 想了解網頁自動生成工具(網站製作工具)
Dreamweaver就可以做到所見即所得,不用編程的。它有幾種模式,可以自己寫代碼,也可以只進行設計,代碼自動生成。具體你可以看看幫助。
希望對你有幫助!!!
2. 可以自己設計網頁嗎可以自己做程序嗎
可以的,需要正統學習過。
如果只做網頁,並且類似於個人主頁的范疇,要求不高的話,可以使用傻瓜式可見編輯軟體來只做一些簡單的網站和網頁,可以網路搜索這類型軟體,數量太多不一一例舉。
關於編程,需要正統的學習,目前比較流行的javi和net編程,也是主流的應用程序和網頁式應用的變成方式,你可以參考專業書籍。
3. 想要製作一個自己的網頁,應該怎麼弄啊
想要自己製作一個網頁也很簡單,在凡科建站的平台就能快速、輕松製作出一個網頁,下面可以跟著這些步驟,就能了解自己怎麼製作網頁:
首先、注冊一個凡科賬號,
再找一個網站模板,把自己的信息替換上...
最後點擊保存,一個網站就可以做出來了
4. 如何去設計一個自適應的網頁設計或html5
如今移動互聯網隨著3G的普及,越來越火爆,更多需求跟隨而來!APP應用市場和APP應用數量成倍成倍的增長!從而給移動互聯網帶來新的挑戰!
移動設備正超過桌面設備,成為訪問互聯網的最常見終端。於是,網頁設計師不得不面對一個難題:如何才能在不同大小的設備上呈現同樣的網頁?
手機的屏幕比較小,寬度通常在600像素以下;PC的屏幕寬度,一般都在1000像素以上(目前主流寬度是1366×768),有的還達到了2000像素。同樣的內容,要在大小迥異的屏幕上,都呈現出滿意的效果,並不是一件容易的事。
很多網站的解決方法,是為不同的設備提供不同的網頁,比如專門提供一個mobile版本,或者iPhone / iPad版本。這樣做固然保證了效果,但是比較麻煩,同時要維護好幾個版本,而且如果一個網站有多個portal(入口),會大大增加架構設計的復雜度。
於是,很早就有人設想,能不能」一次設計,普遍適用」,讓同一張網頁自動適應不同大小的屏幕,根據屏幕寬度,自動調整布局(layout)?
一、了解什麼是」自適應網頁設計」
自從2010年,Ethan Marcotte提出了 「自適應網頁設計」(Responsive Web Design)這個名詞,指可以自動識別屏幕寬度、並做出相應調整的網頁設計。
他製作了一個 範例,裡面是《福爾摩斯歷險記》六個主人公的頭像。如果屏幕寬度大於1300像素,則6張圖片並排在一行。
如果屏幕寬度在600像素到1300像素之間,則6張圖片分成兩行。
如果屏幕寬度在400像素到600像素之間,則導航欄移到網頁頭部。
如果屏幕寬度在400像素以下,則6張圖片分成三行。
mediaqueri.es上面有更多這樣的例子。
這里還有一個 測試小工具,可以在一張網頁上,同時顯示不同解析度屏幕的測試效果,我推薦安裝。
二、需要允許網頁寬度自動調整
「自適應網頁設計」到底是怎麼做到的?其實並不難。
首先,在網頁代碼的頭部,加入一行 viewport元標簽。
viewport是網頁默認的寬度和高度,上面這行代碼的意思是,網頁寬度默認等於屏幕寬度(width=device-width),原始縮放比例(initial-scale=1)為1.0,即網頁初始大小占屏幕面積的100%。
所有主流瀏覽器都支持這個設置,包括IE9。對於那些老式瀏覽器(主要是IE6、7、8),需要使用 css3-mediaqueries.js。
三、在進行設計的時候不能使用絕對寬度
由於網頁會根據屏幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬度的元素。這一條非常重要。
具體說,CSS代碼不能指定像素寬度:
width:xxx px;
只能指定百分比寬度:
width: xx%;
或者
width:auto;
四、相對大小的字體
字體也不能使用絕對大小(px),而只能使用相對大小(em)。
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的代碼指定,字體大小是頁面默認大小的100%,即16像素。
h1 {
font-size: 1.5em;
}
然後,h1的大小是默認大小的1.5倍,即24像素(24/16=1.5)。
small {
font-size: 0.875em;
}
small元素的大小是默認大小的0.875倍,即14像素(14/16=0.875)。
五、流動布局(fluid grid)或瀑布流
「流動布局」的含義是,各個區塊的位置都是浮動的,不是固定不變的。
.main {
float: right;
width: 70%;
}
.leftBar {
float: left;
width: 25%;
}
float的好處是,如果寬度太小,放不下兩個元素,後面的元素會自動滾動到前面元素的下方,不會在水平方向overflow(溢出),避免了水平滾動條的出現。
另外,絕對定位(position: absolute)的使用,也要非常小心。
六、選擇性載入CSS
「自適應網頁設計」的核心,就是CSS3引入的 Media Query模塊。
它的意思就是,自動探測屏幕寬度,然後載入相應的CSS文件。
上面的代碼意思是,如果屏幕寬度小於400像素(max-device-width: 400px),就載入tinyScreen.css文件。
如果屏幕寬度在400像素到600像素之間,則載入smallScreen.css文件。
除了用html標簽載入CSS文件,還可以在現有CSS文件中載入。
@import url(「tinyScreen.css」) screen and (max-device-width: 400px);
七、CSS的@media規則
同一個CSS文件中,也可以根據不同的屏幕解析度,選擇應用不同的CSS規則。
@media screen and (max-device-width: 400px) {
.column {
float: none;
width:auto;
}
#sidebar {
display:none;
}
}
上面的代碼意思是,如果屏幕寬度小於400像素,則column塊取消浮動(float:none)、寬度自動調節(width:auto),sidebar塊不顯示(display:none)。
八、圖片的自適應(fluid image)
除了布局和文本,」自適應網頁設計」還必須實現圖片的 自動縮放。
這只要一行CSS代碼:
img { max-width: 100%;}
這行代碼對於大多數嵌入網頁的視頻也有效,所以可以寫成:
img, object { max-width: 100%;}
老版本的IE不支持max-width,所以只好寫成:
img { width: 100%; }
此外,windows平台縮放圖片時,可能出現圖像失真現象。這時,可以嘗試使用IE的 專有命令:
img { -ms-interpolation-mode: bicubic; }
或者,Ethan Marcotte的 imgSizer.js。
addLoadEvent(function() {
var imgs = document.getElementByIdx_x(「content」).getElementsByTagName_r(「img」);
imgSizer.collate(imgs);
});
不過,有條件的話,最好還是根據不同大小的屏幕,載入不同解析度的圖片。有 很多方法可以做到這一條,伺服器端和客戶端都可以實現。
只要遵循這8條設計准則,我相信你們可以很快的設計出自適應的網頁出來
5. 怎麼建立自己的個人網站和網頁如何設計
你好。要建立個人網站的話你得按照以下方式里進行:
1:首先你要購買一個空間。空間的就是用於存儲你網頁、資料庫等的。
網站空間有很多種,虛擬主機、VPS、獨立伺服器等,個人站長選擇虛擬主機就行了,既滿足需求也降低成本。另外虛擬主機只需通過圖形化的操作界面簡單管理即可,而VPS和獨立伺服器需要一定的技術,根本不適合新手站長。能提供網站空間的服務商非常多。
2:然後你需要注冊一個域名。域名是網站在網路上的門牌號,方便訪問者快速找
到你的網站;同時也是網路上的名片,一個個性、簡單和易記的域名可以讓你在互聯網中擁有自己的網站品牌形象,像「網路」的域名.com就是一個很好的例子。域名需要在域名注冊商那裡注冊,國內有非常多域名注冊商
3:選擇網站的建設程序。程序的選擇同樣是網站建設中重要部分,個人站長可以獨立開發網站程序也可以選擇現成的。如果沒有建站經驗的新手,建議直接使用現成的網站程序。網上的網站程序有很多,有Shopex商城程序、pageadmin管理系統等等,想要搭建什麼類型的網站選擇對應的程序即可。
也可以可學習一下javavscript,asp,PHP,ASP.NET,JSP等動態網站開發語言。自己建設自己的網頁。網站設計的話,還想深入學習,div+css布局,ajax,web2.0等技術,網站運營理念,seo等等。
以上是網站建設之初必不可少的三大基礎條件,是缺一不可的。
當然不是說准備好它們就可以直接建好網站了,還需要域名解析、網站程序的上傳安裝等。這些操作的具體步驟可能會因為空間商和網站程序的不同有所差別。
但是搭建個人網站的步驟大同小異。
望點贊。
6. 字體自動設計網站
是這個嗎?輸入文字,選擇字體,可預覽效果。
http://youmade.com/font/index.asp
7. 怎麼製作自己的網頁
首先你是非開發者,你需要弄清楚製作網頁的步驟都有哪些?
簡單來說,網頁製作需要的內容如下:頁面設計、前端開發、後端開發(如果只是簡單的介紹頁面或者不常改的頁面可以不需要該內容)、自己的伺服器與域名、伺服器部署及域名DNS解析配置。
非開發者需要你知道如果你自學需要很多內容去完善,大概拚命學3個月左右你可以嘗試弄個簡單的網頁,但是這也代表著你入坑了,後面會有大把的坑等著你去填,在最後會和你說下開發者製作網頁的步驟。以下為非開發者製作的步驟:
1、了解網頁製作的組成、原理和基礎知識,咨詢下身邊的朋友有沒有做開發的基友。
2、網路查看下網頁製作的花銷組成,以及哪些地方是可以自己完成的,哪些地方自己完成還不如花錢讓他人去做來的性價比高的。
3、找一些可以免費製作網頁的服務商嘗試一下步驟(免費的只能體會到網頁設計和實現後的結果,過程無法體驗,後端無法體驗,伺服器域名還有額,所有都體驗不到,但是你可以看到最後的成果),提高下積極性。
4、找朋友,找小的服務商,找基友製作,自己嘗試做一個解決方案,需求文檔。
5、你已經離成功就剩實踐的距離了,去做就可以得到你想要的,加油吧騷年。
對於初學或者技術的開發者:
1、將基礎的網頁前端頁面畫出來,大體的框架和基礎文案。
2、將該設計圖稿使用前端語言(vue.js、node.js或者h5)進行實現,也就是用電腦的語言畫出來你之前的設計內容。
3、後端可以選擇不要,或者使用開源代碼去進行搭建簡單的服務,提供一些基礎內容的動態實現和互動(這個如果你不會可以找朋友,自學會花你比較大比例的時間)語言很多,自選。
4、購買伺服器與域名,進行實名認證及ICP備案。
5、將代碼打包到伺服器中部署運行,設置tomcat配置文件,解析域名DNS到伺服器的公網IP上。
6、確定無誤後進行測試訪問,網頁中輸入你的域名進行訪問。
8. 設計自己的網頁
初級前端
主要學習三個部分:HTML,CSS,JavaScript
到招聘網站,參考任聘要求,准沒錯,舉例如下:
1.精通html和css,能製作符合W3C標準的靜態頁面;2.精通JavaScript編程,對面向對象編程思想有深刻理解;3.精通主流Javascript庫/框架jQuery;4.理解並掌握JavaScript語言核心技術DOM、BOM有Javascript性能優化經驗;5.對瀏覽器兼容性有深入的研究,精通各種瀏覽器問題 ;6.了解Backbone.js、AngularJs等MVC框架並有實際項目開發經驗;7.了解http://asp.net等伺服器後台技術和擁有一定的C#編程能力者優先;8.對交互體驗、可用性、用戶體驗有一定程度的理解;9.有良好的責任心和團隊合作能力、能承受較大的壓力;
自己動手搜索下吧,確定目標和方向,以上是個人路線,僅供參考。
9. 怎樣設計自己的網頁
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。 四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者。
網頁製作教程:
FONTRPAGE的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/fp2k.zip
dreamweaver的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/dreamweaver.zip
用Flash吧 我們上課用這個做的 這個比較好