企业在网站建设前需要做好什么准备工作?一般需要提供什么材料?

企业在网站建设前需要做好什么准备工作?一般需要提供什么材料?,第1张

明确网站的定位

要明确网站的定位,清楚公司的产品优势以及访问的目标群体。这是首先要做分析的,只有根据自己公司的实际情况,来制作网站的风格定位。众所周知,网站风格分营销型网站、品牌型网站、电商网站、平台网站等。明确了自己网站的定位后,开始收集相关的网站案例,作为下一步工作的参考。

制作网页原型图

这是一个费脑活,目前大多数人都是采用Axure的软件制作,画原型图需要参考很多网站风格,通过不断的借鉴,才能总结自己的网站风格。目前设计流行的元素是采用图标配文字,界面扁平化,尺寸做成宽屏风格。在制作原型图的过程中,需要看很多的网站风格。

上色/UI界面设计

当原型图做好以后,可以开始交给设计师做UI设计,设计师会根据原型图的布局进行上色设计,但是不局限于原型图,优秀的设计师不会按部就班执行,会根据自己的经验适度做一些细节布局上的更改,此举的目的是为了提高界面美观和用户体验度。

DIV+CSS切图/排版

当设计工作完成后,要开始做切图,如果网站只是PC站,切图只要做一套样式,如果是响应式网站开发,切图就需要做三套样式,分别为PC端、平板、手机端。响应式网站会根据不同分辨率和屏幕大小自动适应,以达到更好的体验效果,但是在这里我需要补充一句,不是所有的网站都适合做成响应式,因站而异。

网站程序开发

切图完成后,就进入程序开发阶段,程序开发就是做后台管理,让网站后期能有一个管理后台来更新前端的资料内容,目前开发网站的开发语言比较流行的有两种:一是PHP语言,二是net语言。

网站BUG测试与资料填充

程序开发出来后,交给专职客服来测试Bug,边填充资料边测试页面效果,刚开发出来的网站都会存在Bug漏洞,因为是纯手工制作的项目,靠键盘一个一个字母敲出来的代码,有Bug实属正常现象,所以就需要客服进行测试,测试出来的问题点整理文档形式交给程序员进行修复。

你可以找家专门的网站建设公司,他们会为你提供全面的服务,像我们公司,每一步都有专人负责,为客户提供最好的服务。

考虑到中小型网站中Dedecms使用概率较高,今天我们特地邀请了百度站长社区版主—洪石陈来为大家做Dedecms移动适配分享。

第一步:安装Dedecms移动站点的两种方式

(1)下载新版本直接安装使用,Dedecms版本:V57SP1正式版(2015-06-18)该版本包含旧版本所没有的移动站点功能。

(2)老版本升级(仅针对增加移动站点功能),下载最新版本(注意网站编码需与原站一致),复制压缩包中以下文件到原站对应目录下:

注意:如果原站有非默认模板,如某栏目模板为/templets/defaultst_default_newshtm,可将/templets/defaultst_default_mhtm复制一份改名为list_default_news_mhtm。

即:pc端网站模板需有对应的移动端网站模板,后者文件名为前者文件名后“_m”。

安装或升级dedecms完成,此时应该就可以进行移动跳转适配了,但,dedecms20150618版本提供的移动站点功能在使用过程中发现一些问题,需要进行修改后才可正常使用,所以有了下面的dedecms修改步骤…

第二步:修改Dedecms

(1)原站如做了将DATA移到根目录外的安全设置,需修改/m/indexphp代码:

if(!file_exists(dirname(__FILE__)'//data/commonincphp'))

{

header('Location:install/indexphp');

exit();

}

将其中//data/commonincphp改为///data/commonincphp,或直接将以上5行代码删除。

(2) 移动站点首页在会第一次访问时自动生成首页静态文件,前提是/m/目录需设置为可写权限,否则将无法正常更新。之后更新首页静态文件需登陆后台手动更新:在“更新主页HTML”中将“选择主页模板”改为“default/index_mhtm”,将“主页位置”改为“/m/indexhtml”,再生成主页静态文件。

