、等。
此外,还应该了解:
1.了解网络的基础常识和术语
要做一个网站,首先就是要弄清楚与之有关的专业术语,比如HTML,也许你经常听人说到或者在网络中看到它,但是很多人都难以说出它具体的名称和含义。
这些术语包括:
HTML(HyperTextMarkupLanguage)
用来描述网页(Webpage)字型、大小、颜色及网页如何排列的语言。
浏览器(Browser)通过网络读取网页后,解释网页中的标注(tag),然后产生网页画面。
但是HTML不能产生动态效果和精确定位,在此基础上发展的动态网页(DHTML)可解决一部分问题。
HTTP(HyperTextTransferProtocol)
用来传输网页(Webpage)的通讯协议,它规定浏览器如何通过网络传送要求给WWW服务器,以及服务器如何响应要求传回网页。
FTP(FileTransferProtocol)
一种文件传输协议,它定义如何通过TCP/IP查询提供FTP服务的主机及传送文件的方式。
FTP主要功能就上上传、下载文件,查询文件目录,更改文件名称及删除文件等,一般要根据使用者的权限来决定是否能够在特定目录下执行特定的功能。
FTP主机通常提供匿名使用者登录的方式。
HOST
主机。
一台连上网络的计算机,至少要有一个IP地址。
我们经常说道的WEB服务器就是一台HOST。
TCP/IP中主要的传输控制协议。
TCP负责建立连捃导向(Connection-oriented)的通讯,就是在传送资料前,TCP会建立一个有效的连接,并使用错误检查等方式确保资料能够正确无误地传送。
如果发生错误码,TCP会自动尝试重传达室资料。
TCP事实上使用IP来建立连接,并用IP作为两台主面(HostT)之间传送资料的确认凭据。
IP(internetprotocal)
TCP/IP通讯协议中的基本通讯协议。
IP使用的目的是对每一个网络及每一台主机给予一个ID,合并称为IPAddress用以在这种戊业术语还很多,就不在此详细讨论,以后在实践的过程中,多学多问,就能掌握这些基本的网络知识。
另外还有一些网络上约定俗成的东西,比如网站首页的文伯名一般都是index,html,index,htm,index,asp等,一般服务器都默认这些文件作为网站首页,当有请求的时候,服务器自动搜索这样的文件。
1.了解WEB服务器的运作方式
WEB服务器是放在网络中某人节点上的计算机,装有某种服务系统,拥有独立的IP地址。
当有人访问某人放在服务器上的网站时,先通过域名解析,找到它的IP地址,然后到达这个IP地址和计算机,发出请求。
服务必器分析请求并作出响应,发送反馈到发出请求的计算机,并通过浏览器翻译、解释各种标识,最后表现为各种文字、图像、声音等的组合,也就是我们所看到的页面。
而管理者呢,则通过FTP来匀理服务器,上传达室、下载文件,删除、修改文件,让浏览者看到网站更新的内容。
3、会使用一种可视化的网页编辑软件
如今有名目繁多的网页编辑软件可供选择,无论是界面、功能、易用性、都是一个赛过一个,这与用手工编写HTML代码来制作网页比较起来可是简单、直观了很多,你甚至可以不懂HTML就能做出一个漂亮的网页来。
一款好用的编辑软件可以让你更多地体会网页设计的乐趣。
4、能识别简单的HTML源代码
如果你只是做一些简单的、初级的页面,这也许显得并不是那么必要。
但是对于一个专业的网页设计者来说,却是非常重要的。
有人会说,可以使用网页编辑软件啊,但是无论什么样的编辑软件者有它的局限性,它并不能完全准确地瓜设计者的意图,有时间时候你想它这样,它偏会那样。
在网页编辑过程中,经常出现一些在编辑界面中无法解决的问题,这个时候如果会识别HTML语言,就能够通过查看源代码来查出毛病、解决问题。
另外这些网页编辑软件会产生很多废代码,须要手动来删除。
据说,很多高级的网页设计师,都是自己编写HTML。
笔者也曾有过这样的经历,但自认为没有达到这种专业水准。
各种网页编辑软件的出现,让大家可以选择一种更轻松的方式,不过我深深体会到懂HTML语言给我的帮助和带来的好处。
5、会使用一种上传工具软件
做好的页面要让大家在网络上看到,就要先把网页放到Web服务器上去。
实现的途径就是通过FTP上传软件把本地的文件传给服务器。
这是你与服务器建立联系的方式,你可以通过上传软件来管理服务器上的文件。
6、掌握一种平面图形处理工具
图片是让你的页面优美动人的法宝,往往是一张别具匠心的图片,起到画龙点睛的作用,像人穿的衣服一样,是装点门面的东西。
图片也能反映一个网站的形象和品味,气质越好,越能吸引人,给浏览者留下深刻的印象。
7、掌握一种动画图片生成工具
有了图片固然是美了一把,如果能让图片动起来,那就更别有一番风味了。
大家都体会过动画图片所带来的冲击效果和愉悦感,网站中的动画图片早就不是什么时髦的东西了。
8、了解CSS
CSS(CascadingStyleSheet)层叠样式表,是用来对Web页面进行排版的样式。
它利用一些模板,控制HTML标识,可以设定字体的大小、字型、文字样式、行高度、文本颜色、粗细、是否加下划线或中间横线、边缘距离、居左右或中间、缩排、背景图片等,来达到一些特殊的效果,被普遍用于网页设计中。
它是一种流行的趋势。
使用这些样式,还可以省去一些图片,减小了文件的体积。
更方便的是,你可以把HTML页面和样式(StyleSheets)分开成两个文件,使用Linking的排版方式,让样式表独立于网页之外,维护起来非常方便。
你可以经常换换样式,换换心情。
第四章软件介绍
Dreamweaver4.0简介
简要来说,Dreamweaver4.0有以下几个特:
1)良好的用户界面:
启动Dreamweaver3.0的界面如下图所示:
可以看到用户界面除了主菜单栏和一个状态栏外,其余全部是给用户制作网页的工作区域。
Dreamweaver4.0有三块浮动面板,分别是:
对象面板、属性面板、快速启动栏。
除了主菜单的功能以外,其它的菜单功能全部都集成在这三块浮动面板上。
其中支象面板集成了图形、表格、表单等,可以方便地插入它们;属性面板是一块动态面板,上面的属性将随着所选择的对象而变化;快速启动栏上集成了站点管理、样式表、时间线等。
2)框架、表格、表单操作简便。
3)支持DynamicHtml效果:
Dreqmweaver4.0内有一个JvavScript脚本(程序)库,再配合Dreamweaver4.0的事件处理(Bchavior)功能,那您不用编写JavaScript脚本,就能轻松制作出各种动态的HTML页面。
4)动画制作方便:
这是由时间线(Timeline)来完成的。
5)站点管理功能强大:
不但能对本地(Local)站点进行全面的管理,如:
添加、删除,同时还能对远程服务器站点文件进行管理,完成上传、下载功能。
6)使用插件增加功能:
插件是Dreamwraver4.0中最精华的一个部分了。
您可经安装各种插件来增加自己的Dreamwraver4.0功能。
每个插件都有自己独特的功能,用来完成一个平时做起来较复杂的效果。
现在,在Internet上,您可以找到很多Dreamweaver4.0的插件。
Photoshop7.0介绍
Photoshop是在职1980年,Michigan在学的研究生ThomasKnoll创建的的现在已经是进行图像处理的应用最广泛、功能最强大的计算机软件。
Adobe公司的Photoshop7.0是目前被广泛使用的、深受大平面设计人员和广告设计人员及网页制人员喜爱的图像处理软件。
在我的设计过程中对于图片处理的部分都采用此软件进行处理。
Access介绍
Access是美国Microsoft公司推出的小型桌面版数据库,版本不断完善现在最高版是2002从97开始一直在Office中同时发行,其特点是简单易学不必作专业的培训就可以使用,有大型数据库所有的各种数据类型,所以和许多的大型数据库可以自由导入和导出。
同时可以用内嵌的VB角本对它编一些简单的程序以实现更大的功能。
ASP的介绍
一种比较新出现的动态技术是ASP(ActiveServerPages动态服务器网页)。
ASP由MicroSoft公司开发的新技术,可以应用在WINNT平台上,
优点如下;
1)工具完善,简单易学。
2)运行效率高。
3)将程序文件和HTML文本集成于ASP
4)多线程的工作方式。
5)提供ODBC接口,
6)支持ActiveX组件对象模式。
第五章制作网站步骤
1.创意收集
我是为哈尔滨市迅达通迅技术开发有限责任制作的商业网站,主要目的是介绍公司情况,推广公司的所有产品,以及公司提供的所有技术服务,还有外界与本公司的联系情况。
2.收集资料
迅达公司提供很多服务项目,产品主要有高效编码器、低效编码器、大众工控系列产品和ISDN、VPON等,以及出售北京京联特公司的防火增设备,主要有网络版、服务器版、个人电脑版、网络净化器等等。
迅达公司还提供硬件安装、软件编程、传呼设备等。
3.创意过程
首先,我收集了公司介绍情况,即公司简介,我把它放到“关于迅达”中,本公司的产品很多,我大致把它分成“硬件产品”和“软件产品”两部分。
再把本公司提供的服务例如传呼设备,安装PC机、软件编程等等划分到“技术服务”中,我想每一个公司
都有它的成功范例,于是我就又加了一项称为“典型范例”,最后,我为公司与外界建立了联系,即加了“联系迅达”和“留言板”两项。
4.选择工具
有了制作网页的一些基础知识,并申请了主页空间,接着和就要选择一个制作主页的工具了。
Dreamweave、Flash、Frontpage是可视化的网页制作工具,有了可视化的网页设计工具,设计网页变得轻自如,我甚至可以“记不住”HTML语言标识属性,我要做的就是:
选择、输入,按下鼠标按钮“,所见即所得,在制作的时候就可清楚地知道在浏览器的显示结果。
下面介绍一下我在本网页制作中用到的几种软件:
Dreamweave4.0、Flash5.0、Animater4.0
5.主页制作过程
初步制作
首先我在硬盘中专门建立一个目录(我起名为a)存放我的站点dddd中,这样便于以后的管理。
在a文件夹中再建一文件夹起名images,网页中用到的所有图片存放a\images文件夹中,以便管理。
具体制作
本页中包含了迅达公司的所有信息、资料,除徽标和横幅以外,我把本页整体分为三部分,左边主要是产品有关信息,右边是公司新闻与其它重要网站的链接,中间部分是主页的重点部分,我把公司产要出售的产品信息放在中间,其界面如下:
代码在这里就不再赘述。
留言板
通过ASP和本地Access来实现留言板的功能。
首先要建立数据库,制作一表,lyb.mdb字段名分别是姓名、留言、日期,然后,将lyb.mdb存放到网页的本地目录里,则可通过ASP连接数据库且执行数据库。
主要通过以下代码实现:
Setconn=Server.CreateObject("ADODB.Connection")//建立一个连接对象
DbPath=SERVER.MapPath("sl.mdb")//找到文件数据库的绝对路径
conn.open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&DbPath//打开数据库Access的驱动器
实现留言板需3个ASP文件,LYB.ASPNEWLY.ASPLYBWH.ASP
LYB.ASP只是一个界面如下:
界面介绍:
分成三部分:
上面用来显示过去留言,中间用来录入新留言,下面留言板维护,由具有权限的系统管理员执行。
其中录入新留言是通过NEWLY.ASP来实现,其代码入下:
画横线代表实现“提交”功能。
<%
Setobjconn=Server.CreateObject("ADODB.Connection")
DbPath=SERVER.MapPath("sl.mdb")
objconn.open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&DbPath
xm=Request("xm")
nr=Request("nr")
Ifnr=""Orxm=""Then
OutputMsg="栏位空白,不能接受!
"
Else
strquery="insertintolyb(xm,ly,lyrq)values('"
strquery=strquery&xm
strquery=strquery&"','"&nr
strquery=strquery&"','"&date()
strquery=strquery&"')"
SetrsDetail=objconn.Execute(strquery)
strquery="deletefromlybwherelyrqsetrs=objconn.execute(strquery)
OutputMsg="您的留言已加入留言板中!
"
EndIf
%>
<%=OutputMsg%>
请注意!
如果返回留言板画面看不到您的留言.
请按下浏览器的“刷新”按钮!