如何建立一个社区交互网站？

首先题主要做的是理解的是：网络协议，就是理解网站运行的基本原理。比如：百度关键词、http协议、B/S构架和网站的基本结构。后面就是深入一些的知识：首先就是服务器、脚本解释器、编译器、开发语言以及数据库的相关知识都需要了解的。下面按照项目给题主做一个解释，会更方便理解一些。

懒人目录：

• 制作网站的流程以及思路
• 网站制作的步骤以及代码
• 建站的教学视频以及资料
• 制作网站需要掌握的知识点以及工具

一、制作网站的流程以及思路

域名--->网站设计--->建站--->测试--->维护

1.域名

首先就是网站域名和空间，一个网站建立首先就是要有一个域名。域名可以根据自己的项目以及产品的定位给网站起名，缩写字母或者是好理解的英文作为域名。后缀的话大家一般都是选择.com或者是.cn；两者的区别在于.com是国际域名的后缀，.cn是中国的域名。

2.网站设计布局

这也就是题主所说到的交互。一般用户来到网站第一眼看到的网站结构的布局。社区类型的网站，建议题主去参考现在大家最常用的社区，参考别人的板块是如何排版的。在这个时候，我们需要做的是，心中有大概的排版并且开始收集素材。其中包括，网站的文字图片以及内容。

3.建站

建站是分为前端和后端的，前端设计到的就是交互感，也就是排版等。后端就比较复杂了，要用程序整合前端，并且完成你们在策划这个产品的时候所有的功能。后端的程序，比较难编写。后面会用项目的方式教大家。

4.测试

一个产品写出来，必备的步骤就是测试。不管是网站还是项目，都需要进行测试评估。可以找到多种人群，参考他们的体验感受，去完善所建立的网站。再一次又一次的修改之后，就可以把网站传到虚拟主机空间当中，也就是域名解析到服务器ip。这个时候我们所建立的域名就可以直接访问网站了。

5.维护

网站简历之后，还会有很多不足的地方。就需要日后的维护，保障网站运营的顺畅，或者在现有网站的基础上添加各种新的功能。不断完善。

二、网站制作的步骤以及源码

制作步骤：

1.创建一个网站的网站目录结构：

• meishimeike(文件夹)：管理当前网站中所有的文件
• index.html/default.html(文件)：当前网站的入口文件
• css（文件夹）：管理当前网站中所有的css文件
• js (文件夹)：管理当前网站中所有的js文件
• images(文件夹)：管理当前网站中所有的图片

2.准备一张PSD（用户转化为html页面的设计图）

3.确定一种开发方式

• 从上到下的方式：（比较适合小白）
• 先确定结构再在结构中填充内容（适合老司机，但建议新手也如此操作）

4.CSS初始化（清楚浏览器中标签的一些默认样式）：
去掉标签的默认margin和padding

html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0}

去掉图片的边框：

img{border:0}

去掉ul前面的小点：

ul,ol{list-style:none}

去掉input标签默认的padding-top；padding-bottom，border

input{padding-top:0;padding-bottom:0;border:none}

去掉a标签的下划线

a{ text-decoration: none;}

给body设置一个统一的字体样式和背景颜色

body {font: normal normal 12px "宋体";color: #4c4c4c;background-color: #fae8c8;}

左右浮动，清除浮动

.fl {float: left;}.fr {float: right;}.clearfix:after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}.clearfix {zoom: 1;}

5.开始网站代码的书写

完成网站所有页面统一的头部和尾部：temple.html------>temple.css

三、建站的教学视频以及资料

• 网站制作实战视频
• 20个小时学会宝马H5网站项目设计
• 营销型网站建设教程
• Python全栈快速搭建Web服务器

四、制作网站需要掌握的知识点以及工具

网页编辑软件和脚本语言语法；题主是有HTML的基础的，还有就是CSS语法。以及Dreamweaver软件。通过这些入门基础的教程就可以了解到网站页面的制作以及运营的原理。最好结合我上一个阶段的项目来看，这样结合教程边学边做顶多一周的时间。

会用网页制作软件和基础语法后，基本就可以写一个完整的网站了。如果想要做的更更好看以及重视交互的体验感等，就要学一些面向对象的语言。

完整的网站制作绝对不是一句话两句话就可以说清楚的，首先要确定网站的主题和功能，并且在此时搜集材料。做完准备工作后，开始规划网站，并且明确主题和其中的内容。之后的步骤可以参考目录当中第一部分的内容。

至于制作的话，操作步骤和基本的更改设计图在目录当中的第二个阶段已经写了一些。具体的内容，可以按照上述告诉大家的。找到一个相关的教程，边学边做事半功倍。

题主的功能需求论坛可以满足，使用discuz，wordpress这些开源平台可以自助搭建。如果是个初级阶段的水平，自主开发可能性不大。涉及会员功能开发，对程序员的技术要求还是很高的。知乎大神云集，就是真的有大神愿意花时间和精力给你讲解具体开发实现方式和技术要求，等你学会并搭建出来，恐怕时间很难预期。

题主目前在加拿大，网站的受众群是英语群体，做个英文版本的网站即可。
要求服务器是北美线路，可以选择国内服务器商的海外线路，也可以选择海外服务器商。
域名建议选择有一定知名度的平台自行注册，手续也比较简单，主要是提防一些不正规服务商的后续服务问题。

题主在知乎这样中国受众群体的平台找海外建站服务商，不如在海外的服务平台发布需求效果好。看题主的问题描述还是很清晰的，中文表达和沟通应该没有问题，可以考虑找国内有海外平台开发经验的企业。