当前课程知识点:创新创业理论与技术 > 项目二 自建网络平台创业 > 任务一:产品原型设计 > 知识点3:产品原型设计案例分析与制作
模拟制作一个完整的企业站原型图设计,包括企业站首页,跳转到二级页面的制作,制作导航菜单,鼠标悬停状态改变,鼠标经过一级菜单,自动弹出显示二级菜单。这个案例的制作我们分为四个部分
1.搭建基础界面
临摹制作企业站首页,搭建基础界面,主要包括三个部分:标题栏、导航栏和内容区域。制作页面顶部导航栏,调整整个导航栏的颜色,交互时标题颜色和背景融合,如图所示,这一部分在案例的演示中已经提前完成,各位同学可以根据自己所需要的页面进行布局。
2.制作弹出菜单
在本案例的制作中,设置交互样式,鼠标经过时,文字显示为橙色,并且采用弹出二级菜单的显示方式,鼠标经过一级菜单时,自动显示二级菜单,鼠标移出一级菜单或者二级菜单时,二级菜单隐藏。
3.制作页面交互事件
制作页面交互事件,当在“首页”点击“服务”菜单导航时,会跳转到二级子页面,在这里设置“鼠标单击时”交互用例,链接-打开链接-在当前窗口打开page1页面,具体操作方法后面会有演示。
4.预览与发布
在制作原型图过程中,也可以随时按预览的快捷键F5查看,打开浏览器。
生成HTML文件是保存到本地的一个文件夹里面的,我们可以把制作的整个项目打包成一个文件夹,把生成的HTML文件放置在文件夹里面,这样方便查找文件及汇报项目。
操作步骤:发布-生成HTML文件(快捷键CTRL+8),HTML文档输出“目录”-设置打开浏览器-确定是否显示页面列表和工具栏-单击“生成”-输出HTML文件。
-任务一:学习创新创业基本概念
--第一单元考试:任务一学习创新创业基本概念
-任务二:大学生创业内外因素分析
--第二单元考试:大学生创业内外因素分析
-任务三:创业者的自我测评
--第三单元考试:创业者的自我测评
-任务四:创业项目选择
--第四单元考试:创业项目选择
-任务五:创业竞赛
-任务六:创业前期准备
--第六单元考试:创业前期准备
-任务七:了解创业者应具备的技术常识
--第七单元考试:了解创业者应具备的技术常识
-任务一:产品原型设计
-任务二:创业项目的网站规划
--第二单元考试:创业项目的网站规划
-任务三:以ECShop程序开发创业项目网上商城
-任务四:以PHPWEB程序开发创业项目门户网站
--讨论:以PHPWEB程序开发创业项目门户网站关键步骤是什么?
-任务五:网站测试与上传
--讨论:网站制作好后,如何才能被internet上的用户访问到?
--第五单元考试:网站测试与上传
-任务一:利用中文第三方平台开展创业
--讨论:利用中文第三方平台进行创业,是综合运用,还是只用其中的一种?
-任务二:利用跨境电商平台开展创业
-任务一 :创业项目的微博营销
--第一单元考试:创业项目的微博营销
-任务二:创业项目的微信营销
--第二单元考试:微信公众平台使用
-任务三:互联网广告营销
-任务四:搜索引擎SEO优化
--第四单元考试:搜索引擎SEO优化
-任务五:创业项目的视觉营销
--第五单元考试:创业项目的视觉营销
-任务六 利用Photoshop为创业项目开展视觉营销
--知识点1:PhotoshopCC简介 知识点2:设计logo
-任务七:利用After Effects为创业项目开展视频营销
--知识点2:利用After Effects设计创业项目的VCR
--讨论:利用After Effects设计VCR时关键步骤有哪些?
-任务八:利用Premiere制作创业项目短视频
-任务一 撰写创业项目的策划方案
--第一单元考试:撰写创业项目的策划方案
-任务二 优秀创新创业项目案例分析
--知识点2:创业学生的自述——“益农解需 ” 精准扶贫项目
-综合作业:创新创业项目策划与实践