一、如何制作一个自己的网页

制作一个自己的网页，只需要五个步骤就可以了：注册域名、购买服务器、服务器环境安装(网站代码部署)、提交备案和域名解析

1、注册域名

注册域名很简单，只要花钱就好了，也不贵另外推荐使用：.com的域名。

2、购买服务器

想要稳定地运行网站(博客)，需要购买一个自己的服务器，服务器不需要太好，但要求是独立主机。如果不知道怎么买没有关系，其实阿里云有专门针对这种应用级的服务器。

3、服务器环境安装

服务器的安装比较简单，这里主要介绍：Window系统和Linux系统服务器，对于那些不太熟悉IT技术的朋友，建议在购买服务器时选择Window系统，这样可以避开不必要的麻烦。而如果有些IT技术基础，又想了解和学习Linux系统的话，建议安装CentOS或Ubuntu。

Window安装PHP环境：WampServer等集成环境安装，搜索下载WampServer软件，安装到一个目录，比如：C:/wamp。

Linux安装PHP环境：

4、提交备案

根据工信部《互联网信息服务管理办法》(国务院 292 号令)，网站在未完成备案之前，不能指向大陆境内服务器开通访问。

如果您的网站托管在中国大陆节点服务器，或者开通 CDN 服务，就必须申请 ICP(互联网内容提供商)备案。若网站服务器为非中国大陆节点，则不用申请备案。

ICP 包含两种类型：

（1）ICP 备案： 对于单纯的资讯性并且不涉及直销的网站，需要申请 ICP 备案。ICP 备案可通过网站托管服务器提供商或网络空间服务商(如电信、移动、联通等)进行申请。

阿里云 ICP 备案操作可分为：首次备案、接入备案、新增网站备案(原备案不在阿里云) 和 新增网站备案(原备案在阿里云)。注意：个人网站属于这一类型。

（2）经营性 ICP 许可证： 对于商品或服务的在线平台或第三方卖方，需获得商用许可证。要申请经营性 ICP 许可证，您必须先有一个有效的 ICP 备案号。经营性备案需用户自己到当地管理局相关部门进行办理，服务商可协助提供资质以及接入协议。

有关网站备案要，可通过：了解，需要注意的是：不同服务器提供商都有自己的备案接入。不可以跨服务商备案，也就是说：买了阿里的服务器不能在阿里云之外的服务商备案。

5、域名解析

假设您已经注册了域名，并且成功安装了博客系统，对外公开的博客网站的必须工作就是要解析域名

可以这么说，任何网站在搭建过程中都是需要调试。如果用户没有技术的话，是很难调试成功。用户也可以直接使用可视化网站制作系统去制作。这种制作方式是比较简单的，用户可以根据提示去制作自己想要的网站就可以了。

总之，目前网站制作的方式有很多，就看用户是用什么方式去制作网站？因为用户采用的方式不同的话，制作流程和步骤也是不同的。用户想要简单的制作网站的话，建议用户可以直接使用可视化建站系统制作网站是比较简单。

二、如何制作网页 如何制作一个简单的网页

1、首先，请先确认你的系统中文件扩展名已经打开。方法是：打开我的电脑，点击文件夹选项，打开文件夹选项对话框，确保“隐藏已知文件的扩展名”前面的小勾已经去掉，如果没有去掉，请把小勾去掉。

2、然后，创建你的第一个网页文件。为了便于管理，请先创建一个文件夹，用来存放你的网页文件和图片等资料。在你创建的文件夹中右击，选择新建，文本文件。

3、然后，对这个文件重命名为index,把小点后面的txt改为html。这样一个网页文件就准备好了。

4、html是网页文件的扩展名。扩展名用来区分文件的类型，扩展名也用来告诉用哪个软件打开。比如html就会告诉浏览器这是一个网页，需要用网页的方式来解析并显示。

5、然后，用notepad++打开这个index.html文件，在编写之前，我们有必要先来了解一下一个网页最基本的结构：网页有头部和主体两大部分组成。头部和主体都包含在一对标签之内。因为网页是html语言编写的，html语言是一门标记语言，就是用一对对的标签来标记网页中的内容，从而对内容进行组织和管理。

6、然后，标签就是网页中内容的容器。

7、整体的最外层标签是和,头部是和标签。在标签中，又可以写，如果你细心就会发现，在浏览器的标签选项卡上显示了“这是网页的标题”这几个字。

10、原来网页标题就是显示在浏览器标题栏上的内容。网页的标题不等于内容的标题，于是我们写的

这是一个一级标题 ，它被显示在浏览器窗口中。

三、如何制作一个网页页面

