最大的网站策划、网站运营、网络营销人才免费学习、培训、认证、展示、交流、工作平台,服务国家经济建设与民族伟大复兴!
Google
 
 11 12
发新话题
打印

怎样做网站(基础知识)

 除新人区外,看帖均消费积分,请认真发帖与回帖获得积分,新人区外灌水三次永封。QQ:9901259赠积分。

怎样做网站(基础知识)

认识网页


什么是网页

   你现在所看到的就是网页啦!
   可是您知道为什么网页可以在Internet上传播,为什么可以被您的电脑认识吗?还是让我们来好好来认识网页。
   网页的学名称作HTML文件,是一种可以在www网上传输,并被浏览器认识和翻译成页面显示出来的文件。
   WWW是“World Wide Web"的缩写;HTML的意思则是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片、链接、甚至音乐,程序等非文字的元素。
   网页就是由HTML语言编写出来的。
   看到这,您也许会想:我最怕编程了!
   别急!其实HTML语言只是一种排版语言,语法就类似于这样:“页高8宽5,(1,2)处插入高1宽1的图片A...” 如果您是使用WPS或则Word的高手,那么恭喜您,网页制作的学习您已经走了一半路了!

HTML

  全称 HyperText Markup Language,正式名称是超文本标记语言,HTML语言发展很快,已历经HTML1.0、HTML2.0和HTML3.0、HTML4.0多个版本,现在HTML5.0正在测试,同时DHTML (动态)、VHTML(虚拟)、SHTML等也飞速发展起来。我们现在一般只要掌握HTML4.0就可以了。
   html利用标记(tag)用来描述网页的字体、大小、颜色及页面布局的语言,使用任何的文本编辑器都可以对它进行编辑,与VB、C++等编程语言有着本质上的区别。

   举一个简单的例子:
     HTML 原代码: <b>www.jzxue.com</b> 从不懂上网到网络高手
     在浏览器的显示效果: www.jzxue.com 从不懂上网到网络高手

  其中 <b></b> 就是两个HTML标记。它以起始标记<b>及结束标记</b>标记文字 www.jzxue.com,令它显示成粗体。
   也有懒虫(像我一样:-)觉得一下要记住HTML那么多枯燥的标记实在太麻烦了。那么有一个偷懒的办法:找一个所见即所得的网页制作工具,即使一点HTML语言都不会,也可以制作出出色的网页。(嘘——,别声张!)后面,我会为大家介绍这类工具的。
   说到底,我还是推荐您稍微了解一些HTML的语法。这样,您可以更精确的控制页面的排版,可以实现更多的功能。当大家称赞羡慕您的主页的时候,您就会觉得很值得哦!


主页制作的基本条件

   在WWW上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了自己的主页,你们的地位就是平等的。实际上,许多个人管理的站点比商业站点更加受欢迎。一切都在于你的内容和创意.那么制作主页需要什么条件呢?
   主页制作的基本条件有:
   硬件:
   一台电脑(64MB以上内存,当然越大越好啦);
   可以拨号上网;
如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;
   软件:
   HTML编辑软件:常用的有Frontpage、Hotdog等,本文重点介绍 Dreamweaver;
   图像处理软件:常用的有Photoshop、flash、Fireworks 等;
   文件上传软件:常用的有Cuteftp、WSftp等。
   如果你已经万事具备了,我们继续下一步:制作主页前的准备.

本站内容仅对天梯会员开放。查看全部内容:请登录或者注册

TOP

 除新人区外,看帖均消费积分,请认真发帖与回帖获得积分,新人区外灌水三次永封。QQ:9901259赠积分。

如何选择网页制作工具

"工欲善其事,必先利其器"。制作网页第一件事就是选定一种网页制作软件。从原理上来讲,虽然直接用记事也能写出网页,但是对网页制作必须具有一定的html基础,非初学者能及,且效率也很低。用WORD也能做出网页,但有许多效果做不出来,且垃圾代码太多,也是不可取的。我认为比较合适的网页制作软件首推Dreamweaver,它简单易学,功能强大,用它做出的网页垃圾代码也比较少,另外,它还可以在我们用所见即所得的环境制作网页的同时可以在代检视窗中看到对应的HTML代码,这对我们学习HTML有很大好处。虽然用Dreamweaver,即使我们一点不懂HTML 也能做出漂亮的网页,但HTML毕竟是制作网页的基础,我们要想把网页做活了,必须要知其然还要知其所以然,最终我们还是要熟练掌握HTML才行。当然 Frontpage也不错,但比起Dreamweaver来还是要稍逊一筹。
DreamWeaver——自制动态HTML动画的网页  
    DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。   
DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。
  下载Dreamweaver 注:下载点不提供安装序列号的,请复制( WPD800-53931-95632-35191)
●Microsoft FrontPage 98——制作功能强大的网页   
  如果你曾对Word很熟悉,那么相信你用FrontPage 98进行网页设计一定会非常顺手。   
   使用Frontpage98制作网页,你能真正体会到“功能强大,简单易用”的含义。页面制作由Frontpage98中的Editor完成,其工作窗口由3个标签页组成,分别是“所见即所得”的编辑页,HTML代码编辑页,预览页。     Frontpage98带有图形和GIF动画编辑器,支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage 98最强大之处是其站点管理功能。在更新服务器上的站点时,不需要创建更改文件的目录。FrontPage 98会为你跟踪文件并拷贝那些新版本文件。FrontPage 98是现有网页制作软件中唯一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。   
   下载网址 http:∥www.microsoft.com/frontpage
