本文目录一览：

如何设计网站？

第一种，自己手工源码搭建：

1、国内买域名，必须实名认证，如果国内的服务器必须ICP备案

2、租服务器，一般Cenos Linux系统比较多，win系统的比较少；Nginx和Apache的个人建议Nginx，一般企业类，商城类网站源码php的占大多数，建议php5.4以上，之前的有些老了

3、添加站点设置域名：你的买域名 2设置根目录 3设置ftp 4数据库

4、编辑源代码，几乎没有从零开始的，找些免费开源的改动内容，功能不同选择不同的系统一般通用系统：PageAdmin ；论坛系统：discuz； 购物系统：ecshop；博客系统：wp；需要授权的系统需要注意授权问题，内容修改一般用deamviewer修改比较方便，如果改动很少，那就用notepad++，注：不要用windows的记事本修改，会出错，数据库文件指向一定要设置好。

5、下载xshell，安装，填写服务器ip，密码，链接，上传源码到服务器的根目录

6、设置域名解析，打开买的域名的管理后台，添加记录，填写记录类型选择A型，主机记录写www，解析线路选择默认，记录值输入服务器的ip，TTL默认10分钟

在浏览器打开域名，浏览网站。

第二种，自己手工一键搭建：

第一步：百度搜索菲尔莱斯科技，打开菲尔莱斯科技官网，免费注册您的账号，注：（生成的网站二级域名会是：账号.flspt.com）。

请点击输入图片描述

请点击输入图片描述

2

填写注册的相关信息

请点击输入图片描述

请点击输入图片描述

3

注册成功后进入后台页面，点击管理企业网站

请点击输入图片描述

请点击输入图片描述

4

填写网站标题，网站类型，进入电脑站，初次使用的用户，可以选择左上方的急速建站

请点击输入图片描述

请点击输入图片描述

5

选择适合自己的行业的模板，不同行业模板后期也可改动适应自己的需求

请点击输入图片描述

请点击输入图片描述

6

例如：选择数码、家具、家具百货栏目里的电脑类，点击使用

请点击输入图片描述

请点击输入图片描述

7

免费制作网站后，可对标题、栏目、图片进行上传编辑，点击右上方可以预览生成的网站，点击左上方网站管理进入网站后台管理。

请点击输入图片描述

请点击输入图片描述

8

后台可浏览网站数据，如需绑定自己的顶级域名，点击系统设置-网站域名，按教程进行绑定

请点击输入图片描述

请点击输入图片描述

9

网站做完后网站上方会有，您的网站试用资格将于 XXXX-XX-XX 到期，打开菲尔莱斯科技官网点击-产品介绍-开通免费站，提交后即可正常使用。

如何进行网站制作

1、明确网站的目的、主题和名称

做网站要干什么，是选择展示型网站还是交易型网站？这个制作之前就要明确。主题要小而精:定位要小，内容要精。名称也要好记响亮。

2、确定网站的标志(logo)

就如同商标一样，标志是你站点特色和内涵的集中体现，看见标志就让大家联想起你的站点。标志的设计创意来自你网站的名称和内容。

3、确定网站的标准色彩

网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。

4.确定网站的标准字体

和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般默认字体是宋体。为了体现站点的"与众不同"和特有风格，我们可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。

5、设计网站的宣传标语

宣传语可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如:鹊巢的"味道好极了";麦斯威尔的"好东西和好朋友一起分享";Intel的"给你一颗奔腾的心"等等。

6、确定网站的栏目和目录结构

网站的题材确定后，收集和组织相关的资料内容并设计目录，目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。

网站制作需要多少钱？

网站制作需要多少钱？这里给大家分两种情况来说明，帮助大家更好的理解：

1、定制建站

就是将网站制作的工作交给第三方建站公司，我们只需要提出需求、沟通细节和关注进度即可。这是一种节省时间和人力的有效方法，我们无需花费时间去思考如何布局网站，如何设计界面，也不用浪费时间去学习复杂的编程语言。

不过选择定制建站的开发方式，价格一般都不低（一般都要5w-50w），而且对定制团队的要求是比较高的。如果我们只是随意找一些价格便宜但是没有什么资质实力的建站公司，那么制作出来的网站很有可能会与我们预想的差距甚远。所以我们一定要找口碑好实力强的网站定制公司。

2、模板建站

顾名思义，这种网站制作方式就是使用网站模板，自助式的创建网站。虽说需要自己动手，但是所有复杂的设计制作步骤都已经被省去了，我们只需通过简单的电脑操作，修改模板中的内容即可。就像做填空题和选择题一样，使用网站模板搭建网站非常的简单便捷。更重要的是，模板建站的费用比定制网站的费用要低得多（一般只需100-3k）。

