騰訊網頁設計規范

1、網頁設計 網頁尺寸

寬度全屏的話一般設置成1003像素，高度可以不固定

2、為什麼都說騰訊的設計在行業內挺厲害的？騰訊的網頁交互從設計角度分析好在哪裡？

你聊得這個話題太大了，簡單地說企業有錢，就可以找到最優秀的交互設計，用最牛白的技術，至於從設計的角度分析，這個要看是什麼產品了，不能泛泛的說騰訊的網頁，交互設計是一個非常深奧的學問，他的設計面非常廣，例如技術、視覺、情感、心理、推廣等等，交互是以用戶體驗為主，一個設計的好壞評價標尺，就是看產品在用戶那裡獲得的認可度，記得13年有一次qq升級，由於交互發生了巨大變化，做的不好，於是用戶罵聲一片，具體時間忘了

3、騰訊的網頁是用什麼技術設計的？

php+MySQL 但是它為了利於搜索引擎友好 對動態網頁做了轉化處理 HTML靜態頁面有利於搜索引擎的抓取 所以它顯示的是以htm為後綴的網頁 但是轉化不夠徹底 所以體現動態頁面的URL元素
如 「？= & 」等字元沒有去掉···

現在國外主流是php 而asp安全性不佳 對大型網站並不適用 所以現在大型網站都採用jsp php 製作~~~

補充：看不到JS代碼和HTML代碼 是因為他用了外部文件 然後連接到網頁當中

該網頁用的是外聯css樣式
關於href屬性 因為騰訊的留言功能是動態網站基本功能之一 所有的留言都是從資料庫調用

4、一般新浪或騰訊的網頁是怎麼製作出來的?

1.網頁設計師先將網頁設計出來。
2.進行網頁製作，就是切片，div+css布局，將圖片變成網頁。
3.後台製作。可以自己開發，也可以套用cms，如dedecms，phpcms。等
具體步驟就是這樣。詳細的牽扯到一些技術，就是html，div+css,js，（jquery,js框架）。
後台目前流行PHP語言。這些都是基礎

5、網頁設計都是什麼內容

一個網頁的組成，頁面框架+美工+程序+資料庫。
頁面框架：也就是網站的結構設計，包括了UI和LOGO等，總體來說是為了方便用戶操作記性的界面，效果，已經頁面的流程進行的設計。
美工：要求會的最基本的幾個軟體PHOTOSHOP,FLASH,FIREWORKS
程序：要求會的語言很多，包括客戶端的腳本語言和服務端的語言，客戶端語言包含HTML，JAVASCRIPT，VBSCRIPT，服務端語言包括，ASP，JSP，PHP，.net等等。
資料庫：用的資料庫也許有很多種，有用ACCESS的，也有SQLSERVER的，還有DB2，ORECLE等等。

6、網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(6)騰訊網頁設計規范擴展資料：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

網頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

3．用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內；

2．背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

7、網頁設計寬度多少是最好啊？

網頁的尺寸受限於兩個因素:一個是顯示器屏幕。
現在顯示器現在種類很多，以21寸為主流, 正在朝23寸及寬屏的方向發展。但目前也有為數不少的19寸顯示器，甚至是17寸的。

另一個是瀏覽器軟體，就是我們常用的IE，Friefox，360瀏覽器等。

基本上網頁寬頻是屏幕大小減去22px就是頁面的寬度，比如對於800*600解析度的屏幕，頁面的寬度要低於778像素，1024的寬度的頁
面要設置成不大於1002px(一般就是950或者960)，等等。當然還有些人覺得設置成fixed比較好，就是滿屏，100%寬度。

目前各大網站基本在960/950為主，促使各大網站改為寬屏的原因是，1024*768解析度的瀏覽器早已成為主流，更寬的屏幕也越來越多，比如1280*1024。而這些網站的寬度，大都是950px/960px而非1002px(騰訊網的是1002px)。

這個問題上面每個人的觀點是不一樣的，我認為這里主要要考慮兩個因素：

視覺效果和用戶體驗。

從視覺效果來說，屏幕邊緣區域並不是用戶的有效視覺區域，也就是說，用戶很少去看屏幕的邊緣地帶的。所以我最近在很多國外的網站看到一些100%寬度設計的網站，兩邊都會留20px左右的空白(而且這樣看起來更加舒服)。

