怎样建设一个公司网站?
需求
要做一个游戏公司官网改版,限定3天改版完成。
要求有三:
1 需要添加新的游戏介绍和宣传图
2 整个页面需要美观
3 方便日后维护,比如发布一个
题外话
我们公司是家小的外包公司,公司的只有一个程序员是老板的外甥,平时在我们面前拽的不行,干起活来也是推三阻四,态度蛮狠。我拿到项目希望能提前沟通,结果吃了闭门羮,这货说手上项目众多,无暇顾及。时间紧迫,找老板说明情况,又被推了回来,让自己想办法解决。对于一个不懂技术,只做设计的我来说,这基本是要被玩死的节奏。
怎么做
我尝试了楼上所说的wordpress,dedecms等建站工具,结论是:这绝对不是三天能完成的方案。按需求来说,设计的部分很快,甲方也没有复杂的交互需求,问题在:怎么把按设计稿制作输出成网页? 我完全不会,只好不断的搜索,百度都快被我用坏了,什么快速建站,PSD输出网页工具等等也压根不顶用。
灵光一闪:找一个视频,我就能跟着学,跟着做。我并没有抱希望的再优酷上输入“快速制作企业站 ”,结果奏效了。
9466网页助手快速在线做网页教程
看了一遍9466的教材视频,都非常易懂,里面有各种类别的模板可直接复制使用,只要把自己要的素材准备好,直接替换就OK了。我总算看到了完成任务的希望。
步骤
首先我在PS里做了个首页版面简缩图
接下来就要在9466里实现啦。(后来我发现视频里的操作和现实里的操作不太一样,后来得到是新的版本,加了不新功能,强烈推荐一下他们的交流群186635666,我再做的时候得到很多指导。)
第一步先创建页面
.
第二步创建导航
先拉个容器,然后所有元素都往里面放,就好比容器是个盒子,后面所有的东西都放在盒子里,方便后面子页面的复制。
在界面左边是控件元素,里面的导航菜单没找到我喜欢的,我用的是自己自定义做的导航,往容器里拉一个分栏容器,然后在界面右边的属性框,填充容器背景。
在容器左边放LOGO,右边在放一个分栏五栏的容器,因为菜单有5个,在往每个容器框里放文字,直接在文字上就有链接了(如图),自己做的导航就这样完成了。
第三步创建幻灯片
直接在左边元素里拉一个幻灯片,添加准备好的图片,就ok了。
第四步布局框架
下面的框我都是拉容器填充背景,然后用分栏放图片元素和分割线、文本。
第五步做底部版权信息
拉个容器填充浅灰背景,拖个文字元素到容器了,点右边属性点居中。
首页面就这样做好拉,来看看
接下就是做子页面了
回到页面首页,之前和大家说的容器就可以整个复制里面所以东西了,点最外面的复制,复制的内容就到右上角了
然后点(关于苏摩)页面,把右上角的图标拖到空白处
就留下导航和底部版权信息其他都删掉。
拖一个容器,把准备好的图片贴进去
下面开始放内容了,我选择的是标签页容器,拖一个过来,设置宽度950px,标签页有很多风格,我选择竖排的。
然后就开始往每个标签的里放文本和分割线了。
编辑好每个标签页后,后面的子目录都是复制容器,然后修改相应的内容就OK了,
来看看我编辑好的每个页面的
关于苏摩
苏摩产品
商务合作
诚聘英才
总结:
整个网站做下来才花了我8小时的时间,老板看了很满意,惊叹到这是怎么做到的?而整个网站时我自己设计,自己制作完成,很有成就感。相比原来和技术的低效配合,我更愿意用9466网页助手这种方式,仅代表我个人。知乎新人 多交流。