怎样制作网页 - 范文中心

怎样制作网页

09/03

怎样制作网页

首先,可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样,是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。

建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office 办公软件。当然,这些不是一定必须的。

第一阶段:开始时最好是学些网页编辑软件,如:FrontPage 、Dreamweaver. 这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学,结合教程边学习边制作。

第二阶段:会用网页制作软件后,已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美,还是学习网页的核心技术吧!网页编辑语言(包括:html、css 、javascript 、asp 、xml 等)。你可以选择地学习。

第三阶段:结合你自己已掌握地知识来开发网站,可以开发出别人给你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。

怎样制作网页,不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要,希望能够给想要学习制作网页的朋友一个参考。

一、工具

1、空间

网页做好了肯定是要发表上网的,所以必须先申请一个空间;免费的空间不是很稳定,容量又小,也不好申请,建议到大的网站如新浪、网易去先买一个个人空间,大概有个20M 以上的就可以了。

2、软件

推荐使用Dreamweaver6.0中文版,这个软件最大的特点就是“所见即所得”,也即是制作过程中看到的,便是到时发布到网络上的。

二、教程

花点时间,找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成,不外是文字、表格、图、动画还有就是背景音乐等几个大的元素,搞清楚如何将这些元素摆放进去,你也就算懂得如何制作网页了。

三、制作

开始时建议去下载一个比较简单的网页,在制作软件中将它打开,然后仔细观察人家的网页的构成,模仿它去填充各种元素,实践中再配合着教城,进度会快很多,记得也牢一些。其实做网页并不难,但要做出有特色的网页来,那就非一朝一夕之功了。一点个人的粗浅体会,不妥之处敬请指正。

由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一

幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。

1、确定网站主题

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

2、搜集材料

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

3、规划网站

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

4、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver 和Frontpage 了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop 、Photoimpact 等;动画制作工具,如Flash 、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。

5、制作网页

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

6、上传测试

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

来浏览。

7、推广宣传

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

8、维护更新

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

四、制作原则

1、首先确定你要制作的网页的主题,就是你建这个网站的内容是什么(注:网站和网页的关系与区别就好比一本书和其中的一个页面的关系);

2、确定你的网页的阅读对象,就是你的网页是准备给那些人看的;

3、选择制作网页的工具软件,常见的有dreamweaver 和office 组件里面的frontpage ,如果你是初学者,哪我建议你使用frongpage, 因为这个软件的入门比较简单(当然功能也很强大),如果你会使用word 的话,哪就可以很快作出网页的,如何你想作专业的网页制作人员,哪我建议你使用dreamweaver ,目前的版本是XM ,我现在就使用,很好用的,这个软件的好处是不怎么产生垃圾代码,并且支持各种代码的性能很好,基本上各种代码可以直接编辑。

4、如果你作好了页面,就需要考虑你的网页放到什么地方发表,也就是平常我们说的发表空间,我们学校的用户网络中心已经申请好了空间,大家可以直接使用(有发布空间的标志是你有了FTP 账号,这个需要申请)。

5、找到发布空间以后,你需要把自己的网页上传到你的发布空间,这个需要一个上传软件,我推荐使用ACEFTP ,这个软件体积小,速度快,注意我发现这个软件的2.0中文版不能够正确使用,我建议使用1.31版。

5、制作网页需要的其他相关软件:ACDSEE, 这个是查看图片的最好软件,也可以对图片作简单的处理,目前的版本是4.0,网上很多地方可以下载;另外如果你对图片需要复杂处理的话,哪最好选择使用PHOTOSHOP ,目前的版本是7.0,也有中文补丁,使用起来很方便,当然,这个软件的学习使用相对是比较难点的。

6、使用层的时候最好定义为div 标签而不是layer ,因为前者在两种主流浏览器都有很好的兼容性。

7、在用图片制作热区链接时,最好给热区命名,防止有时只能在图片上画出直线。

