个人网页制作

个人网页制作

前台工程师的任务
网站制作属于前台工程师的一项任务,前台工程师任务包括:网站设计、网站用户体验、网站JAVA效果、网站制作等工作。网站制作是策划师、网络程序员、网页设计等岗位,应用各种网络程序开发技术和网页设计技术,为企事业单位、公司或个人在全球互联网上建设站点,并包含域名注册和主机托管等服务的总称。[1]
    中文名:个人网页制作 外文名: 适用领域:IT 所属学科: 准备材料:做一个小计划 开始制作:用Netscape4.0或者WORD7.0, 设计步骤:网站主题等

建站步骤

准备材料

你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:html),来放你的所有文件,然后再在这个目录建立三个子目录:myself,interest,job。文件名你可以任意,但最好全部小写,因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照,那就将你的照片扫描成JPG格式的文件,放在myself的目录下.

要注意,网上只能使用JPG和GIF两种图像格式,其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图像软件进行转换,比如Office 97的照片编辑器。把你准备在你主页上出现的图像放进相应的目录里后,你就可以开始制作了。

开始制作

你无须去记复杂的HTML(标准通用标记语言下的一个应用)语言,你可以用Netscape4.0或者WORD7.0,我开始用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页,你先写上“大家好,我是superboy,下面是我的照片:”这时要放图片了,只须点击Insert菜单,选取Image,在Choosefile里选取你的图像文件即可。

然后把这个文件保存为myself.html文件,放在myself的目录下。好,必须做封面了,你在封面写:“欢迎来到superboy的主页”以下是“自我介绍,我的爱好,我的工作”。

你的自我介绍要链接到下一页去,你只须用鼠标选“自我介绍”后按鼠标右键,再选create link,然后再选你myself目录下的myself.html,就将“自我介绍”链接到下一页了,以后在浏览器中一按,就可以跳到镶有你靓照的页面啦。

在你的封面做好了所有链接和图片后,记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单,只要多实际制作,工多艺熟。还可以拿来主义,在网上看到什么好的主页,用另存为功能保存为.html格式的文件,细细研究人家是如何做的。还可以借用网页模版来搞

网上安家

要在网上安你自己的家,你必须先申请一个主页空间,即向某一个主机申请一块硬盘空间。有较多的主机提供免费主页空间,具体见实用链接栏目。这些主机不仅提供免费个人主页空间,并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可,具体方法,参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了!

需要注意的是,一定要保持网页的相对位置,否则会看不到网页的,有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢?其实他们都是因为位置的问题,只要把位置改动一下就可以的了。

设计层面

由于所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。

网站主题

网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

搜集材料

明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

规划网站

一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。

除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool3d、GifAnimator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。

制作网页

材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。

上传测试

网页制作完成后,最后要发布到Web服务器上,才能够让全世界的朋友观看,上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。

推广宣传

网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

维护更新

网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者。

制作工具

制作网页主要有以下一些工具

Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。

Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具,javascript、java编辑器等。

网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。

大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。

Dreameaver

主要的使用工具有:Dreanweaver、javascript、IIS和Access.而在此次设计中主要用到Dreameaver设置首页,编辑功能,排版功能,设计模版功能,插入文本包括插入文本元素插入图像和图文混排和外部图像的编辑等功能。关于Dreameaver的插入FLASH功能我用的比较少,在首页里我插入了一副FLASH,主要是它的功能我还不是很了解,我相信我以后会更好的使用它。

IIS

第二个主要工具就是IIS。系统不会默认安装IIS,但是我们可以通过"控制面板"中的"添加/删除程序"对话框添加。安装IIS应通过使用控制面板的"添加/删除程序"对话框,可以安装IIS、添加可选组件或者删除可选组件来实现。安装时,IIS安装诸如通用文件、文档以及Internet信息服务管理单元等可选组件。您可以选择不安装可选组件,但是如果不选择某些组件,可能会降低IIS功能或禁用IIS服务。如果您不熟悉可选组件以及这些组件如何影响IIS,请使用默认设置安装IIS。

安装结束后,可以阅读IIS联机文档中的"安装IIS可选组件",以便获取更多信息。如果在安装了IIS后如果Web浏览器返回"找不到服务器"错误或"无法显示该页"错误,则你可以使用命令进行测试:名称解析服务器将IIS Web服务器的名称解析为其IP地址,服务器响应远程计算机的网络请求。

数据库ACCESS

第三个主要的工具是数据库ACCESS,我们主要是用它来做一个数据库,然后在数据库里面建一个表,这样我们做的数据库才能显示出来。要使用数据库,我们也要像IIS那样先安装它,这个的安装很简单,和我们的WORD安装一样,我就不在详细说明里。

javascript是一种基于对像的脚本语言,每个对像均有属于自己的属性和方法。在它之中,还会经常用到的对像有String,Math,ARRAY和Date,分别用于实现对字符串,数学运算,数组,日期与时间的处理。我主要用它来实现了网页鼠标特效。

技术特点

区别

首先Active Server Pages(动态服务器主页)的缩写,它是一个服务器端的脚本环境,在站点的Web服务器上解释脚本,可产生并执行动态、交互式、高效率的站点服务器应用程序。

ASP可以胜任基于微软Web服务器的各种动态数据发布,它与传统的静态主页有很大的区别:信息系统纳入Internet的框架之后,首先要解决的问题是通过网页访问后台数据库信息而传统的不是这样。所有应用程序都是被分割为页面的形式,用户的交互操作是以提交表单等方式来实现的,这就要求Web站点具有很强的动态数据发布能力。用ASP所设计出的是动态主页,可接收用户提交的信息并作出反应,其中的数据可随实际情况而改变,无须人工对网页文件进行更新即可满足应用需要。

软件的技术层面

从软件的技术层面看,ASP有如下的特点:无需编译ASP脚本集成于HTML(标准通用标记语言下的一个应用)当中,无需编译或链接即可直接解释执行;易于生成使用常规文本编辑器即可进行*.asp页面的设计;独立于浏览器用户端,只要使用可解常规HTML码的浏览器,即可浏览ASP所设计的主页。

应用的层面

从应用的层面看,ASP有如下的功能:处理由浏览器传送到站点服务器的表单输入。访问和编辑服务器端的数据库表。使用浏览器即可输入、更新和删除站点服务器的数据库中的数据。读写站点服务器的文件,实现访客计数器、座右铭等功能。由cookies读写用户端的硬盘文件,以记录用户的数据。可以实现在多个主页间共享信息,以开发复杂的商务站点应用程序。

相关词条

相关搜索

其它词条