网站建设技术及制作
不懂代码,不懂技术,怎么创一个网站?
前端技术的分类
前端技术是指用来开发和实现客户端产品的技术。
前端技术分为三种:
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方式实现。
什么是网页美化技术?
如果你不懂代码,也不懂技术,但是想要创办一个自己的网站,有以下几种方案可以选择:
- 使用平台建站工具:现在已经有很多的网站建设平台,比如Wix、WordPress、Squarespace等等,这些平台提供了可视化的网站编辑器,可以帮助你轻松创建自己的网站,无需编写代码。这些平台通常提供了许多模板和插件,可以根据自己的需求进行定制。
- 雇佣专业人员:如果你有预算,可以考虑雇佣专业人员来为你建立网站,例如网站设计师、开发者或代理商等。他们可以根据你的需求和预算,为你定制一套专属的网站解决方案,实现你的想法。
- 学习和自己动手:如果你有时间和兴趣,也可以学习相关的网站建设知识??技能,例如HTML、CSS、JavaScript等等,并在互联网上寻找相关教程和资源。然后,你可以使用一些网站构建工具,例如Bootstrap、Elementor等等,以及使用一些网站托管服务,例如Github Pages、Netlify等等,来构建和发布自己的网站。
总之,对于不懂技术和代码的人来说,使用平台工具是最简单和便捷的方法,但是可能会受到平台功能和限制的限制。而雇佣专业人员可以为你提供更加定制化和专业化的服务,但是成本较高。学习和自己动手则需要花费时间和精力,但是可以获得更多的控制和自由度,同时也可以锻炼自己的技能和能力。