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

文章描述:-2022年4月13日发(作者:薛承让)PC端网站设计开发相关知识点总结PC端网站建设与移动APP开发不同点:第一,不同的访问平台,从字面的意思来看,PC网站是通过电脑来访问的,而移动APP则是通过可移动的设备进行访问的。由于设备的兼容性问题,在PC端浏览移动APP网站,展现的效果有很大不同,当然在移动端访问PC端也有所不同的;第二,用户习惯不同。PC网站的受众体更多是在办公、城市的常驻人,而

-

PC端网站设计开发相关知识点总结
2022年4月13日发
(作者:薛承让)

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

PC端网站建设与移动APP开发不同点:

第一,不同的访问平台,从字面的意思来看,PC网站是通过电脑来访问的,

而移动APP则是通过可移动的设备进行访问的。由于设备的兼容性问题,在PC

端浏览移动APP网站,展现的效果有很大不同,当然在移动端访问PC端也有所

不同的;

第二,用户习惯不同。PC网站的受众体更多是在办公、城市的常驻人,

而移动APP开发则可以是全覆盖式的。首先是因为移动APP的普及率和使用率

都高,所以谁都很有可能是企业的潜在用户,其次就是移动APP的用户的目的

性更强;

第三,目标用户的需求侧重点不同。用户使用移动端APP获取在于购买、

社交等,而PC网站的受众则不同,他们更注重的是从这个站点里能获取哪类有

用的信息又或者说他们希望对站点里的产品或服务能有一个更加全面的了解,因

此相对而言,PC端的用户的需求更加明确化;

第四,访问的时间和频率不同。PC网站是通过电脑来访问的,它的主要受

众体更多的是在办公、城市的常驻人,所以他们在浏览PC网站时所花费的

时间、频率是相对较长的,而移动APP开发所面对的移动用户,则是常常利用

碎片化的时间进行浏览。

网站开发PC端与移动端分开的必要性

网站开发PC端和移动端分开的主要原因有:技术水平、开发成本、难度系

数。另一方面来说,可见响应式与移动开发不是硬币的正反面,他们是未来解决

同一个技术问题。所以从根本上说,手机和PC端分开来写,只是响应式设计的

一种再次的发展和延伸罢了。

网站设计流程步骤

网站设计大致流程:

购买虚拟机或者服务器,或者租用一个空间——购买域名——域名备案——域名

解析——配置服务器环境——搭建网站

网站建设需求开始到上线运营流程:

建站公司-洽谈需求-报价-签约-资料提供-首页设计-内页设计-切片

-程序-资料录入-网站备案-上线-进入售后服务期。

建站步骤大体与流程相同:

建站给客户清单-客户按照清单准备资料-建站公司进行首页设计-验收或修

改-内页网站设计-验收或确认-排版切片-客户验收-网站内容管理系统(程

序开发)-与建站公司对接网站使用,这就是一个建站的步骤。

PC端网站设计与移动端网站设计的比对分析

PC端网站建设是相对于手机移动端网站建设而言的,是目前最常见的一种

企业网站建设方式,不过随着移动互联网的发展和智能手机的普及,手机移动端

网站建设有赶超PC端网站建设的趋势。所以很多企业一般都是PC端网站建设

和手机移协端网站建设一起进行的,以便帮助企业扩大市场范围。PC是personcomputer的缩写,意思是个人电脑。PC端网站建设、网站制

作开发主要针对电脑端的企业网站建设需求。PC端建设的企业网站在手机上也

是可以浏览的,其效果与电脑端的一样,只是屏幕变小了、打开速度可能会慢很

多。

(1)PC端优点:大屏幕的显示效果,可以很好的将企业网站的各个页面、功能及文章都显示

的非常清楚,弱窗、对话框或广告等内容都能会好的呈现出来。

手机端优点:手机端网站建设主要是为了手机用户的需求,因手机的屏幕小浏览时需要耗

费流量,所以这类网站建设的一般都比较简单。因用户的手机屏幕在小不一,所

以网站一般都采用的是自适应屏幕。

(2)PC端需要考虑的问题:这类企业网站建设时只考虑与电脑端相关的问题,企业需要、网站定位、网

站建设目标等前提来考虑企业网站的风格、结构、系统、栏目、导航等内容。以

最大限度的展法企业内容和为用户提供服务为主,在提升企业的互联网形象的同

时,帮助企业开展互联网市场,发掘更多的潜在用户。提升企业的互联网形象。

PC网站制作开发主要是针对PC网站建设的环境,为了实现企业网站的各

种功能和网站设计的效果,网站功能只有经过网站制作开发才能实现,否则用户

是无法使用这些功能的。

(3)手机端需要考虑的问题

