您的位置:首页 > 新闻中心 > 网页制作讲解

网页制作讲解

sleepdragon
关于网页的制作,在大一的时候我们已经都学过,并且已经完成了一次作业。这次讲座主要是给大家回忆一下吧,毕竟已经半年多了,如果半年没有作网页的话,我想也忘的差不多了。关于网页的布局调色之类的问题,由dodos给大家说,我呢,主要是讲讲制作网页的一些基础的知识。
制作网页一般用Frontpage和Dreamweaver,Frontpage为Microsoft公司制作,我想我在讲这些的时候尽量对比更容易使大家理解这两个软件的优缺点。我们用惯了Office,使用Frontpage应该是很容易的,所以,我侧重一点介绍Dreamweaver。
在开始将以前,我先给大家提两个我在做网页的过程中经常用到的两个小技巧,第一是无论你用那个软件编辑,最好时不时地看看源代码的变化,尤其是在网页的后期修改的时候,这样你就会很快地掌握基本的html语言,虽然不会直接写(也没必要直接写),但起码你能看得懂,会改了。
我认为注意到这一点才可以很快的提高网页制作和修改更新的速度,一段时间以后,更新网页就不用Frontpage和Dreamweaver而用UltraEdit批量修改了。
第二点不是十分的重要,但也可以为我们省下一些麻烦。就是网页预览的时候,不要每预览一次就关掉它,我觉得不关它而是下次预览时刷新比较好。好处嘛我们可以现在就试一试。
言归正传,开始介绍两个软件的使用,先说两个软件的兼容性吧。Frontpage无疑于word,powerpoint这些兼容的很好,这一点有很大的用途,比如说做图像的透明处理,切割之类的工作,无需借助其他专业的软件(有时候专业软件也办不到,如gif图像的透明处理,一般软件是不支持的)
,直接在这些软件里边做好了就可以粘贴过来(记得要将图片按照软件的提示保存到网页的目录下)。在这方面,Dreamweaver是绝对办不到的。但是要用到现在流行的flash动画,frontpage就逊色多了,xp版的我没有试过,2k是很不爽的。这就要用到Dreamweaver了,Micromedia公司的网
页三剑客之间是完全的兼容的,你可以看到在工具面板上就可以明显地看到插入flash动画或按钮之类的工具,Dreamweaver还带了很多现成的flash按钮,不过我在用这个的时候发现使用中文会出现乱码,不知道MX版的还有没有这个问题。用英文也可以呀,enter,back之类的谁都认识。
软件的界面介绍,Frontpage大家都比较熟悉了,我就不再介绍了,我个人认为不要太多的去在意它左边那么多的东西,记住做网页就是写代码,它那样好像把网页搞得很高深似的,让人不知道从何下手。Dreamweaver我也只是大概的给大家手说说它的活动面板和常用的工具吧。值得一说的
是,Dreamweaver一个很大的特点就是它的大部分工具都可以作为面板放在任何一个你认为合适的地方。而且最常用的面板开启和关闭是十分的方便的。最有用的面板我觉得是属性面板(可折叠展开)、工具面板、代码查看器(可以直接编辑,记得刷新)。
制作网页的步骤一般都差不多,现有一个整体的规划,然后是开始制作。我的演示将以Dreamweaver为主。
1.     定义站点:这一点一定别省了,否则将会有大批的超链接等着你去改,如果你不会用UltraEdit,那比重做还要痛苦。
2.     
网页的文件规划,建一些images之类的文件夹,用惯了windows应该知道分类管理的好处吧。记得在网页制作过程中对网页所涉及文件的移动最好在两个软件下移动,软件会帮你更新所有的超链接。对超链接的理解我稍微提一下,并不是只有我们有意识的插入的那些才是超链接,其实我们
插入的每一个组件,除了文字(当然文字也可以用超连接的方法插入)都可以作为超链接来理解。一个htm(html)文件仅仅是一堆代码而已,浏览器在打开它的时候是根据它的链接语句来寻找显示图片之类的组件的。
3.     
可以开始真正的制作网页了,其实就是编写htm语言和把需要用到的组件导入到站点文件夹下。前面的步骤是为了在进行这一步的时候让软件更加准确地为我们做更多的事情。当然,如果你直接编写代码,那就无所谓前两步了。先按照插入预先的大致规划将一个页面用表格分开,不要太严
格的去设每一个单元格的高和宽,我的经验时开始的时候不设每一个单元格的高宽,包括不拉拽分栏线,这其实也是在设定单元格的高宽,看代码的变化就可以看出来。
4.     
修改,这是最后一步,也是最复杂花时间的一步,如果你前边那些都做的好的话,这一部还很简单,但是如果你前边做的不是很好,那就得慢慢来。先把软件的外观搞好,调整单元格的高宽对其方式之类的,我本人很不提倡用托拽,当然,一两下不会有什么大的影响,如果托得多了,就会
发现显示与你想要得差太多而且很难调整过来。如果真到了这一步,就用Frontpage取消所有单元格的高宽制定,在小心的重新设置。最好是能够看懂表格的这几个代码,修改会很容易的,其实也不是很难,就是英文的简写嘛。检查超链接错误,用软件看看有没有明显的它可以检查出来的
错误,一一改正。预览看看有没有显示不出来的图片或者放不出来的音乐等等,如果你对自己前边的工作不是很自信的话,最好还是把整个站点复制到另一个目录下预览,更容易发现超链接的问题,主要是在插入组件的时候不注意,造成相对路径和绝对路径的问题,毕竟网页做出来不是在
自己机器上给人看的。最后挨个点点那些明显的超链接,主要也是相对绝对路径的问题。还要强调的是如果你曾经使用两个软件对网页作过处理,那么里边一定有一些重复的代码,可能的话,把这些整理优化一下,对以后的更新很有好处。
搞定了,网页可以去发布了,找空间我就不必说了吧,我们这里只说静态网页,不需要什么支持的空间还是有的。
在介绍一下两个软件的附属功能吧,我所知道的是Frontpage本身有一些滚动之类的特效,用起来非常的方便,xp版的好像是学Dreamweaver4.0增加了事件的制作,并且比Dreamweaver更加得好用,这些功能Dreamweaver也都有,不过好像不是很全。Dreamweaver毕竟是一个非常专业的制作网
页的工具,它还有很多高级的比如说css之类的功能,好像是不拘小节吧,在这些特效方面却没有下大的功夫。
我个人的意见是,在组建网站的初期使用Dreamweaver,大家也看到了,它的工具使用起来是多么的方便。等到网页都得差不多了,到最后的调整修饰了,遇到了Dreamweaver难以解决或是不能解决的问题,再去找Frontpage。不知道大家的观点是什么?
最后,我知道大家对网页的特效很感兴趣,我把我做网页曾经用过的一些软件上传的160.10上我班专用的那个ftp上,大家想看看得可以去下载。有关网页制作的方法技巧,谁有兴趣的话可以去happy去说,大家一起讨论嘛。重在练习,希望大家以后能够抽时间试着做一下,过两天我们组建
我班的主页,希望大家能够共同努力!
谈谈网页制作
田野
今天,上头派我给大家讲讲网页制作,这有点勉为其难了,我姑且谈一些我认为最基本,也是最重要的问题。
→ 相关文章
  • 222222222222222222
  •    · [2009-11-2] 
  • 建立网站三个步骤有哪些?
  •    · [2009-10-12] 
  • 受全球金融危机影响,广东成千上万的中小企业正面临着前所未有的“寒冬”,安全“过冬
  •    · [2009-10-10] 
  • N2C模式将是网络社区的未来_建站经验
  •    · [2009-10-9] 
  • 企业网站建设要走品牌营销之路
  •    · [2009-10-8] 
  • 网编学堂:企业网站的10大问题
  •    · [2009-10-7] 
  • 网站建设的通则
  •    · [2009-10-1] 
  • 八大要领 做网站就这么简单
  •    · [2009-9-29] 
  • 网站建设服务优势
  •    · [2009-9-28] 
  • 网站建设概况 营销型网站策划(搜索引擎优化)另加:50%
  •    · [2009-9-26] 
    [返回]  {更多}
     

    2222222222…

    建立网站三个步骤有哪些?

    受全球金融危机影响,…

    N2C模式将是网络社…

    企业网站建设要走品牌营销之路

    网编学堂:企业网站的…

    网站建设的通则

    八大要领 做网站就这么简单

    网站建设服务优势

    网站建设概况 营…

    网站的建设方案-网页设计教程

    品牌网站建设服务概述

    网站设计要点

    什么样的网站内容才能真正吸引人…

    企业网站破冰在即

    行业网站设计六心得

    网站建设之大型网站的构架

    网站建站知识

    网站建站知识

    如何和客户一起搞定网站建设项目…

    互动营销 解决消费者参与疲劳的…

    中小企业信息化,企业e站一步到…

    网站的信息更新频率是可以传递的…

    怎样变换风格让你的网站更容易推…

    简单的方法得到您要的答案
    点击这里,提交您的需求。

     或者致电我们到 13717915215
    网站首页 | 关于我们 | 服务流程 | 网站报价 | 网页设计 | 网站建设套餐 | 界面设计 | 动画设计 | 网站推广 | 电子商务 | 案例中心 | 新闻中心 | 在线订单
     在线客服: 在线客服1  在线客服: 在线客服2 北京天成网络有限公司 Copyright © 2006-2008 WWW.BJTCWL.COM.All Rights Reserved