网站建设教程：从零开始制作网站全套视频教学，新手必备的网站创建指南

零起点学习搭建网站视频教程（完整版）新手怎样构建网站

构建网站类比于购置自己的住所居住，依然是线上营销不可或缺的一环，附上一份从零开始利用SAAS平台搭建网站的教程。

制作网站的教程步骤：

1、在网络中搜寻“鸣蝉自助建站平台”，进入该平台网站，如图所示。

2、选择建立或注册账户，设定账户名称、密码，依照系统提示填写网站名称、挑选网站类型。

3、进入页面选择创建网站，输入网站名称，选择立即创建进入系统后台界面，如图所示。

4、选择网站设计，挑选网站成品模板，确认后，自动进入前台编辑界面，如图所示。

5、在前台编辑界面，移动鼠标选中需编辑的区域，即可随意编辑修改网站内容。

6、在编辑完成后，即可联系平台协助绑定独立域名，上线发布。

构建网站的具体步骤有哪些

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

一、规划布局。

网站建设的起始就应该有一个全面的战略目标，即明确站点的目标。

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

明确目标之后，还要确定网站的目标受众。其中包括以下几种情况：

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

2.目标受众的计算机配置和浏览器版本。计算机硬件技术飞速发展，现在使用的计算机的配置都是比较高的！下面把访问本站的情况给大家展示一下：

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

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

二、创建站点

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

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

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

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

三、搜集资源

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

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

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

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

四、布局页面

设计站点结构和搜集了足够的资源之后，就可以开始布局页面了。在Dreamweaver中，可以通过以下手段进行排版：

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

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

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

1. 运用布局视图实施编排：在Dreamweaver MX2004中设有特定的布局视图，我们在初涉网页设计领域时，可以利用它来进行编排。

2. 运用框架实施编排：这是一种通过浏览器窗口展示多个网页的方式，不久前记得有人在论坛上寻求网页格式的课件，大多数网页格式的课件都是通过框架实现的。

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

经过上述步骤后，所有准备工作均已就绪，现在可以如同装箱一般，将搜集到的资料及制作的组件放置到页面布局中预定的位置。

将内容插入网页布局后，文字均保持统一字号、风格和颜色；图片尺寸各异。因此，此时需要对各类元素进行编辑，例如，调整文本字体、字号、颜色、尺寸等，对图片进行尺寸调整，对表格进行优化，对按钮行为进行调整等等！

超链接是网页的灵魂。在浏览网页时，点击网页中设置的超级链接，可以跳转至相关页面，因此，一个优秀的网页是离不开超链接的。

六、站点发布

站点的发布

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

上传软件通常采用FTP，上传至服务器中申请的域名下（具体可参考您申请空间时，服务商提供的开通信息），常用的上传软件包括CuteFTP、LeadFTP等。

站点的维护

站点发布后，还需定期对站点进行维护。站点维护指的是持续优化网站功能和更新网页内容。维护站点的目的是确保网站结构规划合理、内容与形式协调、主题突出，并定期更新网页内容，使网站与时代同步。