理论教育 DIV+CSS3网页设计与制作:网站创建流程

DIV+CSS3网页设计与制作:网站创建流程

时间:2023-11-22 理论教育 版权反馈
【摘要】:图2.2.1长沙某某学院网站结构2.2.2网站实施微课2.2网站建设流程1)进行网页设计①进行主页设计与制作,流程如下:DIV+CSS布局排版—网站logo及banner制作—网站导航制作—网页文字制作—网页特效制作。(多选)A.兼容性B.网页元素C.数据库D.显示效果3.简述建设网站建设的基本流程。

DIV+CSS3网页设计与制作:网站创建流程

【案例引入】

雷军,中国互联网十大创业精英人物,小米商城创始人、董事长兼CEO。大学时,因读了一本讲述盖茨、乔布斯早年创业传奇的书《硅谷之火》,产生极大触动,开始创业,曾创办了三色公司,但半年就被迫解散。对此,雷军有了三点反思:一、要有明确的盈利模式;二、要有前瞻的市场意识;三、要有一定的团队管理能力。雷军从一开始就决定要打破手机硬件行业的游戏规则,要用互联网的方式来做手机硬件。2010年4月6日,他和几位合伙人创建了北京小米科技有限责任公司。至此,小米科技和雷军的未来蓝图已经如一幅卷轴,慢慢变得清晰:靠小应用启动公司、锻炼团队;靠MIUI掌握独立操作系统,并且提升品牌、积累粉丝;在大量粉丝的基础上推出手机硬件,完成一定量的销售,并且把论坛粉丝转化为手机粉丝;在手机销售增长的基础上,绑定米聊以及更多的手机应用,做一个本土的APPStore。2011年8月16日,雷军发布了代号为“米格机”的第一代小米手机。

雷军说,我相信过很多东西,比如聪明加勤奋天下无敌,但年龄越大,越觉得1%的灵感超过了99%的汗水。主流教育告诫大家要勤奋,我觉得勤奋是基本功,重点还是要把握大势。

【案例分析】

雷军在创业时一直有清晰的规划蓝图,并按照这个蓝图一步一步坚实地走下去,获得巨大成功。勤奋是基本功,重点还是要把握大势,这个大势,即一个整体规划,简言之,长远的目标加上刻苦、努力、钻研、坚持。我们制作网站也是一样,要先做好网站规划,确定制作网站的步骤,一步步认真制作下去,就能制作出精美的网站来。

【主要知识点】

2.2.1 网站规划

1)网站规划的概念

网页是怎么设计出来的?网站又是怎样建成的?建网站首先要规划网站。网站规划是指在网站建设前对市场进行分析,确定网站的目的和功能,并根据需要对网站建设中的技术、内容、费用、测试、维护等作出规划。网站规划对网站建设起到计划和指导的作用,对网站的内容和维护起到定位作用。

2)明确建设网站目的及其功能定位

①根据客户提出的需求,明确建设网站的目的。

②分析拥有的资源,例如文字、图像、人力等资源,确定网站功能与作用。

③网站费用预算。其费用一般与功能要求成正比关系。

3)形成网站技术解决方案

选择网站制作工具,例如Dreamweaver、PhotShop、Flash等进行静态网页制作。

4)确定网站结构

长沙某某学院主页下面有学院概况、新闻资讯、院务公开、教育教学、系部设置、学工在线等二级栏目,如图2.2.1所示。系部设置下面又有信息技术系、经济管理系、汽车工程系等三级栏目。

图2.2.1 长沙某某学院网站结构

2.2.2 网站实施

微课2.2 网站建设流程

1)进行网页设计

①进行主页设计与制作,流程如下:

DIV+CSS布局排版—网站logo及banner制作—网站导航制作—网页文字制作—网页特效制作。

②进行子页设计与制作。

该步骤非常关键,需要网页设计者与客户充分沟通。可以采用手工绘制网页的草图,利用Dreamweaver或者Frontpage等网页开发工具,制作网页效果图或者网页原型。客户通过效果图,了解网站设计的目的、意图和设计思路,提出改进意见建议。

2)进行网页特效编写

使用HTML、CSS、JavaScript等对网页特效进行设计、编写。

3)网站动态内容制作

使用ASP、JSP、PHP等网页编程语言,在静态网页的基础上进行编写,使其实现动态网页的功能。(www.daowen.com)

2.2.3 网站测试与发布

网站制作完成以后,不能直接就上传到服务器,提交给客户使用之前,需要进行测试。

测试的主要目的是发现网页设计与程序编写中可能存在的错误,例如内容错误、链接错误、程序功能错误、安全漏洞等。错误的网站内容,带给网站的管理者、客户和访问者是巨大的痛苦、折磨与反感,不仅会导致付出高昂的现场支持与维护费用,还有可能面临被客户起诉的风险,影响网页设计者的名誉。

1)网站测试

①网页元素:各种插件、数据库、图标、图像、链接等是否工作正常。

兼容性:网页对不同版本浏览器的兼容情况。

③显示效果:网页在不同显示器和不同显示模式下的情况等。

2)网站项目的发布

网站经过测试,确认无误以后,就可以进行发布了。

网站的发布就是把制作好的网站内容上传到服务器,可以使用Dreamweaver或者FTP等软件来完成。

2.2.4 网站推广与维护

1)网站的推广

Internet是大数据型的信息海洋。要想使精心策划的网站受到广泛欢迎,知名度高,带来经济效益,网站的宣传推广尤其重要,这也是任何一位网页设计师不懈努力工作的动力之源,以及热情工作的快乐之本。

2)网站的维护

网站的内容要随着用户需求、社会变化、市场经济活动的改变而调整。

网站维护是指对网页内容进行更新,对网站运行状况进行监控,发现运行的问题及时解决,统计运行情况,开展网站维护服务。

网站的维护服务一般包括以下内容:

①更新。例如内容的更新和网站风格的更新。

②重要页面的设计制作。例如重大事件、庆祝活动、突发事件等页面的设计制作。

系统维护服务。例如用户账户安全管理、域名维护续费服务、网站空间维护、网络安全策略升级、域名解析服务等。

【课堂育人】

从网站的建设流程的学习中,我们掌握网站建设的四个步骤非常重要,同时也需要培养以下基本素质:

1.不管生活还是工作,都要有长远目光,有规划大局的意识,以及坚定的思想立场与原则。

2.在设计制作网站时,我们要培养自己的总览全局、步步到位的规划能力与步步递进的逻辑思维能力。

【课堂互动】

1.不属于网站制作工具的有( )。

A.Dreamweaver B.PhotShop C.PHP D.Autocad

2.属于网站测试的内容有( )。(多选)

A.兼容性 B.网页元素 C.数据库 D.显示效果

3.简述建设网站建设的基本流程。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