注:该版本号称“自动生成HTML版”,但默认移动站模板里却有<ahref="indexphp">的动态首页链接,需替换为<ahref="indexhtml">静态链接形式。

※如觉得使用静态页面麻烦,想将首页设置为动态浏览,可修改/m/indexphp:

$row['showmod']= isset($row['showmod']) $row['showmod'] : 0;

if ($row['showmod'] == 1)

{

$pv->SaveToHtml(dirname(__FILE__)'/indexhtml');

include(dirname(__FILE__)'/indexhtml');

exit();

}

else {

$pv->Display();

exit();

}

以上代码替换为一行:$pv->Display();

第三步:首页“图文资讯”部分的url为pc端链接,修改为移动端链接:

搜索模板/templets/default/index_mhtm中所有<a href="[field:arcurl/]"> ,替换为<ahref="viewphpaid=[field:id/]">

第四步:通用头部含有搜索框,搜索跳转至pc端搜索页面,建议删除:

在/templets/default/header_mhtm中删除以下代码:

<form class="am-topbar-form am-topbar-leftam-form-inline am-topbar-right" role="search"action="{dede:globalcfg_cmsurl/}/plus/searchphp">

<input type="hidden" name="mobile"value="1" />

<input type="hidden" name="kwtype"value="0" />

<div class="am-form-group">

<input name="q" type="text"class="am-form-field am-input-sm" placeholder="输入关键词">

</div>

<button type="submit" class="am-btnam-btn-default am-btn-sm">搜索</button>

</form>

第五步: 移动站点默认使用二级目录,但目前移动适配需要使用二级域名(前段时间是可以使用二级目录的,但目前已调整,不能再提交二级目录),所以我们要设置移动站可通过二级域名访问,解析二级域名至网站所在服务器ip,并在服务器/空间上将二级域名绑定到/m/目录。

成功设置二级域名后,通过二级域名浏览网站会发现均无法显示,原因是路径有误——路径为“/uploads/x/yjpg”

相对根目录路径形式,在pc站页面中显示正常,因为pc站域名下存在该目录,而二级域名绑定的是二级目录,其中并不存在该目录,

所以访问会返回 404错误。对此,有多种解决方案,下面提供两个思路(示例pc站:wwwnt090com;移动站:mnt090com):

(1)URL 重写(推荐)

将对http://mnt090com/uploads/的访问重写 至http://wwwnt090com/uploads/,apache环境下,在/m/目录中的htaccess(如无则需新建)中增加以下代码即可:

RewriteEngine on

RewriteCond %{http_host} ^mnt090com [NC]

RewriteRule ^uploads/()$ http://wwwnt090com/uploads/$1 [L]

iis环境下类似规则。

(2)修改模板路径

在所有移动端模板中的<head></head>中增加:

<base href="http://wwwnt090com" />

再将代码中的

“<a href="listphp”改为完整路径“<a href="http://mnt090com/listphp”

“<a href="viewphp”改为完整路径“<a href="http://mnt090com/viewphp”

另:需将根目录下的/images/defaultpicgif(缩略图默认)复制到/m/目录下,否则列表页中如存在无缩略图的文章,对应缩略图位置会无法正常显示。

其他:

1、如有栏目不想在首页下方列表区域或通用头部显示,可在后台对应的栏目管理/常规选项中设置隐藏。

2、为了更好的实现pc端和移动端匹配效果,可在pc端模板增加类似如下代码:

首页

<meta http-equiv="mobile-agent"content="format=xhtml;url={dede:globalcfg_mobileurl/}/">

