网络平台构建与制作:揭秘网站开发的标准流程
网站建设的常规流程是怎样的
不论是开发应用程序还是构建网站,真正让我们感到棘手的往往不是软件操作的问题,而是软件技术之外的一些因素。真正决定一个网站能否成功的因素是设计、定位、推广等非技术手段。
一、梳理规划。
网站建设的起点就应该设定一个全局的战略目标,即明确站点的目标。
首先,要有一个总的目标,这个网站究竟要实现什么功能。有的旨在展示设计水平,这就要求页面美观;有的为了求职而设计,这就要求提供充足的信息让别人了解你的工作能力;有的旨在为用户服务,这就要求网站有较强的互动性,而本站建设之初的主要目的就是为了本人更好的学习网络知识,仅是出于兴趣而已,本站站名“网页教学网”让人一看就知道是有关介绍网页知识的站点。而申请域名也是相当重要的,大家都知道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中有专门的布局视图,我们初学网页设计时可以使用它进行排版。
4.利用框架进行排版:它是一种用浏览器窗口,显示多个网页的形式,前几天记得有人在论坛中求,网页格式的课件,网页格式的课件大部分是用框架做出来的。
五、编辑文档与超链接
经过上面的几个步骤之后,一切准备工作都已经就绪,现在可以像装箱一样把收集到的资料及制作的组件放到页面布局中为它们指定的位置上了。
插入到网页布局之后,文字都是同一种字号,同一种风格,同一种颜色;图片有大有小。所以这时就要对各种元素进行编辑了,例如,改变文本字体、字号、颜色、大小等,对图片进行大小,表格的调整,按钮行为的调整等等!
插入至网页布局之中,文字统一采用单一字号、风格与色调;图片则大小不一。因此,此时需要对各类元素进行编辑,例如,调整文本字体、字号、色调、尺寸等,对图片进行尺寸、表格的调整,按钮功能的调整等等!
链接是网页的核心。浏览者在浏览网页时,点击网页设置的超级链接可以跳转至相关页面,因此,一个优秀的网页是离不开链接的。
六、发布站点
站点的发布
网站发布即是将网站上传至互联网,以便供浏览者浏览。上传前必须检查您的域名和主页空间的申请状况,以及网页和站点的链接状况等。建议您最好安装IIS,本站内均提供了iis5.01、iis6.0、iis5.0的安装程序。
上传软件通常使用FTP,上传至服务器中申请的域名下(具体需查看您申请空间时,人家给您提供的开通信息!),上传软件通常有CuteFTP、LeadFTP等
站点的维护
站点发布后还需经常对站点进行维护。站点维护是指不断优化网站功能和更新网页内容。维护网站的目的在于使网站的结构规划合理、内容与形式统一、主题鲜明,经常更新网页内容,使网站与时俱进。
如何制作网站教程
1、确定网站的定位属性。
制作网站之前最需做的就是将网站的定位确定好,确定好网站服务的对象,需要满足这些用户的哪些需求,以及网站的后期如何进行盈利等等。
2、网站策划。
主要是规划出网站所需的功能模块以及页面布局等。
3、网站页面设计。
由网站设计师设计出网站的原型图稿,正式确定后交由前端工程师制作展示页面。
4、前端开发工程师搭建静态页面。
静态页面是浏览器能够转换的页面,这就需要对网站页面的设计有一个整体的认知,且需要掌握HTML以及CSS等网页脚本语言。
有几点需要注意,在根据设计图制作网站页面时,不要直接进行切图、搭建网站结构。要注意先观察设计图,大致地浏览一遍对页面的配色以及布局有一个整体的认知。主要是看主题颜色、图片尺寸等。
1)颜色:观察网页效果图的主题色、辅助色、点睛色,了解页面的配色方案。
2)图片尺寸:观察网页效果图的尺寸,确定页面的宽度和模块的分布。
5、开发动态网站模块。
静态页面建设完成后(一般与前端工程师工作并行),如果网站还需要具备一些动态功能(例如搜索功能、留言板、注册登录系统、新闻信息发布等),就需要开发动态功能模块。目前广泛应用的动态网站技术主要有PHP、ASP、JSP三种,具体介绍如下。
1)PHP:
PHP即Hypertext Preprocessor(超文本预处理器),是一种通用的开源脚本语言。PHP语法吸收了C语言、Java(C语言和Java均为编程语言)的特点,易于学习,使用广泛,主要适用于web开发领域。PHP提供了标准的数据库接口,数据库连接方便,兼容性和扩展性非常强,是目前使用较广泛的技术。
2)ASP:
ASP即Active Server Pages(动态服务器页面),是一种局限于微软的操作系统平台之上的动态网站开发技术,主要工作环境为微软的IIS应用程序结构。ASP入门比较简单,但是安全性较低,而且不宜构建大中型站点,其升级版虽然解决了这一问题,但开放程度低,操作麻烦。
3)JSP:
JSP即Java Server Pages(Java服务器页面),是基于Java Servlet以及整个Java体系的Web开发技术,它与ASP有一定的相似之处。JSP被认为是网站建设技术中安全性最好的,虽然学习和操作均较为复杂,但目前被认为是三种动态网站技术中有前途的技术。
6、网站制作完成后的事宜。
网站制作完成后并非就可以置之不理,后期主要需要做的事情是测试网站性能、上传网站资料、网站的维护以及推广等。
1)网站测试:
测试网站的各种性能,包括本地测试以及线上的网络测试。
本地测试:比如网站的链接是否出现错乱,能否兼容各种不同的浏览器,网站功能逻辑有无问题等等。
网络测试:网站上传至服务器后,针对网站在服务器中的各种性能指标进行测试。比如:网站页面打开的速度是否存在过慢的现象,还有服务器是否安全等等这些问题。
2)网站上传:
网站制作完成后需要上传至服务器或虚拟主机上才能具备访问功能。
3)推广网站:
网站想要有曝光度,就需要不断对网站进行宣传推广,以提高网站的访问率。推广网站的方法有很多种,比如在搜索引擎上做SEO优化,或者是做竞价推广等等这些方式。
4)网站维护:
网站只有经常注意更新与维护内容的新鲜感,才能持续吸引访问者。网站维护阶段的主要工作是更新网站内容、确保网站的正常运行以及历史文件的归类等。