揭秘网站建设的标准步骤:网站开发流程全解析

网站建设的流程是怎样的

1、网站规划。明确网站需要设置的板块、内容和功能。

2、网站规划。根据规划细化,详细列出首页、板块、子板块、后台的页面布局、功能、流程等网站运行所需的一切。

3、设计。网站美工制作首页及大板块效果图,通过后制作全部页面,最终生成html网页文件。

4、开发。设计数据库,并对制作的前、后台网页进行功能开发,实现网站所需的功能。(这一步可与设计同时进行,以缩短整体开发时间)。

5、对网站进行全面测试,包括流程、功能、数据录入、安全、便捷性等。

6、将网站部署到空间中,完成域名的解析,网站建设完成。

7、多次对网站进行安全性检查。

网站建设的一般流程是怎样的

不论是开发软件还是创建网站,真正困扰我们的往往并非软件的使用问题,而是软件技术之外的一些因素,真正决定一个网站是否成功的因素是设计、定位、推广等非技术手段。

一、整体规划。

网站建设的开始就应该有一个全局的战略目标,即确定站点的目标。

首先要有一个总的目标,这个网站到底是要做什么。有的要展示自己的设计水平,这就要求页面美观;有的是为了求职而设计的求职网站,这就要求提供足够的信息让别人了解你的工作能力;有的是要为用户服务,这就要求网站有较强的互动性,而本站建设之初的主要目的就是为了本人更好的学习网络知识,只是兴趣而已,本站站名“网页教学网”让人一看就知道是有关介绍网页知识的站点。而申请域名也是相当重要的大家都知道web译为网、网页、网络等,j是jiao的第一个字母,x是xue的第一个字母,其实本站的字母的缩写!当然大家申请注册域名时可以申请自己名字的拼音等!在这里不作过多介绍。

确定好目标之后,还要决定网站的目标受众。其中包括以下几种情况:

1.目标受众的访问速度。很多在线教育网站采用不同的软件制作在线课件,但是视频无论如何在现在是不适合目前中国浏览者的网络带宽,不过提高我们的网络带宽也是一种发展的趋势。

2.目标受众的计算机配置和浏览器版本。计算机硬件技术飞速发展,现在使用的计算机的配置都是比较高的!

所以我们在设计网页时,其实已经不必要考虑计算机配置了。需要注意的是在设计中要在不同的浏览器中浏览自己的网页,看看有没有发生变化。

3.插件问题。对于有些软件,比如Flash的插件,现在大部分浏览器都安装有这种插件了,如果网页上播放视频,那么就要考虑浏览器是否需要安装相应的插件,在这时最好在网站中说明并提供插件和播放器的下载。现在好多电影站都做的比较好,它们都提供播放器和插件的下载!

二、建立站点

规划好站点之后,就可以用专门的网页开发软件创建站点了。

在创建站点之前,我们应该首先在我们的磁盘上创建一个文件夹,用于存放站点内的所有资源,当然如果你的站点资源比较丰富这是可以建立子文件夹存放站点内相应的资源。例如:站点文件夹为myweb,子文件夹images用于存放站点内用到的图片,upfiles用于存放上传的文件,admin用于存放站点后台程序等等。创建站点在Dreamweaver软件中操作比较简单,本站也已经提供了相应的视频教程,如果您不熟悉可以去查看下。

刚建立起的站点是空的文件夹,用户首先要设计站点结构。制作专业网站之前要有一个详细的计划,这样虽然会花费一些人力和物力,但总比出现了问题之后再修改要好得多。

在网站规划中一个很重要的问题就是确定站点结构。设计站点结构,就得确定站点子栏目;设计站点结构,就得确定图片、多媒体文件的存放位置;设计站点结构,就得导航条。专业网站中,必须要有导航条。

三、收集素材

确定好站点目标和结构之后,接下来要做的就是收集有关网站的资源,其中包括以下资源:

1.文字资料:文字是网站的主题。无论是什么类型的网站,都要离不开叙述性的文字。离开了文字即使图片再华丽,浏览者也不知所云。所以要制作一个成功的网站,必须要提供足够的文字资料。

2.图片资料:网站的一个重要要求就是图文并茂。如果单单有文字,浏览者看了不免觉得枯燥无味。文字的解说再加上一些相关的图片,让浏览者能够了解更多的信息,更能增加浏览者的印象。

3.动画资料:在网页上插入动画可以增添页面的动感效果。现在Flash动画在网页上应用的相当多,所以建议大家应该学会Flash制作动画的一些知识。

4.其它资料:例如网站上的应用软件,音乐网站上的音乐文件等等。

四、页面布局

设计站点结构和收集了足够的资源之后,就可以开始页面布局了。在Dreamweaver中,可以通过以下方式排版:

1.利用表格进行排版:表格主要有三个元素-表格、行和列及单元格,而且表格还可以嵌套,不过在这里建议大家不要把所有的网页都放在一个大表格中,并且嵌套最好不要超过3层,因为如果你那样做了,浏览器解析的时间会增加了,那么当浏览者访问时速度就慢了。

2.利用层进行排版:层很适合形式自由的排版,现在WEB标准建议排版时抛弃表格,不过如果初学者学习利用层排版时还要学习其它好多相关知识,其中最重要的是CSS和Javascript,使用CSS来辅助层可以对网页实现排版,可以解决表格给我们带来的烦恼。如果你对WEB标准感兴趣,那么你就该好好的学习CSS了!

3.利用布局视图进行排版:在Dreamweaver MX 2004中有专门的布局视图,我们初学网页设计时可以使用它进行排版。

  1. 运用布局视图实施排版:在Dreamweaver MX 2004软件中,设有特定的布局视图,我们初涉网页设计领域时,可借助它进行页面布局。

  2. 运用框架实施排版:这是一种通过浏览器窗口,同时展示多个网页的方式。前些日子,记得有人在论坛上寻求制作网页格式的课件,而大多数网页格式的课件都是通过框架完成的。

五、文档编辑与超链接设置

经过上述步骤后,所有准备工作均已妥当,此刻我们可将搜集到的资料及制作的模块按照既定位置放置于页面布局中。

将元素添加至网页布局后,文字统一字号、风格、色彩;图片大小不一。因此,此时需要对各类元素进行编辑,例如,调整文本字体、字号、色彩、大小等,对图片进行尺寸调整,对表格进行调整,对按钮行为进行调整等!

超链接是网页的灵魂。浏览者在浏览网页时,点击网页设定的超链接可跳转至相关页面,因此,一个优秀的网页是不可或缺超链接的。

六、站点发布

站点的发布

网站发布是指将网站上传至互联网,供浏览者浏览。上传前必须核实你的域名和主页空间的申请情况,以及网页和站点的链接情况等。建议大家最好安装IIS,本站内均提供了iis5.01、iis6.0、iis5.0的安装程序。

上传软件通常使用FTP,上传至服务器中申请的域名下(具体需查看你申请空间时,他人给你的开通信息!),上传软件通常有CuteFTP、LeadFTP等。

站点的维护

站点发布后,还需经常对站点进行维护。站点维护是指持续优化网站功能和更新网页内容。维护网站的目的在于使网站结构规划合理、内容与形式统一、主题鲜明,经常更新网页内容,使网站紧跟时代步伐。

以上所转载内容均来自于网络,不为其真实性负责,只为传播网络信息为目的,非商业用途,如有异议请及时联系btr2020@163.com,本人将予以删除。
THE END
分享
二维码
< <上一篇
下一篇>>