PC端网站设计开发相关知识点总结.docx

《PC端网站设计开发相关知识点总结.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、PC端网站设计开发相关知识点总结PC端网站建设与移动APP开发不同点：第一，不同的访问平台，从字面的意思来看，PC网站是通过电脑来访问的，而移动APP则是通过可移动的设备进行访问的。由于设备的兼容性问题，在PC端浏览移动APP网站，展现的效果有很大不同，当然在移动端访问PC端也有所不同的；　　　　第二，用户习惯不同。PC网站的受众群体更多是在办公、城市的常驻人群，而移动APP开发则可以是全覆盖式的。首先是因为移动APP的普及率和使用率都高，所以谁都很有可能是企业的潜在用户，其次就是移动APP的用户的目的性更强；

2、　　第三，目标用户的需求侧重点不同。用户使用移动端APP获取在于购买、社交等，而PC网站的受众则不同，他们更注重的是从这个站点里能获取哪类有用的信息又或者说他们希望对站点里的产品或服务能有一个更加全面的了解，因此相对而言，PC端的用户的需求更加明确化；　　　　第四，访问的时间和频率不同。PC网站是通过电脑来访问的，它的主要受众群体更多的是在办公、城市的常驻人群，所以他们在浏览PC网站时所花费的时间、频率是相对较长的，而移动APP开发所面对的移动用户，则是常常利用碎片化的时间进行浏览。网站开发PC端与移动端分开的

3、必要性网站开发PC端和移动端分开的主要原因有：技术水平、开发成本、难度系数。另一方面来说，可见响应式与移动开发不是硬币的正反面，他们是未来解决同一个技术问题。所以从根本上说，手机和PC端分开来写，只是响应式设计的一种再次的发展和延伸罢了。网站设计流程步骤网站设计大致流程：购买虚拟机或者服务器，或者租用一个空间——购买域名——域名备案——域名解析——配置服务器环境——搭建网站网站建设需求开始到上线运营流程：找建站公司－洽谈需求－报价－签约－资料提供－首页设计－内页设计－切片－程序－资料录入－网站备案－上线－进入售

4、后服务期。建站步骤大体与流程相同：建站给客户清单－客户按照清单准备资料－建站公司进行首页设计－验收或修改－内页网站设计－验收或确认－排版切片－客户验收－网站内容管理系统（程序开发）－与建站公司对接网站使用，这就是一个建站的步骤。PC端网站设计与移动端网站设计的比对分析PC端网站建设是相对于手机移动端网站建设而言的，是目前最常见的一种企业网站建设方式，不过随着移动互联网的发展和智能手机的普及，手机移动端网站建设有赶超PC端网站建设的趋势。所以很多企业一般都是PC端网站建设和手机移协端网站建设一起进行的，以便帮助企

5、业扩大市场范围。　　PC是personcomputer的缩写，意思是个人电脑。PC端网站建设、网站制作开发主要针对电脑端的企业网站建设需求。PC端建设的企业网站在手机上也是可以浏览的，其效果与电脑端的一样，只是屏幕变小了、打开速度可能会慢很多。（1）PC端优点：　　大屏幕的显示效果，可以很好的将企业网站的各个页面、功能及文章都显示的非常清楚，弱窗、对话框或广告等内容都能会好的呈现出来。手机端优点：　　手机端网站建设主要是为了手机用户的需求，因手机的屏幕小浏览时需要耗费流量，所以这类网站建设的一般都比较简单。因用

6、户的手机屏幕在小不一，所以网站一般都采用的是自适应屏幕。（2）PC端需要考虑的问题：　　这类企业网站建设时只考虑与电脑端相关的问题，企业需要、网站定位、网站建设目标等前提来考虑企业网站的风格、结构、系统、栏目、导航等内容。以最大限度的展法企业内容和为用户提供服务为主，在提升企业的互联网形象的同时，帮助企业开展互联网市场，发掘更多的潜在用户。提升企业的互联网形象。PC网站制作开发主要是针对PC网站建设的环境，为了实现企业网站的各种功能和网站设计的效果，网站功能只有经过网站制作开发才能实现，否则用户是无法使用这些功

7、能的。（3）手机端需要考虑的问题手机端网站建设以手机屏幕的宽度进行等比例缩小，这样在手机上用户还是可以看到完整的网页效果。手机网站制作开发主要是针对手机网站建设环境而进行的网站制作开发，需要网页的内容可以根据手机屏幕的尺寸实现到全屏。手机端网站建设人员需要用HTML5的技术来实现，适用条件有为：模块比较少、页面设计较为简单的手机端企业网站。缺点是浏览的效果不太好，如果想要点击某个栏目，就需要进行屏幕的放大才能准确地点击。此外一些弹框效果也不能比较好地呈现出来。　　PC端网页设计的基本规范一、PC网页设计规范固定

8、的内容：1、PS中设计分辨率为：72像素/英尺(图片质量的像素点)2.、颜色模式RGB8位(显示器的三原色红，绿，蓝为RGB)不固定的内容：1、网页背景（如图所示）a.纯色背景平铺(自适应浏览器)；b.渐变色或底纹平铺背景(自适应浏览器)目前网页设计中都会做通栏大图，以方便吸引客户，增加网站整体美观；c.通栏大图。二、屏幕分辨率1、标准分辨率：1024px*768px(目前10%-20