手机端网站建设以手机屏幕的宽度进行等比例缩小,这样在手机上用户还是

可以看到完整的网页效果。

手机网站制作开发主要是针对手机网站建设环境而进行的网站制作开发,需

要网页的内容可以根据手机屏幕的尺寸实现到全屏。手机端网站建设人员需要用

HTML5的技术来实现,适用条件有为:模块比较少、页面设计较为简单的手机

端企业网站。

缺点是浏览的效果不太好,如果想要点击某个栏目,就需要进行屏幕的放大

才能准确地点击。此外一些弹框效果也不能比较好地呈现出来。

PC端网页设计的基本规范

一、PC网页设计规范

固定的内容:

1、PS中设计分辨率为:72像素/英尺(图片质量的像素点)

2.、颜模式RGB8位(显示器的三原红,绿,蓝为

RGB)

不固定的内容:

1、网页背景(如图所示)

a.纯背景平铺(自适应浏览器);

b.渐变或底纹平铺背景(自适应浏览器)

目前网页设计中都会做通栏大图,

以方便吸引客户,增加网站整体美观;

c.通栏大图。

二、屏幕分辨率

1

、标准分辨率:

1024px*768px(

目前

10%-20%

的用户在用

)

主体设计内容宽

度:1000px(常用宽度:960px,1170px,980px,

1100px,1200px)首屏高度大

约在700px

2、常用分辨率:1280px*768px主体设计内容宽度:1200px(常用宽度:1190px,

1170px,1100px,1200px)首屏高约:750px

三、设计文档大小

1、PS中新建文档宽要大于主体设计内容的宽度(目的为了表现设计意图,

展示背景效果,左右宽度最少200px)

2、设计到通栏大图片新建文档的宽度:1920px,所有的设计文档宽1920px

主体内容根据具体情况而定(主体内容要是想要适应所有用户必须低于1000px)

示意图

企业网站建设的流程及相关规范

1、企业网站建设基本流程:

(1)制定网站规划方案:网站预期目标、行业竞争状况分析、网站栏目结构、

用户行为分析及内容规划、网页模版设计、网站服务器技术选型、

网站运营维护

规范等基本内容;

(2)网站技术开发、网页设计;

(3)网站测试;

(4)网站内容发布;

(5)网站维护及管理。

2、网站域名及网站技术规范

(1)采用基于XHTML的国际WEB标准(CSS+DIV);

(2)网站首页为顶级域名而不是多级层次;

(3)网站首页及各栏目和内容页面均不采用网址跳转方式,不采用过渡页/

桥页

等网址重定向;

(4

)合理应用静态网页与动态网页,网站栏目首页和其他重要页面采用静态网

页;

(5)网页内容页面层次不宜过多,不超过四个层次;

(6)采用主流域名:.cn、.、.com等;

(7)一个网站对应一个主域名,现有多个域名需统一;

(8)网站链接错误率在一定范围之内,首页等重要页面无死链接;

(9)网站设计对不同浏览器具有兼容性。

3、企业网站的基本功能和内容

(1)与企业办公网实现无缝链接;

(2)具有信息发布、产品发布和管理功能;

(3)产品推荐/广告管理功能;

(4)详细的公司介绍;

(5)详细的;

(6)合理的产品分类/汇总/列表;

(7)详细的产品介绍内容;

(8)销售及售后服务相关的联系和服务信息;

(9)在线服务信息;

(10)持续更新的企业动态/产品信息;

(11)相关网站链接管理功能;

(12)规范的网站地图;

(13)网站访问统计功能。

-

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

发布时间:2022-04-13 05:06:42
文章版权声明:除非注明,否则均为IT技术网-学习WEB前端开发等IT技术的网络平台原创文章,转载或复制请以超链接形式并注明出处。

发表评论

评论列表 (有 12 条评论,266人围观)
韩式三点双眼皮过程V铁粉23 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
因手机的屏幕小浏览时需要耗费流量
黄天祥V铁粉3 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
频率是相对较长的
著作权评估V铁粉5 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
栏目
诺顿升级包V铁粉7 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
导航等内容
死链接检测V铁粉16 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
1100px
上海美容V铁粉8 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
网站栏目首页和其他重要页面采用静态网页;(5)网页内容页面层次不宜过多
洪珍英V铁粉9 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
弱窗
搜图网V铁粉15 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
常用分辨率:1280px*768px主体设计内容宽度:1200px(常用宽度:1190px
江阴市建设银行V铁粉22 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
另一方面来说
南京六合二手房V铁粉5 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
用户使用移动端APP获取在于购买
高海V铁粉13 minutes ago Google Chrome 93.0.4577.82 Windows 10 x64
以方便吸引客户