手把手教你掌握网站建设、APP设计以及Logo和图标生成
一文带你掌握网站建设、APP设计以及Logo和图标生成
- 网站建设
- 服务器
- USBwebserver简介
- USBwebserver使用方法
- 程序
- WordPress简介
- 域名
- APP设计
- APP开发
- APP原型设计
- 了解MockPlus
- 使用Mockplus进行APP原型设计
- LOGO和图标
- photoshop使用
- 纯文字的LOGO设计
- 纯图形的LOGO设计
- 将文字和形状混合
前言:本文所需所有软件均已打包上传至我的资源,也可以去官网下载。
网站建设
网站 = 服务器 + 程序 +域名
服务器
有条件可以到阿里云官网租赁服务器,本次实验我选择在本地搭建服务器。一来方便网站编辑调试,二来不需要花费太多钱。那么开始吧!
本地搭建服务器所需软件:
- phpstudy
- USBwebserver
这两个工具的作用都是建站软件,可以快速搭建本地PHP环境。我选择使用USBwebserver来搭建本地环境。
USBwebserver简介
USBWebserver 是一款非常简单实用的 本地PHP环境搭建工具,无需安装,只需双击运行,5秒钟,一个包含 Apache,MySQL, Php 和 PhpMyAdmin的本地PHP环境就诞生啦!更为神奇的是,你还可以将它放在你的U盘或CD中,照样可以正常使用,因为 USBWebserver是不需要安装的绿色软件哦!
USBwebserver使用方法
- 解压USBwebserver压缩包
- 打开解压后的文件夹,找到exe结尾的可执行程序双击打开
注意:必须要是绿色的对勾计算机才能变成本地网站服务器
- 修改文件名(为了不与后面Wordpress里面的文件名起冲突)
- 将WordPress压缩包里的文件导入到服务器根目录(WordPress后面有介绍,这里按步骤进行即可)
- 点击localhost启动网站界面
进入界面(第一次进入需要进行配置,后面就不需要):
到此,网站启动完成 - 在仪表盘中新建一个分类目录
可以再新建几个目录,写文章的时候可以分门别类的进行保存。 - 将上传文件大小的限制改动
打开配置文件所在位置:
点击文件进行配置:
记得保存!!! 重启服务器配置才能生效。 - 页面设置
WordPress除了提供博客的文件管理,还可以新建页面:
编写好了以后点击右侧更新即可保存。要想看到本次编写的页面,还需要进行下一步。 - 菜单设置
点击菜单栏:
点击查看站点:
- 网站主题自定义
- 安装插件实现其他功能
现在的网站太过单调,只能发布文章或新建页面,我们需要更多的功能可以安装插件:
但是这些插件都需要“梯子”才能安装,因此你可以在国内下载插件压缩包上传至网站,这样也可以使用。 - 进入后台中心的网址:http://localhost:8080/wp-admin
程序
使用到的工具:WordPress
WordPress简介
WordPress是一个以PHP和MySQL为平台的自由开源的博客软件和内容管理系统,具有插件架构和模板系统。
域名
服务器的名字用于代替难记的IP地址。由于本次网站搭建是在本地进行,所以用不到域名,可跳过这一环节。
APP设计
APP开发
要想实现APP开发你需要过硬的专业知识,但是今天我们不是去实现APP开发,所以这一小节了解就行。
苹果APP开发:
需要集成开发环境:Xcode
掌握编程语言:Swift
安卓APP开发:
集成开发环境:Android Studio
掌握编程语言:Java
APP原型设计
原型设计就是快速做个APP的样式,可以点击、滑动页面不过没有什么实质性的功能。
原型设计软件有:
Adobe XD
Mockplus(国产之光),本次学习的就是这个软件
了解MockPlus
进入MockPlus官网,点击设计资源——项目例子:
可以看到有许多APP的例子,随便点击一个进行预览:
点击在线预览:
可以进行仿真操作:
官网上有很多教程:
使用Mockplus进行APP原型设计
点击产品——下载经典版——安装:
注册完成后,点击新建项目:
点击创建
一般APP页面开始都是一个欢迎页面,那我们就开始设置欢迎页面:
重命名:
添加图片:
新建页面做登录页面:
至此,登录页面设置完成
资讯页面:
预览:
点击:
在进行完善资讯页面之前,先完成商品页面的第一步
完成商品页面第一步后,切换回资讯页面继续操作:
至此,资讯页面完成了!!!
商品页面:
克隆页面:
文字也可以这样进行处理。
OK,到目前为止,页面已经完成渲染,现在需要一个功能:即页面与页面之间有关联:
- 进入启动页面2s后自动跳转到登录页面:
- 点击登陆页面的逛逛进入到资讯页面:
- 资讯页面与商店页面的交互:
点击页面流程图进行观看:
到此,APP设计就完成啦❤
手把手教你掌握网站建设、APP设计以及Logo和图标生成相关推荐
- 手把手教你写网站:Python WEB开发技术实战
摘要:本文详细介绍了Python WEB开发的基础入门.以一个博客站点的开发为例讲解了基于Django框架开发WEB站点的全过程.通过本文的学习可以快速掌握基于Django的Python WEB的开发 ...
- 手把手教你写一个Matlab App(一)
对于传统工科的学生用的最多的编程软件应该就是matlab,其集成度高,计算能力强,容易上手,颇受大众青睐.今天挖的这个新坑,主要是分享用matlab app designer设计GUI界面的一些方法和 ...
- 浅析网站建设与设计有哪些需要引起重视的行业规范
当下的企业网站建设一般都是按照客户行业以及客户需求一一定制的,尽管对客户需求没有太多的限制,但是在制作网站的过程中也是有一定的需求的,毕竟在网站建设中网页设计也是一项严谨的工作,有一些注意事项需要引起 ...
- [原创]手把手教你Linux下的多线程设计--Linux下多线程编程详解(一)
本文可任意转载,但必须注明作者和出处. [原创]手把手教你Linux下的多线程设计(一) --Linux下多线程编程详解 原 ...
- 原型设计大师:Axure RP网站与APP设计从入门到精通(全彩) 中文pdf扫描版
原型设计大师:Axure RP网站与APP设计从入门到精通内容丰富且实用,由浅入深地传授了Axure 原型设计工具在网站和APP设计中的应用与技巧,并在文中贯穿了众多精彩实战案例.书中完整展现了多个鲜 ...
- 图文版alexa网站登陆教程,手把手教你把网站提交到Alexa
图文版alexa网站登录教程,手把手教你把网站提交到Alexa 关键字:Alexa登录,Alexa登陆,Alexa排名,Alexa怎么登陆,Alexa登录技巧 版权声明:本文由 动漫周边 www.do ...
- 网站建设--网页设计制作
网站建设是一个系统工程(内容策划.美工设计.软硬件系统结构设计.程序编写.数据库结构设计,网站优化推广等), 网页设计只是网站建设的一个部分 网站建设--做网站用到的软件: Photoshop ...
- 阿里云服务器使用教程手把手教你搭建网站by阿里云服务器
阿里云服务器使用教程是用户比较关心的问题,其实很简单,阿里云百科告诉大家如何使用云服务器ECS,如何使用阿里云服务器搭建网站,从服务器购买到网站上线一站式教程: 阿里云服务器购买方面,阿里云百科建议大 ...
- 中山网站建设中网设计介绍
中网设计-中山网站建设团队.中山网站设计网络品牌倡导者和推行者,致力中山高端网站建设.专业为企事业单位提供一站式.全方位整合网络品牌服务.从网络品牌策划.创建.品牌推广,发展到品牌维护和管理,对网络资 ...
最新文章
- java agent_如何脚踏实地构建Java Agent
- 独立看门狗---STM32----HAL
- matlab 三维 作图 坐标轴_MATLAB学习——MATLAB中的三维绘图指令
- Java基础——数组应用之StringBuilder类和StringBuffer类
- 实现简单的字符串队列
- 想法越多越贫穷,赚钱的人,都是少想多干
- 我在百度运维的成长经历 之六
- Python资源下载
- Unity 三消游戏学习
- 开源免费的私有聊天软件 Akaxin
- Windows环境下Redis安装操作步骤
- html网页播放flac,教你如何无损录制网页上播放的声音
- 9个不为人知的黑科技网站,每一个都强大到无敌!
- SQL注入的测试方法
- 机器学习领域定会顶刊
- AppStore搜索不到已上架应用问题
- 《缠中说禅108课》20:缠中说禅走势中枢级别扩张及第三类买卖点
- c++ 语言设计原理之我为抽象狂
- C#【基础】continue语句
- 2023年QS世界大学学科排名,计算机学科表现如何?