如何无偿构建网页
起初,可以向立志于网页构建的朋友推荐。掌握网页构建与掌握其他知识一样,需奠定基础。在打好基础后,学习起来会更加便捷和迅速。其次,要明确学习它的目的。
建议您具备的条件:熟练操作电脑,最好使用电脑一年以上,对网页设计有热情,有充足的学习时间,熟悉Office办公软件。当然,这些并非绝对必要。
第一阶段:初期最好是学习一些网页编辑软件,例如:FrontPage、Dreamweaver。这样能更深入理解网页构建与运营的原理。最好结合教程边学习边实践。
第二阶段:熟练运用网页制作软件后,已能制作一个较为完整的网站。但为了使自己的网页设计更加完美,还是学习网页的核心技术吧!网页编辑语言(包括:html、css、javascript、asp、xml等)。你可以有选择性地学习。
第三阶段:结合你已掌握的知识来开发网站,可以开发出别人为你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。
如何构建网页,并非几篇文章就能讲明白。以上介绍的是构建网页的主要框架,希望对想要学习构建网页的朋友有所参考。
二
一、工具
1、空间
网页构建好之后,肯定需要发布上网,因此必须先申请一个空间;免费的空间稳定性较差,容量也小,且不易申请,建议到大型网站如新浪、网易去购买一个个人空间,大约20M以上即可。
2、软件
推荐使用Dreamweaver6.0中文版,这个软件最大的特点就是“所见即所得”,也就是制作过程中看到的,就是发布到网络上看到的。
二、教程
花些时间,找一本通俗易懂的教程看看是很有必要的。每个网页的组成,不外乎是文字、表格、图、动画以及背景音乐等几个大元素,搞清楚如何将这些元素摆放进去,你也就算懂得如何构建网页了。推荐一个教程地址,有空可以去看看,
三、制作
开始时建议下载一个比较简单的网页,在制作软件中打开它,然后仔细观察别人的网页结构,模仿它去填充各种元素,实践中再配合教程,进度会快很多,记得也更牢一些。
其实做网页并不难,但要做出有特色的网页来,那就非一日之功了。
一点个人的浅显体会,不妥之处敬请指正。
三
网站设计八步骤
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前那样需要手工编写一行行的源代码。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣的内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集资料
明确了网站的主题以后,你就要围绕主题开始搜集资料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集资料,搜集得资料越多,以后制作网站就越容易。资料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的资料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时游刃有余,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的佼佼者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
材料备齐了,设备也选定了,接下来就要依照计划,逐步将想法转化为现实了,这是一个既复杂又细致的过程,务必遵循先宏观后微观、先易后难的原则进行制作。所谓先宏观后微观,即在制作网页时,首先构建整体结构,随后逐步完善细节设计。所谓先易后难,即先设计简单内容,再设计复杂内容,以便于出现问题时易于修改。制作网页时,要灵活运用模板,这样可以显著提升制作效率。
六、上传测试
网页制作完成后,需将其发布到Web服务器上,才能让全球的朋友们观看。目前上传工具种类繁多,部分网页制作工具自带FTP功能,借助这些FTP工具,您可轻松将网站发布至您申请的主页存放服务器。网站上传后,您需在浏览器中打开自己的网站,逐页逐个链接进行测试,发现问题后及时修改,再进行上传测试。全部测试完毕后,便可将网址告知朋友,让他们来浏览。
七、推广宣传
网页制作完成后,还需不断进行宣传,以便让更多朋友了解它,提高网站的访问量和知名度。推广方式众多,如注册搜索引擎、与其他网站交换链接、加入广告链等。
八、维护更新
网站需注意定期维护更新内容,保持内容的新鲜度,切勿一成不变。只有不断补充新内容,才能吸引浏览者。
四
一、首先确定您要制作的网页主题,即您建这个网站的内容是什么(注:网站与网页的关系及区别,类似于书籍与其中一页的关系);
二、确定您的网页阅读对象,即您的网页是为哪些人准备的;
三、选择制作网页的工具软件,常见的有Dreamweaver和Office组件中的Frontpage。如果您是初学者,我建议您使用Frontpage,因为这个软件入门简单(当然功能也很强大),如果您会使用Word,那么就可以快速制作网页。如果您想成为专业的网页制作人员,我建议您使用Dreamweaver,目前版本为XM,我现在正在使用,非常好用。这个软件的优点是产生的垃圾代码很少,且对各种代码的支持性能良好,基本可以直接编辑各种代码。
四、如果您已经制作好了页面,就需要考虑将网页发布到何处,也就是我们常说的发表空间。我们学校的用户网络中心已经申请好了空间,大家可以直接使用(有发布空间的标志是有FTP账号,这个需要申请)。
五、找到发布空间后,您需要将您的网页上传到发布空间,这需要一个上传软件,我推荐使用ACEFTP,这个软件体积小,速度快。请注意,我发现这个软件的2.0中文版不能正确使用,我建议使用1.31版。
六、制作网页所需的其他相关软件:ACDSEE,这是查看图片的最佳软件,也可以对图片进行简单处理,目前版本为4.0,网上很多地方可以下载。另外,如果您需要对图片进行复杂处理,最好选择使用Photoshop,目前版本为7.0,也有中文补丁,使用起来很方便。当然,这个软件的学习使用相对较难。
七、使用层时,最好定义为div标签而不是layer,因为前者在两种主流浏览器中都有很好的兼容性。
八、在用图片制作热区链接时,最好给热区命名,以防有时只能在图片上画出直线。
九、当我们将框架结构建立好后,可以将此框架体文件和Site窗体并排放置,然后从Site中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。
十、如果您对一张图片不满意,想更换另一张,最简单的方法是双击此图片,直接选择要替换的图片即可。
十一、在预览网页之前,最好先保存一下,有时候不能正确预览网页,而保存一下就可能会解决这个问题。
十二、如果您在页面中使用了CSS或Java Applet,最好不要使用“file->convert->3.0 browser compatible”命令,因为这一选择会把所有3.0浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver到底做了什么,具体发生了哪些变化。而且要提醒您,对一批页面执行此操作时,一定要先备份,否则可能无法挽回。
五---资源
1.水晶情缘--网页特效专家2006情人节特别版
这个软件是专为那些想在网络上安家却苦于制作网页特效的人设计的。
www.skycn.com/soft/14150.html
2.网建博士1.01
不懂制作网页的专门技术,不懂网页编程技术,不需要任何专业背景知识,任何人只要会用。
www.onlinedown.net/soft/7597.htm
3.网页背景选择器2.5.1
当您制作网页时,您是否为了在大量素材中选一张背景,每每都要用看图软件查看--修改网。
www.onlinedown.net/soft/11406.htm
4. Animagic GIF Animator 1.22
一个很好用的制作网页动画的软件,它提供了六种特效,也支持拖曳功能,它不仅支持gif。
www.onlinedown.net/soft/4904.htm
5. Animagic GIF Animator 1.22汉化补丁
一个很好用的制作网页动画的软件,它提供了六种特效,也支持拖曳功能,它不仅支持gif。
www.onlinedown.net/soft/6612.htm
6. Macromedia Authorware V7.0
先进丰富的视音频、可视媒体集成制作解决方案,可用于制作网页和在线学习应用软件。
download.21cn.com/list.php?id=31900
7. Picture2Web 2.3.1
用来制作网页电子相簿的好工具。
download.pchome.net/design/homepage/9539.html
8. SCP Button Magic 4.0
专门制作网页广告横幅和按钮的软件。
download.pchome.net/design/webpic/2138.html
- Animagic GIF Animator V1.22
一款极富成效的网页动画制作工具,内置了六种特效,
www.skycn.com/soft/2406.html
- Magic Gallery 4.5
一款制作网页图片库及其缩略图的软件
download.pchome.net/design/homepage/17444.html
- Animagic GIF Animator 1.22
一款极富成效的网页动画制作工具
download.pchome.net/design/animation/633.html
- Banner Maker Pro V4.0.0.1汉化版
是一套制作网页横幅广告及按钮的工具。特性包括:可调节看板及按钮尺寸、选择背景颜色
www.skycn.com/soft/2507.html
- Banner Maker Pro V6.0.6
是一套制作网页横幅广告及按钮的工具。特性包括:可调节看板及按钮尺寸、选择背景颜色
www.skycn.com/soft/2506.html
- Animagic GIF Animator V1.22汉化补丁
一款极富成效的网页动画制作工具,内置了六种特效,
www.skycn.com/soft/2407.html
- Mapedit 3.16
制作网页Image Maps的工具
download.pchome.net/development/html/13659.html
- Banner Maker Pro 6.0.6
是一套制作网页横幅广告及按钮的工具。特性包括:可调节看板及按钮尺寸、选择背景颜色
www.onlinedown.net/soft/9507.htm
- GIF Dispenser 1.0
是一个快速制作网页动态GIF图片的优良工具
download.pchome.net/design/animation/923.html
18.自助建站专家 5.0
不谙制作网页的专业技术,无需掌握网页编程,无需任何专业背景,任何人只要
www.onlinedown.net/soft/13044.htm
19.酷网宝典(CoolWEB) 2.0
酷网宝典(coolweb)是一款用于制作网页特效的软件。能制作三大类效果:特殊层效果,动态
www.onlinedown.net/soft/6658.htm
20.下雨天网页特效王 RD2.0
制作网页的得力助手,拥有大量特效代码
download.pchome.net/development/html/17686.html
- Macromedia Contribute 3.11
Macromedia推出的全新理念网页设计工具,可以将网页编写程序化繁为简,制作网页,现在就
www.onlinedown.net/soft/20135.htm
22.酷网宝典(CoolWEB) V2.0
酷网宝典(coolweb)是一款用于制作网页特效的软件。能制作
www.skycn.com/soft/10742.html
- Button Magic V4.0
一款专门制作网页广告横幅和按钮的工具,可保存为 BMP、JPG 格式。
www.skycn.com/soft/2508.html
- Liatro Button Maker V2.2
Liatro Button Maker是一套专门制作网页按钮的绘图软件
www.skycn.com/soft/8697.html
- Mapedit V3.16
制作网页Image Maps的工具,小巧、使用便捷。
www.skycn.com/soft/7725.html
26.网建博士 V1.01
不谙制作网页的专业技术,无需掌握网页编程,无需任何专业背景,任何人只要
www.skycn.com/soft/9476.html
- GIF Dispenser 1.0
是一个快速制作网页动态GIF图片的优良工具,使用者只需移动操作视窗上的浮标组,来调整
www.onlinedown.net/soft/14222.htm
- Reptile V3.0
所见即所得的背景制作软件,制作网页背景再也不需要求
www.skycn.com/soft/2541.html
- GIF Dispenser V1.0
是一个快速制作网页动态 GIF 图片的优良工具,使用者只需
www.skycn.com/soft/2417.html
30.网建博士 V1.01
不谙制作网页的专业技术,无需掌握网页编程,无需任何专业背景,任何人只要
download.21cn.com/list.php?id=24329
- MapEdit V3.05汉化版
制作网页Image Maps的工具,小巧、使用便捷。本
www.skycn.com/soft/16664.html
32.网页特效王 Beta 1
制作网页特效的得力助手,正在进一步开发中
www.onlinedown.net/soft/24073.htm
- MapEdit 3.16
小巧但使用便捷的制作网页ImageMaps的工具!
www.onlinedown.net/soft/9690.htm
- Picture2Web V2.3.1
Picture2Web是一个用来制作网页电子相册的优秀工具。它
www.skycn.com/soft/6878.html
- Banner Maker Pro V6.0.1
制作网页横幅广告及按钮的工具。特性包括:可调节看板及按钮尺寸、选择背景颜色、
download.21cn.com/list.php?id=10850
- Button Magic 4.0
一款专门制作网页广告横幅和按钮的工具,可保存为 BMP、JPG 和 GIF 格式。
www.onlinedown.net/soft/8830.htm
- Magic Gallery 4.5.13
MagicGallery是一款制作网页图片库及其缩略图的软件,可以方便地调整图片尺寸。
www.onlinedown.net/soft/22860.htm
- Magic Gallery V4.5.13
Magic Gallery是一款制作网页图片库及其缩略图的软件,
www.skycn.com/soft/16474.html
39.下雨天网页特效王 RD2.0
制作网页和得力助手,该软件包含了大量的javascript特效和vbscript特效。你只需简单
download.21cn.com/list.php?id=42907
- BSCOutline Tutorial V5.10
用来制作网页上的Java applet导航条,类似于文件管理器
www.skycn.com/soft/494.html
如何创建免费的普通网站
网站创建通俗地说就是网站通过页面结构定位、合理布局、图片文字处理、程序设计、数据库设计等一系列工作的总和,也是将网站设计师的图片用HTML(标准通用标记语言下的一个应用)方式展示出来。
网站创建属于前端工程师的一项职责,前端工程师职责包括:网站设计、网站用户体验、网站JAVA效果、网站创建等工作。网站创建是策划师、网络程序员、网页设计等岗位,应用各种网络程序开发技术和网页设计技术,为企事业单位、公司或个人在全球互联网上建设站点,并包含域名注册和主机托管等服务的总称。
网站构建属于前端工程师的一项职责,前端工程师职责涵盖:网站布局、用户界面体验、网站JAVA特效、网站开发等任务。网站开发涉及策划师、网络开发人员、网页设计师等职位,运用多种网络编程技术和网页设计技术,为企事业单位、企业或个人在全球互联网上创建网站,并包括域名注册和主机托管等服务在内的统称。
免费建站步骤:
1、首先明确要打造的是一个何种类型的网站,即这个网站是用来做什么的;例如,我打算做的网站是一个企业网站,专注于电子电器行业,那么就要围绕这些内容进行构思,也可以借鉴一些同类网站;
2、根据构思好的网站主题选择一个域名,域名必须选取恰当,这对网站未来的发展至关重要,因此一定要根据网站的主题来选取(如果是企业网站,通常都会以公司品牌名的全拼或简拼作为域名);
3、域名选定后,接下来就是上述所说的网站建设最为复杂的环节了(网页设计、程序开发),即网站程序源码,我采用的是他人开发好的网站模板源码进行修改,因为这样可以节省大量时间,实际上很多网站都会寻找一些相关的网站模板,根据自己想要打造的网站进行修改;
4、待网站程序源码完成并在本地测试无误后,根据网站所需的空间需求来租赁服务器空间,一般的企业网站使用300M的空间就足够了(以视频展示的企业网站除外),还有一点需要注意的是:服务器分为国内和国外,最大的区别在于国内的空间需要进行备案,而国外的空间无需备案,购买后即可直接使用;
5、服务器空间购买成功后,就将网站的程序源码使用FTP上传工具上传到服务器空间,并将后台数据导入到空间数据库,网站就可以在互联网上正常运行了。