8、当我们将框架结构建立好后,可以将此框架体文件和Site 窗体并排放置,然后从Site 中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。

9、如果对一张图片不满意,想更换另一张,最简单的方法双击此图片,直接选择要替换的图片即可。

10、在预览网页之前最好先保存一下,有时候在不能正确预览网页,而存一下就可能会解决这个问题。

10、如果你的页面中使用了CSS 或是Java Applet ,最好不要使用“file->convert->3.0 browser compatible ”命令,因为这一选择会把所有3.0 浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver 到底做了什么,具体发生了那些变化。而且要提醒你,对一批页面执行此操作时,一定要先备份,否则可没地方买后悔药。


相关内容

  • 如何使用Dreamweaver制作一个网页
    如何使用Dreamweaver 制作一个网页? 创建网页页面 1.在Dreamveaver"文件-新建-常规-基本页-HTML",这样就建好了一个页面,英文版的默认的文件名为untitled.htm .中文版的的默认的文 ...
  • 冀教版六年级信息技术教学工作计划
    六年级信息技术教学工作计划 2016-2017学年度 2016.9 六年级信息技术教学工作计划 一. 学情分析 本计划针对六年级全体学生,通过三年的学习,学生对办公软件例如word.powerpoint有一定了解,但是由于每一学期信息技术课 ...
  • 高中信息技术[在Internet上发布信息]教学案例
    我想有一个"家" __<在Internet上发布信息>教学案例 [教学设计] 一.主题背景 信息技术课程由计算机课程发展而来,但随着知识经济发展,在全球范围形成了一个信息化的氛围,多媒体.网络技术的应用越来越 ...
  • [网页制作技术]综合设计实践报告
    网站制作技术综合设计报告 主 题 学生姓名 学生学号 专业班级 学 院 指导教师 湘菜之家 2015年 12 月 12 日 一.网站设计需求 1. 网站宣传主题 本网站的主题为湘菜,名为"湘菜之家",目的在于向读者简单介 ...
  • 动漫毕业设计论文
    郑州电力职业技术学院 毕业设计说明 题目: 系 别 信息工程系 专 业 计算机应用技术 班 级 2012届计算机2班 学 号 [1**********]7 姓 名 杨 松 目 录 摘 要 .......................... ...
  • 电子政务网络课程设计个人总结
    行政管理软件课程设计个人总结 行政0902班 2009012412 易花兰 2012/9/11 电子政务网络课程设计个人总结 这学期开学后前两周进行"电子政务网络课程设计",主要任务是掌握电子政务网站设计的原理.方法及技 ...
  • 高中信息技术必修知识点汇总
    主题1 信息的获取 高中信息技术必修知识点汇总 一.信息及其特征 1.信息的基本概念 "信息"一词通常是指数据.消息所包含的内容和意义.信息的表现形式有多种,如:图片.声音.动作.表情.文字等.当今世界的三大要素:物质. ...
  • 初中信息技术八年级上册备课笔记
    义 务 教 育 实 验 教 科 书 信 息 技 术 八年级上 备 课 资 料 目 录 第一单元 网络与生活 第一课 我看网络 第二课 上网准备 第三课 我的E世界 第四课 因特网探源 第五课 因特网的未来 第二单元 网上交流 第六课 电子邮 ...
  • 企业网站建设需求分析
    错误!未指定书签. 北京大学 毕业设计(论文) 题目:企业网站建设需求分析 专 业: 计算机管理 准考证号: 姓 名: 黄博 指导教师: 刘勇 教师职称: 2011 年 4 月 1 ............................. ...
  • 网站制作中遇到的浏览器兼容问题解决方法
    网站制作中遇到的浏览器兼容问题解决方法 自从Div+CSS布置网站页面的程序走入网站设计制作领域,因自身的优点,不断的得到网站设计制作工作者的青睐.使用Div+CSS布局网页可以大大缩减页面代码,并且可以很快的提高网页的打开速度,并且能够获 ...