<scripttype="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex')!= -1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/";}elseif(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

栏目页

<metahttp-equiv="mobile-agent"content="format=xhtml;url={dede:globalcfg_mobileurl/}/listphptid={dede:fieldid/}">

<scripttype="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex')!= -1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) ||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/listphptid={dede:fieldid/}";}elseif(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

文章页

<meta http-equiv="mobile-agent"content="format=xhtml;url={dede:globalcfg_mobileurl/}/viewphpaid={dede:fieldid/}">

<script type="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex') !=-1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) ||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/viewphpaid={dede:fieldid/}";}elseif(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

代码中的{dede:globalcfg_mobileurl/}部分要替换为包含“http://”的二级域名(即:http://mnt090com),如不想修改模板里的相关代码,也可修改/include/commonincphp中的$cfg_mobileurl变量赋值为二级域名。

以上代码为dedecms新版模板所使用,第一行<meta>标签代码为百度发现跳转适配关系的方式(可同时使用)之一——“Meta标记”,下面几行javascript代码的功能是识别是否移动端设备访问,如是则将当前pc端页面自动跳转到匹配的移动端页面。

另外,还可使用<link>标签以便于百度更好地发现PC站和移动站的移动适配关系,在模板的<head></head>标签内加入如下代码:

PC站首页模板:

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://mnt090com" >

PC站栏目页模板:

<link rel="alternate" media="only screen and(max-width: 640px)"href="http://mnt090com/listphptid={dede:fieldid/}" >

PC站文章页模板:

<link rel="alternate" media="only screen and(max-width: 640px)" href=" http://mnt090com/viewphpaid={dede:fieldid/}">

移动站首页模板:

<link rel="canonical"href="http://wwwnt090com/ "/>

栏目页模板:

<link rel="canonical"href="http://wwwnt090com{dede:type typeid='0' row=1}[field:typelink/]{/dede:type}"/>

文章页模板:

<link rel="canonical"href="http://wwwnt090com/{dede:fieldidrunphp='yes'}$id=@me;@me='';$url=GetOneArchive($id);@me=$url['arcurl'];{/dede:fieldid}"/>

至此,移动站架设基本成型。

提交移动跳转适配

URL对应关系示例:

要先准备域名和服务器,基础的,有了域名和服务器就可以开始先备案了

备案需要准备资料:

网站备案授权书

真实性核验单

营业执照彩色扫描件。

法人身份证原件扫描件

网站负责人身份证原件扫描件,正面和反面

网站负责人幕布背景的高清半身照,不戴眼镜、帽子,着装应符合季节逻辑,拍摄的照片,注意背面幕布上的文字要清晰。

这些资料空间服务商都会一步步告诉你需要什么的,这边就简单的展示下哈!像阿里云的话,用app备案的话,更方便!

建站就需要域名,服务器和建站程序,常用的工具就:ps做图用,dw修改源码用,ftp虚机用得比较多,链接空间上传文件用

域名和服务器可以用阿里云的,大服务商比较稳定:网页链接

建站程序的话,如果想自己建站,不外包建站公司做的话,就直接用dedecms,wordpress,帝国cms等等常见的开源程序来做,网上很多资源模板,如果不想找就直接某宝购买,几块钱上千个模板,随意挑,什么行业的都有,好看实用

模板使用教程网上也很多,很容易上手,新手用dede的比较容易

有了域名,服务器和建站程序,就可以开始做网站了

建站大概流程就是

域名实名认证,服务器如果是国内的先备案,都可以在服务商后台操作的

都好了之后,域名解析到服务器

服务器配置环境,win系统直接用宝塔配置换,PHP+MYSQL+IIS就可以的

服务器开设空间,绑定域名和开设数据库,这个都用宝塔来操作

上传网站程序到开设空间对应的文件夹里

访问域名搭建网站

网上都可以找到对应的教程的,新手还是比较容易上手的哈

安全方面,服务器要再装一个安全狗,这样网站不容易被入侵

这样算的话,域名50左右,用com的,服务器按需选,前期低配几百块,程序不用钱了

建站比较需要注意的几个点就是

建站之前先想好网站的TDK,网站的结构,网站的内容,网站的文章要准备一些

网站结构和TDK建站完成后轻易不去改,影响优化

网站文章提前准备,方便网站上线后持续更新,获取搜索引擎好感

如果预算充足,网站配合百度竞价,效果更直接,但是烧钱,就看预算够不够,然后烧得值不值了,不行就走seo,也不错

1cms系统

1)知名cms

