种豆资源网

当前位置:首页 > 百科 > 百科综合 / 正文

个人网页製作

(2019-09-13 17:24:02) 百科综合
个人网页製作

个人网页製作

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

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

基本介绍

  • 中文名:个人网页製作
  • 準备材料:做一个小计画
  • 开始製作:用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
主要的使用工具有:Dreameaver 、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 读写用户端的硬碟档案,以记录用户的数据。可以实现在多个主页间共享信息,以开发複杂的商务站点应用程式。

标 签

搜索
随机推荐

Powered By 种豆资源网||