当然，这种方式对网站模板的质量要求会比较高，模板的好坏直接决定网站的效果好坏。所以我们在挑选建站工具和网站制作模板时，都要关注其实用性和专业度。

这里给大家推荐这家专业靠谱的模板建站平台

向TA提问

官方服务

官方网站

搭建网站

小程序制作

商城搭建

门店管理

客户管理

网页设计制作技巧

网页设计制作技巧

网站的主要结构页面，又称次首页、内页，大型网站往往框架页即首页，如一些门户网站。框架页主要是网站内部主要栏目的首页，讲究风格的一致性，并于主页呼应。下面是我整理的网页设计制作技巧，希望对你有帮助!

一、页面平铺

把页面平铺开，主要的物件有：导航栏、LOGO、Banner、按钮、图片、文字。

1.导航栏

导航栏如果设计得恰到好处，是会给网页本身增色很多。导航栏有一排、两排、多排、图片导航和Frame框架快捷导航等等各种情况的设计。有时候是横排，有时候则是竖排。另外还有一些动态的导航栏，如很精彩的Flash导航。

2.LOGO

LOGO并不是每个网站多要有的，他是网站为了给大家一个比较直观的信息的表达工具。LOGO的位置通常在页面的左上角。这个地方最明显和直观，可以第一时间给人于默化的效果;网站的LOGO，一般以静态的居多，也有动态的，但是LOGO的特点都是在表达网站的信息，是一个网站的直接的表现窗口。

3.BANNER(广告条)类型

Banner设计注意点：Banner有动态和静态两种。在浏览网页的.过程中，虽然闪烁的图案会产生瞬间记忆刺激，引起注意，但这种记忆往往为压迫性的，久之易产生负面效应，从而模糊记忆。而稳定的画面不易引发特殊的关注，但如果有良好的界面引导和内容，可产生良性的记忆，持久而牢固。设计要点：Banner的文字不能太多，用一两句话来表达即可;广告语要朗朗上口，可以第一时间的让人捕获表达的重点;图形无须太繁杂，文字尽量使用黑体等粗壮的字体，否则在视觉上很容易被网页其他内容淹没;图形尽量选择颜色数少，能够说明问题的事物;如果选择颜色很复杂的物体，要考虑一下在低颜色数情况下，是否会有明显的色斑;尽量不要使用彩虹色、晕边等复杂的特技图形效果，这样做会大大增加图形所占据的颜色数，增大体积。

4.按钮

按钮设计要点：设计按钮要同页面的整体协调，不能太抢眼;有的页面很单调，还要依靠花哨的按钮来提一下;选用的字体，选用的插图，或插图及字体搭配，都要考虑字迹清楚，色彩简单一些，不要超过四种;很长的按钮可能就是框架的分界，尽量要纤细一些，否则页面会显臃肿。

5.图片

为了美化页面，图片是任何一个页面都要用到的，图片的运用要合理。图片运用要点：图形的主体最好清晰可见;图形的含义最好简单明了;图片内所含文字应该清晰容易辨认;背景与主体明度对比比例应为3∶1到5∶1之间为宜;淡色系列的背景有助于整体和谐;淡色材质背景最佳，能与主题分离之浅色标志或文字背景亦可。

6.文字

文字也是设计的。设计要点：每一行文字的长度最好20到30个中文字(40到60个英文字母);行距与字距已由软件内定。设计时注意段落与段落间空行及首行缩排方式以辅助阅读;标题以H1到H3字号为佳，内文Font size=3到4级为佳;同版面字型最好在三种以内;文字的颜色最好也是三种以内;文字在颜色上要与背景区别;内文的排列向左对齐并与左边界保持适当距离。可以用表格填入文字以达此效果;表格或清单内的字运用相同字型与字体大小，以利辨别。

二、整体规划

有共性，才有统一，有细节区别，就有层次;防止设计与实现过程中的偏差;设计的各部分，要配合整体风格;不仅页面上各项设计要统一，而且网站的各级别页面也要统一;信息不要太过集中，以免文字编排太紧密;不要有太多分散注意力的点。动态闪烁要适中;页面留白部分，要根据平面设计原理来设计，注意分栏式结构不宜留白;还要考虑到浏览器上部占用的屏幕空间，防止图片截断等造成视觉效果不好;首页设计图片+导航，这是一种比较强的网站表达，可以根据时间的变化更改图片。

三、功能易用性

导航栏应最先调入，以便访客快速前往所需信息空间;页面长度要短，使得用户在信息空间内可迅速移动;导航设计方向要一致。支持导航的层次按钮应当从上到下或从左到右，但不要两者都用，不要混用方向。

;

网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

参考资料：百度百科：设计