dedecms:

优点:免费开源、简单易上手、前后台分离、前台模版标签、可安装主题插件、模版素材多。

缺点:功能集成扩展性不好不够灵活、漏洞多不够安全、对PHP版本兼容性不够好、速度偏慢。

phpcms:

优点:免费开源、简单易上手、前后台分离、前台模版标签、可安装主题插件、模版素材多。

缺点:安全性比dedecms好、扩展性也不好、不易二次开发、速度略好于dedecms。

帝国cms(EmpireCMS):

优点:免费开源、简单易上手、前后台分离、前台模版标签、可安装主题插件、模版素材多。

缺点:安全性还行、扩展性比前两款好、方便二次开发、速度比前者快。

Pageadmin:

优点:免费开源、简单易上手、前后台分离、前台模版标签、可安装主题插件、模版素材多。

缺点:安全性比较好、扩展性次于帝国cms、速度也是比较慢。

2)小型cms网站系统

模版标签、前后台分离、响应式后台、简介、小程序app服务接口、多套模板素材

易优youCMS:

模版标签、前后台分离、简单上手、多套模板素材。

易思CMS:

模版标签、前后台分离、简单上手、多套模板素材。

织梦 cms系统

下载独立网站管理系统来做、比如pageadmin、wp这些,后期网站代码自己控制管理,扩展修改什么的更灵活。

模版建网站是在现有的目标网站框架下,只对其内容和进行替换,不改动其它框架设置及代码等。

1、找到一个合适的模版网站

2、对模版网站存在的所有页面进行分析

3、根据分析的模版网站页面类型,对逐个页面进行仿制

4、仿制模版网址需要用到下载工具,下载模版网址的所有、CSS文件和代码源文件保存。

5、对代码源文件进行修改,替换成想要的部分,同时需要对模版网站的CSS路径和文件路径进行修改。

6、保存修改好代码文件,作为模版文件来使用。登录网站管理后台,设置目录模版代码文件,即刚才做好的文件。

7、更新网站缓存,打开新页面进行查看。其它页面依次如此。做好所有模板页面文件之后,需要对模版网站的和内容进行修改,很简单的替换就可以了。

温馨提示:整个过程需要对代码有一点点的了解,知道简单的替换工作,会一些简单的ps技术来修改,最后调试整个做好的模版网站。

  对网站的功能、效果没有要求的话,是可以自己做的,如果对网站有较高的技术要求,还是找专业的网站建设公司比较好,省时省力不说,主要是在功能及效果方面能够得到更好的体现,选择网站建设公司一定要从多个方面考虑,多家公司对比之后再做选择,从事互联网行业以来,见过太多市上网络公司的套路,企业花钱让网络公司做网站,最后还得不到网站所有权,做个什么操作还要依赖网络公司,所谓权限不过是使用权限罢了,有点良心的还会开放FTP(文件传输协议)权限。所以找别的公司做一定要慎重,必须要专业且售后服务要好,因为网站建设好之后,后期还需要维护功能更新都需要专业技术的。

