,此系列文件已到尽头,不再有「下一页」的内容。
制作步骤第一步: 网站策划 以前是没有网站策划这个职位的,但现在竞争越来越激烈,成功的网站必须有一个专职的网站策划,该职位大到负责设计网站的定位、盈利模式、内容架构,小到负责配色、字体、文案、广告图片,网站策划用 fireworks或 PS 画出页面效果图,将其转给美工与后台人员制作。
网站策划的人属于文科生,学经济管理类,同时懂 IT 技术,最好知道软件开发技术,知道用什么软件技术以实现更强大的网站功能。
第二步: 美工制作 主要用到 dreamweaver 软件,先用 IIS 创建本地服务器站点,一来能随时看到制作效果,二来动态网站所必须。
美工人员属于艺术类或 IT 类,不懂内容架构,只管配色与制作图片,他们将网站策划交过来的效果图作进一步修饰,然后将其切片,插入到 dreamweaver 中,生成 html 文件。
因为 dreamweaver 图片制作能力不强,制成的网页的不漂亮, 必须用 fireworks做好,然后切片插入,再用热区功能创建链接。
第三步: 后台制作 前台美工不懂编程知识,需要一个后台人员编程,网页上交互性较强的模块如 BBS、在线购物、留言板、用户中心、新闻系统都需要后台人员制作,要用到 asp、mysql、.NET 知识,比较特殊的网站系统如银行的内容通信系统、总分店的信息联接系统要用到高级编程,这时就不是一般网站后台人员能做到的了。
第四步: 上传到远程服务器 制作好的网站源代码分为网页(html、asp 后缀)、图片(gif、jpg后缀)、数据库类(mdb 后缀)文件,用 FTP 上传工具上传到远程服务器上,这称之为“上线”。
有关网站制作的几个误区: 1、非常复杂,html 太难了,要编出复杂的网页几乎不可能 很多人还以为网页是用记事本,然后一行一行编 html 代码得出来的,那是天大的误区!真正制作工具是用 dreamweaver 软件,可以一个代码也不用写,所有操作全部是可视化的,点击、拖放、插入、设置属性这就是dreamweaver 的基本动作。
教材上那些复杂的代码教学只是为了让你懂得其原理,而你制作网站时只管操作,无需知道原理!(注:会编写代码却不会操作 dw 也制作不出好的网页) 2、要懂得 aspjspcssdiv 知识,要先学它们 现实的网站制作中,根本不用 cssdiv 知识,相反,你会操作 dw 之后就很自然懂得上面那些知识,学习理论知识又难懂又复杂,而且一点价值也没有,抛掉教材,看 dw 操作视频教程,所谓 CSSDIV、
JSP 特效不过是dw 上面的一个属性设置按钮而已。
3、全部网页是在 dw 中进行的 dw 的作用一是生成网页,二是绑定数据库,三是精细修改代码,dw 可以设置颜色,但不能做图片,图片必须结合 fireworks,漂亮的网页都是 fireworks 先做好再切片插入,可不是在 dw 中设置出来的。
网页制作的一些术语万维网: 万维网的英文缩写是 WWW,是一个基于超级文本的信息查询工具。
超级文本: 超级文本与普通文本不同,它是一种使用用户于计算机之间进行交流的文本显示技术,通过对关键词或图片的索引链接,可以使这些带有链接的词语或图片指向相关的文件或者文本中的相关段落。
类似于普通书本中的目录,我们要看某一个章节,就要用手翻页到相关的页面,在这里,我们用鼠标点击相关的链接(相当于书本中的目录)就能打开相关的页面或内容。
通常当鼠标指针指向带有超级链接的时候,鼠标指针从原来的箭头形状变为“手”的形状,文本的下方也会出现下划线或者做出颜色的改变, 这是软件默认的超级文本的链接形式, 依据设计制作者的不同选择,会出现不同的显示。
浏览器: 浏览器是安装在电脑中(客户端)用来查看万维网中超级文本的一种工具(软件)每一个万维网的用户都要在电脑上安装浏览器来“阅读”网页中的信息,这是使用万维网的最基本的条件,就好像我们要用电视机来收看电视节目一样。
目前大家所用的 Windows 操作系统中已经内置了浏览器。
目前主流的浏览器主要分为两种: 1、微软公司开发的 Microsoft Internet Exploere 浏览器,简称 IE,目前最高版本是 6.0。
2、网景公司开发的 Netscape Navigator 浏览器。
这两个浏览器开发公司不同,但使用界面大致相同,他们占有了网络浏览器市场的绝大部分份额,还有一些其他公司的浏览器,因为其占有市场份额相对太小,这里不作介绍了。
需要提醒大家注意的是,尽管微软和网景浏览器界面大致相同,但是对于浏览使用了特效的同一个网页,显示的效果也可能不同,即便是同一个公司的不同版本的浏览器也有这样的状况。
因此我们在网页制作过程中应该考虑到浏览对象的不同而选择不同的制作方式。
例如如果我们的主页主要面对的对象是国内用户,而国内用户大多使用 Windows 自带的浏览器,我们就可以选择目标浏览器是 IE同时要兼顾一下还在使用 IE5.0 版本的用户;如果我们面对的对象是海外用户,而海外很多人习惯使用网景浏览器,我们就可以选择 Netscape 的浏览器。
FTP(文件传输协议): FTP 是文件传输协议的英文缩写,是快速、高效、可靠的信息传输方式。
这个协议能把文件从一台计算机传输到另外一台计算机中,而不必管这两台计算机位置在何处,也不用管这两台计算机使用什么操作系统和使用何种网络,只要它们都遵循 FTP 协议,并且能够通过网络互联。
由于 FTP 是一个交互式的会话系统,因此两台计算机可以作为一个客户端一个服务器端来看待,它们之间要建立双重连接,一个用于控制,一个用于数据传输。
这是制作网页所要使用的重要技术之一。
URL(统一资源定位器): URL 主要用于指明通信协议和地址,以获取网络的各种信息服务。
它包括: 通信协议:http、FTP、Telnrt、Mailto 等。
主机名:指服务器在网络中的 IP 地址或域名。
所要访问的文件的路径和文件名:主机名与文件夹(目录)及文件之间用“/”符号分隔。
我们在上面所说的浏览器的地址栏中输入的就是 URL。
IP 地址: IP 地址是分配给网络上计算机的一组由 32 位二进制数值组成编号, 来对网络中计算机进行标识,为了方便记忆地址,采用了十进制标记法,每个数值小于等于 225,数值中间用“.”隔开,一个 IP 地址相对一台计算机并且是唯一的,这里提醒大家注意的是所谓的唯一是指在某一时间内唯一, 如果我们使用动态 IP,那么每一次分配给我们的 IP 地址是不同的,这就是动态 IP,在我们使用网络的这一时段内,这个 IP 是唯一的指向我们正在使用的计算机的;另一种是静态 IP,它是固定讲这个 IP 地址分配给某计算机使用的。
网络中的服务器就是使用的静态 IP。
域名: IP 地址是一组数字,人们记忆起来不够方便,因此人们给每个计算机赋予了一个具有代表性的名字,这就是主机名,主机名由英文字母或数字组成将主机名和 IP 对应起来,这就是域名,方便了大家记忆。
域名和 IP 地址是可以交替使用的,但一般域名还是要通过转换成 IP 地址才能找到相应的主机,这就是我们上网的时候经常用到的 DNS 域名解析服务。
网页: 网页是万维网中的基本文档,它是用 HTML (超文本标识)或者其他语言(如 javaScript、VBScript、ASP、PHP、XML 等)编写而成的。
浏览器中所显示的就是网页,它可以包括文本、图像、表格、按钮、动画和文本框等内容。
在基础课中我们主要学习的是 HTML.严格的说 HTML 并不是语言,它只是提供一些能够让浏览器识别的标记,让浏览器按照设计者期待的形式表现出来。
通常所说的网页或者网站由一个或多个超文本组成,当我们进入网站第一个看到的网页就叫做首页或者主页(Homepage)网页的出色之处在于能够把超级链接嵌入网页中,然后通过超级链接指向其它的文本、多媒体文件、图像、程序、网页等。
静态网页: 静态网页是相对于动态网页而言的,并不是说网页中的元素都是静止不动的。
静态网页是指浏览器与服务器端不发生交互的网页,网页中的 GIF 动画,Flash,以及 Flash 按钮等都会发生变化,本教程就是静态网页。
静态网页的执行过程大致为: 浏览器向网络中的服务器发出请求,指向某个静态网页。
服务器接到请求后将传输给浏览器,此时传送的只是文本文件。
浏览器接到服务器传来的文件后解析 HTML 标签,将结果显示出来。
动态网页: 动态网页除了静态网页中的元素外,还包括一些应用程序,这些程序需要浏览器与服务器之间发生交互行为,而且应用程序的执行需要服务器中的应用程序服务器才能完成。
网上安家: 从狭义角度而言,相关网页的集合就是一个网站,从广义的角度来说,有了网页并不能称其为网站,网站必须有网址和服务器,浏览者可以通过 URL 访问到其中的网页。
建设网站的第一步是完成所有的网页,当第一步完成之后,就要把这些网页放到服务器上,以便让用户浏览。
建站一般可以有以下三个途径完成: 1、实体主机——自己购置的服务器主机,然后申请网络专线、静态 IP 和域名价格比较昂贵。
不是一般个人用户的选择。
2、主机托管——自行购置的服务器主机,然后将其托管在网络服务商那里,网络和 IP以及日常维护都由网络服务商提供,一般适用于企业用户。
值得一提的是主机托管是大家所熟识的著名网站网易创建初期所创建的模式。
3、虚拟主机——租用网络服务商的主机的硬盘空间,虽然租用的是硬盘一定的空间,但服务商通过一定的技术手段,使得用户感觉到仍然是在使用一个专用的主机一样,因此叫做虚拟主机。
虚拟主机的用费最低,甚至还有提供免费空间的网站,大多小型企业和个人用户都是选择的这种方案。
上一篇:
常见电脑文件扩展名对应文件格式查询_文件格式后缀__文件扩展名
下一篇:
关于广告设计人才培养模式研究