项目2 网站的规划与建设_第1页
项目2 网站的规划与建设_第2页
项目2 网站的规划与建设_第3页
项目2 网站的规划与建设_第4页
项目2 网站的规划与建设_第5页
已阅读5页，还剩32页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

项目二网站的规划与建设了解网站开发制作的流程掌握Xmind思维导图软件规划网站目录规划一个化妆品网站案例学习目标Contents目录网站的建设与规划任务1DreamweaverCC2017站点建设任务2初识Dreamweaver01创建站点的准备02创建与设置站点03任务2DreamweaverCC2017站点建设网站开发制作的流程01应用Xmind思维导图软件规划网站栏目02任务1网站的设计与规划化妆品网站项目分析03任务1网站的设计与规划1.网站开发制作的流程1.需求分析2.设计阶段3.程序开发阶段4.测试和上线5.维护推广1.网站开发制作的流程1.需求分析(1)确定网站主题(2)收集素材(3)确定网站风格（4）规划站点1.网站开发制作的流程1.需求分析（4）规划站点一个网站的设计成功与否,很大程度上取决于设计者的规划水平。网站规划包含很多内容,如网站的结构、栏目,网站的风格、导航、颜色搭配、版面布局、文字图片的运用以及画出网站内容版块的草图等。只有在制作网页之前把这些方面都考虑到了,才能在制作时轻车熟路。网站设计与规划大致包括二个方面：1、网站的总规划书2、网站的目录结构1.网站开发制作的流程1.需求分析（4）规划站点①网站的总规划书以云南少数民族服饰网站为例政府为了宣扬云南多民族的大团结的形象，特地制作以介绍云南少数民族的服饰的网站，在网站规划时可以考虑以下几个方面：(1)云南有26个少数民族，找有代表性的民族进行介绍宣传：(2)服饰保养是大部分购买服饰的客户感兴趣的内容,可以作为辅助资料。

(3)从方便交流少数民族文化又设了交流栏目在制作网站之前,首先确定一个简单的策划方案,如图2-1-2所示。其次，结合主题设计网站各网页的结构草图(如图2-1-3所示)：结构草图可以手绘或借助Photoshop等图像处理工具,根据预先规划的网站布局添加版面内容,如图2-1-4所示。网站名称：云南少数民族服饰网站目标：属于形象推广类网站列出具有代表性的民族服饰保养与客户建立网上交流。网站地图(栏目及分布)：

网站首页

网站标准色：以橙色为基调网页分辨率:1920*1080网站风格:简洁彝族白族傣族纳西族…壮族服饰保养在线交流图2-1-2策划书1.网站开发制作的流程1.需求分析（4）规划站点②.网站的目录网站的目录结构是指网站中对网页文件进行管理所建立的目录结构,对网站资源的管理、更新和维护非常重要。表2-1-4是根据网站栏目及内容规划的目录结构,进一步建立网站文件和文件夹,如图2-1-5所示在Dreamweavercc2017中实现效果图：根目录文件夹及文件名称栏目说明D:\wear<images><CSS><HTML>Index.html文字.txt网站中用到的所有图像文件夹网站中用到的所有样式文件夹存放除了主页以外的子网页的文件夹

首页存放文字内容的文件1.网站开发制作的流程2.设计阶段根据网站草图由美工制作成效果图。首先画出效果图然，效果图可以手绘，也可以用软件绘制。如图2-1-6所示。1.网站开发制作的流程3.程序开发阶段根据草图划分页面结构和设计前端和后台可以同时进行。前端根据美工效果负责制作静态页面；后台根据页面结构和设计，设计数据库数据结构和开发网站后台。在本地搭建服务器，测试网站是否存在问题。若无问题，则可以将网站打包，使用FTP上传至网站空间或者服务器。在网站上线之后，根据实际情况完善网站的不足，定期维护网站，保障网站运营顺畅，然后对网站进行推广宣传等。4.测试和上线5.维护推广感谢您的观看！任务1网站的建设与规划2.应用Xmind思维导图软件规划网站栏目思维导图可以应用于生活和工作的方方面面，例如，写作、设计、演讲、管理、会议等，运用思维导图能使人思维清晰、有条理。我们在做网站开发的前期也可以用思维导图软件整理工作的步骤和方案，以及网站栏目，本节我们将介绍运用XMind思维导图软件规划网站栏目。任务1网站的设计与规划2.应用Xmind思维导图软件规划网站栏目使用Xmind思维导图软件1.登录Xmind官网下载免费版的XMind软件，如图所示2.下载安装好后，就可以启动xmind软件，可以选择一种现有的模板如图1-44所示，也可以创建空白的文档。XMind使用非常简单，使用ENTER(回车键)创建同级主题，Tab键创建一下级主题。任务1网站的建设与规划2.应用Xmind思维导图软件规划网站栏目使用Xmind思维导图软件运用Xmind创建云南少数民族网站栏目，如图所示技能拓展自己拟定一个网站的主题,用XMind软件规划出该网站的栏目，以jpg的格式导出来。感谢您的观看！任务1网站的建设与规划3.

化妆品网站项目分析1)项目背景2）项目分析3）项目制作3.

Buteor化妆品网站项目分析1)项目背景

Buteor作为中国领先的护肤品牌,专注于纯净无污染的美肌能量和深海护养成分,为千万女性提供全面、全新的护肤体验,深受消费者青睐和信任。旗下8大明星产品系列针对20-35岁美丽女性。网站属于独立产品的宣传型网站。请从项目背景中提炼出项目的重要信息3.

Buteor化妆品网站项目分析2)项目分析3.

Buteor化妆品网站项目分析2)项目分析Ubteor

(网站定位)独立产品的宣传型网站,需要突出产品特征,符合年轻女性的审美感受关键词补水、健康、干净、柔美、白富美、滋润3.

Buteor化妆品网站项目分析2)项目分析Buteor网站功能(展示型)首页关于我们Buteor简介品牌故事大事记资质荣誉卓越团队全线产品最新产品产品列表最新动态公司新闻行业动态媒体报道美丽分享美丽学院成功案例Buteor沙龙会员专区加入Buteor会员商城服务专区售后服务联系方式在线反馈3.

Buteor化妆品网站项目分析2)项目分析Buteor广告语剔透水肌源自阿尔卑斯山，尽显女性魅力FromAlps,showfemalecharm水润精华露强化保湿，让肌肤24小时持久水润美丽分享分享一段美丽的文字美丽在远方，那是陌生的感觉给你的美...而只能隔着厚厚的木质栅栏，注目着那些用图片和文字...【详情】2022.3.33.

Buteor化妆品网站项目分析2)项目分析网站的尺寸要求：版心宽度:1000PX整站宽度:1920PX首屏高度:800PX导航高度:40PX导航文字:14PXButeor联系方式电话:4000388866地址:中国·广州市白云区白云一路梦天大厦18楼邮箱:Buteor@微博·微信·腾讯QQ3.

Buteor化妆品网站项目分析2)项目分析公司喜欢的风格3.

Buteor化妆品网站项目分析2)项目分析公司喜欢的风格3.

Buteor化妆品网站项目分析2)项目分析公司喜欢的风格3.

Buteor化妆品网站项目分析2)项目分析公司喜欢的风格3.

Buteor化妆品网站项目分析2)项目分析公司喜欢的风格3.

Buteor化妆品网站项目分析2)项目设计寻找素材：水波纹、泡泡等素材选择形象代言人启动PS制作网站首页效果图3)项目制作感谢您的观看！认识DreamweaverCC201801建立本地站点02任务2DreamweaverCC2018站点建设站点文件管理031认识Dreamwea

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论