网站建设与网页制作基础入门教程
网站建设与网页制作基础入门教程
    网站（Web Site）是一个比较抽象的概念，随着互联网的快速发展，网站建设就如建房子一样，已经越来越多。但是，要建设一个新型的网站，确实需要懂得一些网站建设与网页制作基础入门知识，以下介绍网页制作与网站建议过程中的基础知识与使用方法。
    一、注册域名
    域名（网站地址）是由一些字母或者汉字加入“域”的代号（com、cn、edu、net……）用小数点隔开所组成网站独一无二的标志，域名的组成，域名有英文域名，也有中文域名，例如百度域名为（www.baidu），而中文域名很多都不用www，例如本人的网站（设计家园）就没有www，域名中""是域名的协议（或称服务方式）；第二部分就是网站地址（也有使用IP地址），如百度网的主机地址为（www.baidu），而中文域名的主机地址如（设计家园)，也有使用IP地址作为主机名，例如清华大学Web主机的IP怎么制作空间地址是“166.111.4.100”，这四个数字组合起来就是IP地址，除了可以用域名地址搜索网站，还可以用IP地址来搜索打开网站的网页，例如在浏览器的地址栏输入 166.111.4.100(有时也加入端口号，如果端口号为80可以忽略），就
可以直接访问清华大学的网站。
    二、租用网站空间
    域名就如一个刚刚出生的婴儿，要让婴儿在社会中成长，还需要有立身之地，网站空间就是域名立身之地。只有租用网站空间才可以把文件存放到网站让别人浏览到网页，当前很多新开网站，特别是个人的小型网站租用的都是虚拟主机空间，虚拟主机空间虽然是很多人共同租用一个空间，但在管理上不用自己来维护，并且价格比网站空间便宜很多。对开个人网站来说，租用中国大陆空间，一般都需要申请备案，队了时间要求半个月以上才能使用虚拟主机空间，而能备案基本都是公司或者单位集体开办的网站，因此很多个人网站租用的都是香港空间或者国外的空间，这些外地的空间不用备案，只要到有空间租用的网站（如中国E动网）申请空间，就能马上按域名、空间地址（IP地址）来建设网站。
    三、下载软件
    要建设网站，在注册域名、租用空间之后，在制作网页之前，首先就得下载一些网站建设的基本软件，例如下载安装IIS、下载Dreamweaver CS4、Flash CS4、Adobe Photosh
op  CS4、Fireworks CS4等等一些网页制作软件，还有FileZilla FTP Client、Genetal FTP Sites等等一些网页上传软件，如果使用PHP文件格式制作网页，还要下载apache、appserv、mysql、phpmyadmin等等一些软件建设数据库，从而可以上传动态网页，使用PHP制作网页，但如果一个个软件下载，很难达到互相补充与配合，经过网上搜索，我发现了一套比较配套的软件PHPnow，这套软件是Win32下绿免费的Apache + PHP + MySQL 环境套件包。简易安装、快速搭建支持虚拟主机的 PHP 环境。附带 d控制面板，帮助你快速配置你的套件，使用非常方便，下载安装后就可以直接运行PHP与数据库。这套软件就包括了Apache-2.0.63 / 2.2.16、PHP-5.2.14、MySQL -5.1.50、Zend Optimizer-3.3.3、phpMyAdmin-3.3.7、 eAccelerator 0.9.6-1这些软件。
    四、安装IIS
    IIS，互联网信息服务，为英文名Internet Information Services的缩写，是由微软公司提供的基于运行Microsoft Windows的互联网基本服务。最初是Windows NT版本的可选包，随后内置在Windows 2000、Windows XP Professional和Windows Server 2003一起发行。是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和S
MTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，安装好IIS，才能让自己制作的网页在网络（包括互联网和局域网）上发布。下载好IIS软件再解压，把IIS文件专门放到自己电脑设立的文件夹。
    如何安装IIS呢！因为IIS7.0的安装比较困难，与电脑的安装系统有很多的关联，有些人使用光盘安装IIS，如果懂得基本的操作要点，可以直接免费在自己的电脑中安装IIS。本人下载IIS5.0、IIS6.0再解压文件存放到盘“iis”文件夹，然后再进入安装IIS操作步骤，安装过程中，在“我的电脑“”点击“控制面板”，依次选“添加/删除程序→添加/删除Windows组件”（左边），单击添加/删除Windows组件”就能打开安装IIS的网页，在这个网页中可以看到“Windows安装组件”，这里可以看到Internet信息服务（IIS）前面的方格为空格，而要安装IIS，首先就得在空格内打勾，然后点击“下一步“就进入安装程序页面，这一步是最艰难的，安装中会提示插入光盘的要求。如果不想用光盘又可以安装IIS，本人对此程序摸索了三天时间，最终发现了一个操作步骤，就是点击安装过程中，不用理会这个插入光盘一项，在“文件复制来源（C）”下面的浏览一项就打开下载存放IIS5.0存放的文件夹“iis”，然后就会进入安装程序，而安装中都会出现要求插入光盘的要求，还是不用理会，不管出现什么提示，主要在“浏览”一项中点击存放IIS5.0的文件夹，都会逐步进入安装程序，而安装过
程中会出现安装IIS6.CAB这个压缩软件，安装过程中连续点击这个压缩软件就逐步安装成功。
    五、设置Web服务器
    安装好IIS之后，就可以在自己电脑中设置Web服务器，打开电脑的“控制面板”菜单项，就能看到安装IIS成功后的“Internet信息服务“选项，双击“Internet信息服务“图标，就会打开设置服务器的窗口，单击窗口左侧SL2010（本地计算机）前面的按钮，就能展开安装选项。
    六、设置本地站点
    下载好Dreamweaver CS4（简称DW4），说到这个DW4，许多新开网站的人都会提出同一问题“为什么不安装DW5”，其实DW5的使用编程的基本都是源代码，而对于初学网站建设的来说，可能一时之间难懂得直接编写源代码来制作网页，还是使用DW4为好，可以编写文本，然后让DW直接改成源码，这样在源码中可以按自己的要求再作修改。
    安装好DW4编写程序之前，为了利于存入网页的文本，还是得创建本地站点，也可以同
步创建远程文件夹，启动DW4，选择“站点”一栏，点击“新建站点” ，在命名站点之后，设置“本地站点”，就是本地文件夹，例如本人要存放文件在G:\wwwroot\文件夹，而图片就存放G:\picture，HTTP地址就是本地文件 localhost/wwwroot/ ，图片本地文件夹为localhost/picture/，远程文件夹的主页文件直接放在网站的子目录，其它网页的文件直接用wwwroot文件夹的全部文件一次性直接上传，图片文件夹的图片也是一样直接一次性全部上传，这样就能连接站点文件与远程站点。
    七、合理搭配路径
    路径分为绝对路径与相对路径，对于网站建设来说，如果要公开让每一个人浏览到网页内容，还是要使用相对路径为好，而相对应该要设置得完美。路径与文件夹的设置有很大的关联，例如本人在本地站点的网页存入与图片存入分别设置了上面介绍的两个文件夹，在wwwroot文件中使用picture中图片的时候，就可以使用同目录的路径编程，例如本人网站主页index.htm要引用picutuer文件夹下dttp文件夹的9201.jpg图片，在index.htm网页插入图片9201.jpg图片时，就可以用相对路径../../../picutuer/dttp/9201.jpg，而index.htm网页使用下级目录s01文件夹的s01.html，内链接的路径文件可以编写为/s01/s01.html，如果在
s01.html中链接主页index.htm，这里的路径就是../index.htm，如果在s01下文件夹rensheng中的sa01.html，这个sa01.html设置首页的链接就要写成../../index.htm，在路径的设置中前面不用带网站的域名，要不然在浏览器打开网页时会重复出现网站域名。
    八、网页制作
    网页是构成网站的基本元素，是承载各种网站应用的平台。网页的组成元素基本是由文字、图片、声音、视频、表格、表单和层组成。网页分为静态网页、动态网页，对新建设网站的人来说，经常都是制作静态网页（HTML）格式，虽然在网站管理上比动态网页难很多，但静态网页比较容易制作，因此新建网站最好还是制作静态网页。
    安装好DW4之后，可以用表格编程、层编程，为了能编制出一个好的网页，最好还是统合使用HTML、CSS来编制，具体的程序不是两三句就能介绍出来，以后还是在本人网站的“网页制作”、“网站建设”两个专栏再另外编写教程。而想编制出好的网页，首先就得了解网页制作的基本源代码，下面列举最基本的源代码：
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    </body>
    </html>
    这些网页制作的源代码中，前面两行是制作网页最基本的源码，而第四行的<head>与后面的</head>之间的第四至第七行源码就是网页的标题区，<html>至</html>之间的源码就是整个网页文件的起始与终止区域，即全身区域，而<body>至</body>之间的源码就是网
页的主体，这里的<title>无标题文档</title>中间的'无标题文档“可以按自己制作网页的标题来改写，就如这篇教程的主题为“网站建设的基本入门教程”，这里的“无标题文档”就可以改成“网站建设的基本入门教程”。而<body>至</body>之间的源码就是上面教程的所有文字，如果使用DW4来制作网页，可以不用自己来编写源码，而在网页制作页面使用方格、层等等一些布局程序来直接制作网页。对于图片之类的编辑，可以使用Adobe Photoshop  CS4或者Fireworks CS4来布局设置。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。