●Netscape编辑器——制作简单的网页   
   Netscape Communicator和Netscape Navigator Gold 3.0版本都带有网页编辑器。   
    如果你喜欢用Netscape浏览器上网,那么使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时,单击编辑按钮,Netscape就会把网页存储在硬盘中,然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色,改变主页作者、标题、背景颜色或图像,定义描点,插入链接,定义文档编码,插入图像,创建表格等,是不是与Frontpage 98还有些像。但是,Netscape编辑器对复杂的网页设计就显得功能有限了,它连表单创建、多框架创建都不支持。   
   Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的,Netscape 编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话,能够使用Notepad或UltraEdit等文本编辑器来编写少量的HTML语句,那么也可以弥补Netscape编辑器的一些不足。  
●Adobe Pagemill 3.0——制作多框架、表单和Image Map图像的网页   
   Pagemill功能不算强大,但使用起来很方便,适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像,那么Adobe Pagemill 3.0的确是你的首选。   
   Pagemill创建多框架页十分方便,你可以同时编辑各个框架中的内容。Pagemill在服务器端或客户端都可创建与处理Image Map图像,它也支持表单创建。Pagemill允许在HTML代码上编写和修改,支持大部分常见的HTML扩展,还提供拼写检错、搜索替换等文档处理工具。在Pagemill 3.0中还增加了站点管理能力,但仍不支持CSS、TrueDoc和动态HTML等高级特性。   
   Pagemill另一大特色是有一个剪贴板,可以将任意多的文本、图形、表格拖放到里面,需要时再打开,很方便。 下载网址http:∥www.adobe.com  
●Claris Home Page 3.0——快速创建动态的网页   
   如果使用Claris Home Page软件,你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具,你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库,增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙,对Image Map图像的处理也不完全。   
   下载网址http:∥www.claris.com/software/highlights/clarispagetrial.html 提高级软件 如果你对网页设计已经有了一定的基础,对HTML语言又有一定的了解,那么你可以选择下面的几种软件来设计你的网页,他们一定会为你的网页添色不少。
●HotDog Professional 5——制作要加入多种复杂技术的网页   
    HotDog是较早基于代码的网页设计工具,其最具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。 HotDog的高级HTML支持插入marquee,并能在预览模式中以正常速度观看。这点非常难得,因为即使首创这种标签的Microsoft在FrontPage 98中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品,它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。
    HotDog是个功能强大的软件,对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者,是个很好的选择。
    下载网址http:∥www.sausage.com   
●HomeSite 3.0——制作可完全控制页面进程的网页
   Allaire的HomeSite 3.0是一个小巧而全能的HTML代码编辑器,有丰富的帮助功能,支持CGI和CSS等等,并且可以直接编辑perl程序。HomeSite工作界面繁简由人,根据习惯,可以将其设置成像Notepad那样简单的编辑窗口,也可以在复杂的界面下工作。
    HomeSite具有良好的站点管理功能,链接确认向导可以检查一个或多个文档的链接状况。   
    HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程,HomeSite 3.0是你最佳选择。不过对于生手过于复杂。   
    下载网址http:∥www.allaire.com或者http:∥www.homesite-now.com   
●HotMetal Pro 4.0——制作具有强大数据嵌入能力的网页   
     HotMetal既提供“所见即所得”图形制作方式,又提供代码编辑方式,是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML,才能得心应手地使用这个软件。
     HotMetal具有强大的数据嵌入能力,利用它的数据插入向导,可以把外部的Access、Word、Excel以及其它ODBC数据提出来,放入页面中。而且HotMetal能够把它们自动转换为HTML格式,是不是很棒,此外它还能转换很多老格式的文档(如WordStar等),并能在转换过程中把这些文档里的图片自动转换为GIF格式。
     HotMetal为用户提供了“太多”的工具,而且它还可以用网状图或树状图表现整个站点文档的链接状况。 下载网址:http:∥www.softquad.com   
  以上工具各有千秋,但对于WEB新手来说,"所见即所得"无疑是最方便的,所以我建议你选择 DreamWeaver
,在网上人们习惯叫它为“DW”。下面我将在 DreamWeaver里做实例,希望对你有所帮助。

TOP

 除新人区外,看帖均消费积分,请认真发帖与回帖获得积分,新人区外灌水三次永封。QQ:9901259赠积分。
哇塞,如此明目张胆的.....阿门.....祈祷之....

TOP

 除新人区外,看帖均消费积分,请认真发帖与回帖获得积分,新人区外灌水三次永封。QQ:9901259赠积分。
不顶不行呀,不然被扣积分的

TOP

 除新人区外,看帖均消费积分,请认真发帖与回帖获得积分,新人区外灌水三次永封。QQ:9901259赠积分。
软件介绍贴。。。。。

TOP

 除新人区外,看帖均消费积分,请认真发帖与回帖获得积分,新人区外灌水三次永封。QQ:9901259赠积分。
介绍的几款软件都挺实用的!

TOP

 除新人区外,看帖均消费积分,请认真发帖与回帖获得积分,新人区外灌水三次永封。QQ:9901259赠积分。
很好。学习了。

TOP

 除新人区外,看帖均消费积分,请认真发帖与回帖获得积分,新人区外灌水三次永封。QQ:9901259赠积分。
。。。。。。。。。。。。。。。。。 frontpage98

TOP

 除新人区外,看帖均消费积分,请认真发帖与回帖获得积分,新人区外灌水三次永封。QQ:9901259赠积分。
不错不错很不错``学习了

TOP

 除新人区外,看帖均消费积分,请认真发帖与回帖获得积分,新人区外灌水三次永封。QQ:9901259赠积分。
做网站学HTML+ASP+PHP到头来就会CTRL+C CTRL+V

TOP

 11 12
发新话题