网页网站建设与网页制作基础入门教程
网站建设与网页制作基础入门教程
网站Web Site是一个比较抽象的概念随着互联网的快速发展 网站建设就如建房子一样已经越来越多。但是要建设一个新型的网站确实需要懂得一些网站建设与网页制作基础入门知识以下介绍网页制作与网站建议过程中的基础知识与使用方法。
一、注册域名
域名网站地址是由一些字母或者汉字加入“域”的代号com、 cn、 edu、net„„用小数点隔开所组成网站独一无二的标志域名的组成域名有英文域名也有中文域名例如百度域名为http://www.bai du.com而中文域名很多都不用www例如本人的网站h t t p://设计家园.c om就没有www域名中"http://"是域名的协议或称服务方式第二部分就是网站地址也有使用IP地址如百度网的主机地址为www.ba i du.com而中文域名的主机地址如设计家园.com) 也有使用IP地址作为主机名例如清华大学Web主机的IP地址是“166. 111.4. 100” 这四个数字组合起来就是IP地址除了可以用域名地址搜索网站还可以用IP地址来搜索打开网站的网页例如在浏览器的地址栏输入http://166. 111.4. 100(有时也加入端口号如果端口号为80可以忽略就可以直接访问清华大学的网站。
二、租用网站空间
域名就如一个刚刚出生的婴儿要让婴儿在社会中成长还需要有立身之地网站空间就是域名立身之地。只有租用网站空间才可以把文件存放到网站让别人浏览到网页当前很多新开网站特别是个人的小型网站租用的都是虚拟主机空间虚拟主机空间虽然是很多人共同租用一个空间但在管理上不用自己来维护并且价格比网站空间便宜很多。对开个人网站来说租用中国大陆空间一般都需要申请备案队了时间要求半个月以上才能使用虚拟主机空间而能备案基本都是公司或者单位集体开办的网站因此很多个人网站租用的都是香港空间或者国外的空间这些外地的空间不用备案 只要到有空间租用的网站如中国E动网 申请空间就能马上按域名、空间地址IP地址来建设网站。
三、下载软件
要建设网站在注册域名、租用空间之后在制作网页之前首先就得下载一些网站建设的基本软件例如下载安装IIS、下载Dreamweaver CS4、Flash CS4、AdobePhotoshop CS4、 Fireworks CS4等等一些网页制作软件还有FileZillaFTP Client、 Genetal FTP Sites等等一些网页上传软件如果使用PHP文件格式制作网页还要下载apache、 appserv、 mysql、 phpmyadmin等等一些软件建设数据库从而可以上传动态网页使用PHP制作网页但如果一个个软件下载很难达到互相补充与配合经过网上搜索我发现了一套比较配套的软件PHPnow这套软件是Win32下绿色免费的Apache + PHP + MySQL环境套件包。简易安装、快速搭建支持虚拟主机的PHP环境。附带PnCp.cmd控制面板帮助你快速配置你的套件使用非常方便下载安装后就可以直接运行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服务器和SMTP服务器分别用于网页浏览、文件传输、新闻服务和邮件发送等方面安装好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的文件夹都会逐步进入安装程序而安装过程中会出现安装I IS6.CAB这个压缩软件安装过程中连续点击这个压缩软件就逐步安装成功。
五、设置Web服务器
安装好IIS之后就可以在自己电脑中设置Web服务器打开电脑的“控制面板”菜单项就能看到安装IIS成功后的“Internet信息服务“选项双击“Internet信息服务“图标就会打开设置服务器的窗口单击窗口左侧SL2010
本地计算机前面的按钮就能展开安装选项。
六、设置本地站点
下载好Dreamweaver CS4 简称DW4说到这个DW4许多新开网站的人都会提出同一问题“为什么不安装DW5” 其实DW5的使用编程的基本都是源代码而对于初学网站建设的来说可能一时之间难懂得直接编写源代码来制作网页还是使用DW4为好可以编写文本然后让DW直接改成源码这样在源码中可以按自己的要求再作修改。
安装好DW4编写程序之前为了利于存入网页的文本还是得创建本地站点也可以同步创建远程文件夹启动DW4选择“站点”一栏点击“新建站点” 在命名站点之后设置“本地站点” 就是本地文件夹例如本人要存放文件在
G:\wwwroot\文件夹而图片就存放G:\p i cture HTTP地址就是本地文件http://localhost/wwwroot/ 图 片 本 地 文 件 夹 为http://localhost/picture/远程文件夹的主页文件直接放在网站的子目录
其它网页的文件直接用wwwr o o t文件夹的全部文件一次性直接上传图片文件夹的图片也是一样直接一次性全部上传这样就能连接站点文件与远程站点。
七、合理搭配路径
路径分为绝对路径与相对路径对于网站建设来说如果要公开让每一个人浏览到网页内容还是要使用相对路径为好而相对应该要设置得完美。路径与文件夹的设置有很大的关联例如本人在本地站点的网页存入与图片存入分别设置了上面介绍的两个文件夹在wwwroo t文件中使用p i c tur e中图片的时候就可以使用同目录的路径编程例如本人网站主页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"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/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来制作网页可以不用自己来编写源码而在网页制作页面使用方格、层等等一些布局程序来直接制作网页。对于图片之类的编辑可以使用AdobePhotoshop CS4或者Fireworks CS4来布局设置。
九、上传网页文件
上传网页文件是网站建设能否在网站前台看到网页的最后一步本人使用过FileZilla FTP Client、 Genetal FTP Sites这些上传工具都能成功上传网页文件这里可以使用网站域名、 IP地址来上传而用户名在租用虚拟主机空间
时他们的网站会直接看到密码也是虚拟空间中自己设置的密码。传输类型最好设置为二进制而文件上传成功在网页中又能看到还有很关键的一个操作要点就是本地文件夹与远程文件一定要对应。很多网页中都会加入一些图片而在上传网页文件过程中最好先上传图片所在的文件夹文件。再上传制作好的网页文件。
十、 网站的推广
要想提高网站的知名度与访问量就要通过各种有效的手段对网站进行宣传的推广这也是网站建好之后需要做的一项重要工作。而登录到搜索引擎是一种非常方便的宣传网站方法也是非常成熟的一种电子商务营销手段。提供网站免费登录服务的搜索引擎主要包括以下几种
1、百度ht tp://www.ba i du.com/
在 百 度 上 登 录 网 站 的 提 交 地 址 是 http://www.baidu.com/search/url_submit.html。
2、搜狗http://www. sogou.com/
在 搜 狗 上 登 录 网 站 的 提 交 地 址 是 http://www. sogou.com/feedback/urlfeedback.php。
除了登录搜索引擎之外利用网络宣传和推广网站的方法也有很多。
3、友情链接
可以与一些点击率比较高的网站交换友情链接。友情链接可以是文字链接也可以是图片链接。文字链接通常就是公司的名字 图片链接主要包括Logo链接和Banner链接两种如果空间允许则应该尽量使用图片链接并且最好将图片制作成GIF格式或者Flash动画格式从而可以进一步加深客户的印象。
4、论坛宣传
通过论坛来宣传自己的网站也是非常好的方式。可以挑选人气比较高或者有
潜在客户的论坛进行注册在头像或者签名中可以加入网站的介绍与链接。
5、 网络广告
最常见的网络广告一般就是GIF格式的图片或者Flash动画的形式当然也有其它的形式例如单纯的文字。广告的标题做得越生动就越具有吸引力被点击的机率也能越高。
.
- 网页网站建设与网页制作基础入门教程相关文档
- 网站怎么学习建设网站-(入门篇)
- 中小企业中小企业入门级网站建设方案
- 报纸网站建设入门例子 -- 猴子买报的故事
- 网站建设入门网站建设的基础？
- 网站建设入门网站制作入门…
- 网站建设入门网站建设入门
SoftShellWeb：台湾(台北)VPS年付49美元起,荷兰VPS年付24美元起
SoftShellWeb是一家2019年成立的国外主机商，商家在英格兰注册，提供的产品包括虚拟主机和VPS，其中VPS基于KVM架构，采用SSD硬盘，提供IPv4+IPv6，可选美国(圣何塞)、荷兰(阿姆斯特丹)和台湾(台北)等机房。商家近期推出台湾和荷兰年付特价VPS主机，其中台湾VPS最低年付49美元，荷兰VPS年付24美元起。台湾VPSCPU：1core内存：2GB硬盘：20GB SSD流量...
数脉科技香港自营，10Mbps CN2物理机420元/月
数脉科技怎么样？数脉科技品牌创办于2019，由一家从2012年开始从事idc行业的商家创办，目前主营产品是香港服务器，线路有阿里云线路和自营CN2线路，均为中国大陆直连带宽，适合建站及运行各种负载较高的项目，同时支持人民币、台币、美元等结算，提供支付宝、微信、PayPal付款方式。本次数脉科技给发来了新的7月促销活动，CN2+BGP线路的香港服务器，带宽10m起，配置E3-16G-30M-3IP，...
ProfitServer$34.56/年，5折限时促销/可选西班牙vps、荷兰vps、德国vps/不限制流量/支持自定义ISO
ProfitServer怎么样？ProfitServer好不好。ProfitServer是一家成立于2003的主机商家，是ITC控股的一个部门，主要经营的产品域名、SSL证书、虚拟主机、VPS和独立服务器，机房有俄罗斯、新加坡、荷兰、美国、保加利亚，VPS采用的是KVM虚拟架构，硬盘采用纯SSD，而且最大的优势是不限制流量，大公司运营，机器比较稳定，数据中心众多。此次ProfitServer正在对...
-
University163支持ipad支持ipadtracerouteTRACEROUTE的作用是什么ipad连不上wifiiPad mini WiFi开关成灰色无法连接，怎么办勒索病毒win7补丁求问win7 64位旗舰版怎么预防勒索病毒x-routerX-TRAlL是什么意思谷歌sb为什么搜索SB第一个是google？win7勒索病毒补丁我的电脑是windows7系统，为什么打不了针对勒索病毒的补丁（杀毒软件显googleadsensegoogle adsense 和google adwords有什么区别？适合什么样的人群？