网页设计的方法有哪些？

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

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、html语言。首先必须要学这个，html语言又称为“超文本标记语言”，任何网页的显示都要靠html语言来表达，也是构成网页文档的主要语言。

2、服务器架设。要制作网页就需要架设服务器来调试你做出来的网页，有iis等很多种，可以在网上搜索得到。

3、css语言。css又作层叠样式表，css大部分是自动生成的，很难理解，需要学习基本的css知识，是步入高手的必经之路。

css控制着网页图片、表格、文字等等内容在我们面前的显示样式，比如颜色，边框，大小等。css能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。

4、div+css布局。这个东西是走向专业制作的必经之路，网页元素靠它来搭建基本框架，像百度空间，QQ空间的皮肤等就是利用这个来做的。

5、数据库。走向动态网页的基础，比如百度知道的提问回答这些，都涉及数据库的读、写、改、删。常见的数据库有mysql、mssql、access等。

数据库是所有软件的基础，80%以上的应用程序都涉及数据库，而作为网页制作来说没有必要学得很深，够用就行。

6、动态语言，asp，php，jsp，.net(c#等）。要 *** 作数据库，交互就需要动态语言，现在好多动态语言像php都有“框架”，用框架建站好比用活动板房的零件建房子，全部自己写好比一块一块砖砌房子。

7、javascript脚本。JavaScript是一种属于网络的脚本语言，通常是通过嵌入到HTML网页中给网页带来各式各样的动态效果。

网页里面的验证码，d窗，特效等就靠它了，一个没有javascript的页面基本没有，这个也有好多的框架可用，这个语言是最难的，也是最强大的，网页木马，病毒大多用这个语言。

8、平面涉及软件。flash，photoshop等，页面美化还要靠图片等东西。

9、学习一种动态网页技术

ASP是微软公司开发的代替CGI脚本程序的一种应用，也是微软公司的第一个服务器侧的脚本引擎，能够动态产生Web页面。ASP可以与Web数据库以及其它程序进行交互，是一种简单、方便的编程工具。

扩展资料：

设计事项

一、注意超链接颜色与单纯叙述文字的颜色呈现

WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超链接的颜色，以便丰富Webpage的色彩呈现。

如果您的网站充满知识性的信息，欲传达给访问者，建议您将网页内的文字与超链接颜色，设计成较干净素雅的色调，会较有利于阅读。

纯粹的叙述文字采用较暗、较深的颜色来呈现，超链接文字则以较鲜明抢眼的色彩来强调，至于探访过的超链接则采用较低于原超链接亮度的颜色做呈现。

二、测试所有的超链接与导览按钮的真实可行性

Webpage上线之后，第一件该做的事，是逐一测试每一页的每一个超链接与每一个导览按钮的真实可行性。彻底检验有没有失败的link无法链接到该链接的Webpage，却反而冒出“FileNotFound”的错误讯号出来。

三、让超链接的字串长短适中且走文自然

抓住能传达主要讯息的字眼当做超链接的锚点(anchor)，可有效地控制住超链接的字串长度，避免字串过长(如∶整行、整句都是锚点字串)或过短(如∶仅一个字当做锚点)，而不利于读者的阅读或点取。

四、当导览按钮链接到当前页时

各Webpage若重复使用同一组的导览按钮，无可避免地会产生某一导览按钮链接到当前页的情形。

为达成界面设计的一致性，并没有绝对的必要性拿掉此导览按钮，但Webpage设计者可让此按钮不再具有超链接的功能或将此按钮的彩度、亮度降低，使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超链接的功能。

参考资料：百度百科-网页设计师

---