网站建设

  网站建设具体步骤:

  1、明确建站需求

  先拟定一个网站的大体框架,网站要做什么样,需要哪些栏目,需要展示什么信息,需要什么功能?这些都需要实现做好规划,分享一个技巧,如果你完全蒙圈的,可以多看一下你同行的一些优秀公司的网站,从这些网站借鉴一下,你一定会得到启发。

  2、注册一个域名,购买服务器

  域名最好注册和公司名称或业务相关的,选择com或cn域名,建议不要太长,要不很不好记,域名越短越好,比如baiducom,haiercom这些域名都很经典。

  很多公司都会托人代为注册域名和购买服务器,这里大家尽量自己注册域名和服务器,域名是企业的软性品牌,务必自己掌管,域名的解析权限必须要有,服务器建议去阿里云,腾讯云这些大公司购买,毕竟安全性和稳定性都有保证。

  如果托人购买,域名的解析权限和服务器的ftp或远程权限都要索取到手,避免后期网站不能迁移或备份。

  服务器购买后务必同时向服务商提交备案资料进行备案,国内服务器是必须备案的,香港和国外服务器可以不备案,但是建议大家都进行备案,毕竟在中国你懂的,一般来说只要资料正确,备案通过都没有任何问题,备案审核时间每个省不一样,一般7到20天左右就可以下发备案号。

  3、确定UI设计,落实网站风格

  根据建站的需求和框架后,制定网站的设计风格、详情页、首页、海报、网站框架图、图标等设计项目,找个专业的设计师来设计,当然如果前期预算低,可以选择一个网站模板来改,小编建议前期不要省那点钱,设计好一点是很有必要的,毕竟在中国的社会,门面这东西很重要。

  4、网站系统的选择

  选择一个好的网站系统来作为网站的管理后台非常重要,一个好的网站系统可以让网站修改,维护事半功倍,选择一个差的网站系统会导致后期各种问题,比如网站漏洞导致网站被挂木马,功能不完善导致后期各种维护上的困难,所以这里建议不要随便下载网上那些乱七八糟的网站源码,一定要选择知名的网站系统。

  如果做购物网站,可以选择Ecshop系统;做企业单位网站可以选择PageAdmin系统;做企业交流论坛,可以用Discuz系统;至于搭建app什么的,我不推荐,千万不要被网站建设公司各种忽悠,用户手机就那么点屏幕,装的都是一些腾讯、百度、阿里、头条这些大公司的app,普通企业网站开发app谁会去下载安装呢?所以app基本没有任何意义,除非有特殊功能上的需求,否则只是个摆设,花了大价钱,效果还不如html5网站或微信公众号平台这些效果好。

  5、网站上线测试

  网站的内容完善后先进行内部测试,测试成功后,再发布到服务器上对外公布,这时候同步把网站提交到各大搜索引擎去收录。

  6、网站后期维护工作

  网站上线后要定期进行更新,很多中小企业网站做好后基本就当摆设了,网站上的新闻还是几年前发的,试想这样的网站客户看了有什么感想?

  一些大公司的网站可以很清晰查询到产品型号、说明书、安装文档等等,甚至可以查询员工信息、项目进度、售后服务信息等等,这点中小企业网站都值得借鉴。

‍‍

第一:申请域名申请域名比较简单,先是挑选注册商,然后查询域名是否已经被注册。在选择域名的时候尽量挑选简单易记得,还有就是个人认为应该避免带数字“零”和拼音“O”因为容易混淆。

第二:购买空间。空间一定找找稳定的,用不稳定的空间做网站会收录等等都会有影响。空间一般分为国内空间和国外空间,在国内使用国内空间速度快,但是贵。国外空间在国内使用速度相对慢点,可是很便宜。

第三:网站备案要备案的话看你买的是什么空间了,只有国内主机需要备案,国外的不需要。备案只要根据他们的要求交齐资料等待就3-10天就可完成备案。而且是不收取费用的。

第四:做网页现在一般用Dreamweaver来做也可以。

第五:做程序。)你至少会java,asp,php,aspnet其中一种编程语言。学会一种网站框架。了解服务器,域名,服务器操作系统环境和配置等。如果网站没有程序,以后更改信息比较麻烦

第六:测试网站测试一是看他的稳定性。就是程序测试的时候可以正常访问等等,二是测试他所有的功能。如果这些功能都没有问题。且能正常使用就可以了!比如进网站的后台添加删除操作。在前台看看有没有反应之类的!

第七:发布网站网站可用工具上传,要注意的是:不同的空间,可能要求存放网页的路径(目录名)不同,里面一般有说明!

‍‍

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 企业在网站建设前需要做好什么准备工作?一般需要提供什么材料?

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情