• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

怎么创一个网站_CSS学习

当前位置：网站建设 > 技术支持

怎么创一个网站？

前端技术的分类

前端技术是指用来开发和实现客户端产品的技术。

前端技术分为三种：

1. APP相关技术。包括Android，iOS，Windows Phone等

2. 网页相关技术。包括Html，CSS，JavaScript

3. 桌面应用相关技术。包括Windows、Mac OS、Linux

前端的职能分类

不同的技术方向和技术领域，会有不同的职能工种与其对应：

1. 移动开发工程师（Android，iOS）

2. Web前端开发工程师（H5）

3. 桌面客户端开发工程师（Window、Mac）

这三个工种并不完全独立、割裂，前端的工种里还有一些全栈工程师，他们的技术领域跨度大，覆盖面广，一般是比较资深、有经验的工程师。

了解这些技术类型和工种能让产品经理更便捷高效地找到能迅速解决产品问题的人。这是产品经理必须具备的能力。

Android及iOS的应用特点

▍Android的应用特点

1. 安装文件扩展名为.apk

2. 手机尺寸多样化，适配工作量大。

3. 系统开源，可定制化系统

4. 应用市场碎片化严重，多渠道

5. 手机硬件跨度大，应用支持情况多样

▍iOS的应用特点

1. 安装文件扩展名为.ipa

2. 手机尺寸相对单一，适配工作适中

3. 系统闭源，不可定制化系统

4. 官方指定应用市场，单一渠道

5. 手机硬件差异小，应用支持情况统一

UI控件的名称

UI控件是构成产品界面的基本元素，根据作用及操作的不同，区分为不同种类的控件。Android和iOS的UI在基本控件名称上存在差别。

▍Android基本控件名称

按钮：Button

文本展示框：TextView

文本输入框：EditText

图片展示框：ImageView

列表展示容器：ListView

表格展示容器：GridView

▍iOS基本控件

按钮：UIButton

文本展示框：UIlabel

文本输入框：UITextField

图片展示框：UIImageView

列表展示容器：UITableview

表格展示容器：UICollectionview

掌握了不同系统的UI控件名称后，在与前端工程师交流的过程中，可以很轻松地明白不同工程师指代的UI控件是什么，也可以直接应用这些术语，更加精准地沟通。甚至可能让工程师觉得这位产品经理有内行的知识，从而更愿意去配合。

网页技术基础

▍Html

超文本标记语言，以标签形式表示网页组成元素，通过浏览器解析还原成视觉页面。它是实现网站页面的骨架，由它来控制Web页面的展示、构建和布局。

▍CSS

层叠样式表，给Html页面元素进行展示样式渲染。定义统一样式风格，是给HTML页面装饰的，展示页面在视觉层面的效果，如字体大小，颜色，按钮大小、颜色等等。

Html 5 和Native应用

▍Html 5应用

通过网页Web技术实现的客户端产品，具备轻量化，易维护的特点。

比如我们在使用产品过程中常常会看到一些活动页面、内容页面，点击查看时可以看到一个网页的页面，这个页面不受app本身的控制，可以实现内容的动态更新。因此它的扩展性和动态性比Native应用要好些。

▍Native应用

通过各移动平台技术实现的客户端产品，具备体验好，功能丰富等特点。

Native应用的效果展示是在本地进行渲染和控制，因此在内容的渲染和交互上体验更好，交互方式也更丰富。

▍混合应用

结合Html 5和Native应用混合实现，在Native中嵌套H5页面替代部分功能，具备动态扩展，高灵活性的特点。大部分产品目前都采用这种实现策略。

比如微信当中，红包的页面都是通过H5的页面来实现的，但聊天页面，朋友圈等都是用Native方式实现的。

红包的使用是低频的操作，春节等特殊节日需要对红包页面进行一些特别的处理，因此用H5页面会更具有灵活性。即使用频次较低，内容变化有特定需求的页面，可以用H5页面来实现。

如果是聊天或朋友圈这种经常使用的功能，对于用户体验及交互感受要求较高，用Native方式实现更恰当。即使用频次高，对交互要求高的页面，更适合用Native方式实现。

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。