如何制作网页?如何做一个自己喜欢的网站呢?看到别人有自己的网站是不是有点羡慕呢?当然。比较复杂的网站就需要很多技术上面的知识咯。比如javascrpt、jquery、ajax、flash等等!这些都只是让网站的页面好看。使静态的网站变为动态的。那如何制作个简单的网页呢?那么先用Dreamweaver ，Frontpage做,然后细节用Homesite，Hotdog修改,图片用Photoshop动画用fireworks ，Adobe ImageReady ，Flash然后申请空间，域名，大多数都是收费的，最后用软件上传就成了。

在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。

1.网页顶端的标题“我的主页”是一段文字。

2.网页中间是一幅图片。 □最下端的欢迎词是一段文字。

3.网页背景是一深紫红颜色。 构思好这个网页的结构，我们就可以开始制作了。

1

解决方法与步骤：

1.首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站(根目录)。 为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。

2

2.然后在创建新项目下面点击HTML，下面常用到的有javascrpt，和CSS样式。

3.进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。

2

4.使用插入栏：单击插入栏对象按钮>选按钮，弹出“选择图像源文件”对话框，其余操作同上。

5.使用面板组“资源”面板(如下图)：点按钮，展开根目录的图片文件夹，选定该文件，用鼠标拖动至工作区合适位置。

6.在图片右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您„„”然后，利用属性面板对文字进行设置。保存页面。 一个简单的页面就这样编辑完毕了。

5

7.在页面编辑器中按F12预览网页效果。 网站中的第一页，也就是首页，我们通常在存盘时取名为index.htm。

6

在很多时候，我们都需要html的静态页面代码，那么我们介绍一下静态页面的代码。

：静态网页源代码首尾结构标记，代码内呈现网页所有内容

=背景色；：网页主体部分

：标签内显示出网页台头的标题名，用于标签之内

：设定搜索关键字

四、如何制作网页设计

工具/原料

个人电脑

网页设计软件： FrontPage(简单易用，且高度符合IE浏览器支持设计);DreamWave(功能强大，设计成品支持众多浏览器);

图像处理软件：Photoshop 或Fireworks ;动画制作：Flash MX ;

知识储备：

基本网页常识;

HTML知识

很简单，早期只用此制作网页，用记事本即可编辑，用浏览器打开后呈现网页内容;

CSS知识

级联样式表(Cascading Style Sheet)简称“CSS”，通常又称为“风格样式表(Style Sheet)”，它是用来进行网页风格设计的。通过设立样式表，可以统一地控制HTML中各标志的显示属性。CSS可以使人更能有效地控制网页外观。使用CSS，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。

JavaScript等Web脚本知识

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，即Web脚本。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作;

ASP或PHP等Serv脚本知识

ASP是Active Server Page的缩写，意为“动态服务器页面”，是Serv脚本。

ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互。属于服务端语言;

PHP是英文超文本预处理语言Hypertext Preprocessor的缩写。PHP 是一种 HTML 内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，被广泛地运用;

方法/步骤

准备知识，包括学会使用各种前面提到的工具软件。

认真思考自己要做的.网站内容及用途来确定制作网页的风格。但总体网页设计要遵循一些必要的隐性要求：

1.简洁性：能让浏览者一目了然，不使浏览者感到繁琐并且无法找到其所需内容。

2.突出主题：一个没有主题的网页同样会使人失去浏览的兴趣。

3.实用性：一个网页即使漂亮倘若对浏览者一无所用也无法吸人眼球。有一句话说：只有被需求才能生存。

搜集资料，比如网页中可能要用到的图片，文字及其它内容。善于使用搜索引擎如百度，谷歌，来查询自己所需的资料。

善于使用网络上已有的信息及内容，比如一些开源的代码等。(网络是一个大杂烩，各种信息鱼目混珠，各色人物鱼龙混杂，要学会辨别。)

关注自己所制作网页的内容与社会时代的相符性，及时更新网页版面。

END

注意事项

本经验只是粗谈<网页制作>流程及所需工具及知识储备。要做网站的朋友请继续学习网站建设所需的知识，建设流程及注意事项。

以上就是如何制作网页设计流程，希望对大家有所帮助，谢谢阅读本篇文章!

五、如何进行网页制作

如何进行网页制作

1、确定网页的主体色调风格。我们制作自己的网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

2、规划网站的整体布局——导航、按钮、图片、文字的排版方式。做什么事都不能盲目地没有目的地进行，那样只能浪费时间浪费精力，在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。

3、准备和归类素材——图片、音频、视屏、文章等。制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。

4、打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。

5、建立自己的主页，按照之前的定的风格设计布局。不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。

6、制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

7、打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。

8、替换网页中的元素即可。选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。

9、按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时保存文件。