而從用戶體驗來說，太寬的屏幕，意味著一行會有更多的字，這一點是不好的。大家在看報紙或看書的時候會注意到分欄，比如報紙，無論是對開還是4
開的報紙，都會分成幾欄來顯示，如南方都市報是分5欄，每欄15個5號字，這樣就很容易閱讀，如果不分欄，那麼就相當於一行75個字，只有一兩行字的話還
行，如有二十幾行，誰能讀下去?!

現在顯示器的屏幕越來越寬，如果網頁的寬度也一味的寬下去，用戶肯定要糾結了!

所以，我認為950-980的頁面寬度是最合適的。
網頁設計原則：http://www.wzyunying.com/post/74.html

8、請問網頁製作的要求?

嚴格說，大中型公司會把網頁製作團隊分為：網頁視覺設計（美工）、前端交互設計（前端）、軟體程序開發（程序）。

單說前端，你可以百度一下「前端設計」，了解一下這個職位是幹嘛的。下面引用一小段：

【前端設計師是一個很新的職業，在國內乃至國際上真正開始受到重視的時間不超過5年。但是，隨著Web2.0概念的普及和W3C組織的推廣，網站重構的影響力正以驚人的速度增長。XHTML+CSS布局、DHTML和Ajax像一陣旋風，鋪天蓋地地席捲而來，包括新浪、搜狐、網易、騰訊、淘寶等在內的各種規模的IT企業都對自己的網站進行了重構。】

因此，從技術上說，前端設計師要至少掌握html極其相關平台屬性、css極其相關兼容語法、javascript極其相關框架、ajax極其相關語言（php或asp或json等）——如果是Flash，你還要懂得ActionScript。

你要用html寫頁面，用css做樣式，用javascript做交互，用ajax優化交互——一切的一切，提供符合標準的html頁面（兼容性好、標簽/命名語義化、符合W3C規范、符合SEO規范、符合或遵循網頁柵格系統），鏈接美工和程序。

從軟體上說，你至少要懂得一款作圖工具（切圖、優化壓縮圖片、校正圖片）、一款編碼工具（組織代站點結構、書寫管理代碼、或者使用SVN類似的版本控制協作）、一寫前端效率插件工具（壓縮css或js、調整json數據、調整優化正則表達式、製作地址欄圖標、製作APP圖標、製作視網膜圖像等）——一切的一切，效率工作，嚴謹風格。

從個人職業修養上說，你需要建立良好的工作習慣和技能提升方法——一切的一切，好好學習，天天向上。

前端設計師，說起來，是一個技能綜合度比較高的職業，首先說，你應該懂數學，一些最基本的交互和計算都是離不開數學的，比較炫酷和提升用戶體驗的設計，通常也都和數學息息相關（圓周率、隨機數、時分秒換算等等），由數學的靈活運用，還可以實現物理上的一些東西（滑動、晃動、彈跳、模擬重力等）。

做好前端，說的直接一點差不多就是【寫的一手好腳本】——作圖有美工，編程有程序——前端設計，就是把圖片轉換為可嵌套程序使用的標准HTML頁面，並站在UEDer（用戶體驗設計師）的角度去設計和製作良好的交互方法。

職業生涯是一個長期的過程，所謂千里之行始於足下，實習階段，你所學習的並不是如何如何做自己的東西，而是學習團隊協作、資源管理和學習方法。好比新兵入伍，不會讓你直接去參與大型的活動，而是乖乖訓練，尋找自己的優勢，探索學習團隊協作，找到提升自我的突破口，為以後的發展提供一個良好的工作習慣和處事方法。

需要說的一點是，大部分學校的教程都是較老的技術教程，在實際的工作中根本用不上。可以說，實習，差不多是帶你進階自己的技能。當你工作一段時間後會很明顯的發現，原來學些學的那些東西到了實際工作中差不多也就是剛入門，各個公司各個團隊都有自己的代碼管理方法和工作流程，實習中，你應該嘗試去接受和學習，公司通常更懂得如何把你的勞動變為金錢，你的價值體現也在於此——工資和物價無關，和你的含金量有關。

經驗之談，聊聊而已。