如何构建零成本的普通网站
网站构建,简单来说,是指通过页面结构定位、合理布局、图片文字处理、程序设计、数据库设计等一系列工作的综合,也是将设计师的图片以HTML(标准通用标记语言的一个应用)形式呈现的过程。
网站构建是前端工程师职责的一部分,前端工程师的工作包括:网站设计、用户体验、网站JAVA效果、网站构建等。网站构建涉及策划师、网络程序员、网页设计师等岗位,运用各种网络开发技术和网页设计技术,为企事业单位、公司或个人在全球互联网上建立站点,并包括域名注册和主机托管等服务。
免费网站搭建流程:
1、首先明确要创建的网站类型,即这个网站是用来做什么的;例如,我想创建的网站是一个企业网站,是销售电子电器的,那么就要围绕这些内容进行构思,也可以参考一些同类型的网站,
2、根据构思好的网站主题来选择一个域名,域名一定要选择得当,这对你网站未来的发展至关重要,因此一定要根据你网站的主题来选择(如果是企业网站,一般都会以公司品牌名的全拼或简拼来选择);
3、域名选择好后,接下来就是网站建设最复杂的部分了(网页设计、程序开发),即网站程序源码,我使用别人开发好的网站模板源码进行修改,因为这样可以节省很多时间,实际上很多网站都会寻找一些相关性的网站模板,根据自己想要做的网站进行修改;
4、待网站程序源码完成并在本地测试正常后,根据网站所需的空间需求来租用服务器空间,一般的企业网站使用300M的空间就足够了(以视频形式展示的企业网站除外),还有一点需要注意的是:服务器分为国内和国外,最大的区别是国内的空间需要进行备案而国外的空间不需要,购买后可直接使用;
5、服务器空间购买好后,就将网站的程序源码使用FTP上传工具上传到服务器空间,并将后台数据导入到空间数据库,网站就可以在互联网上正常运行了。
如何免费制作网页
首先,可以告诉想要学习网页制作的朋友。学习制作网页和学习其他知识一样,需要有一定的基础。在基础之上学习起来会更加轻松和快捷。其次,要清楚学习它是用来做什么的。
建议你要具备的条件:对电脑操作熟练,最好使用电脑一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉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,也有中文补丁,使用起来很方便,当然,这个软件的学习使用相对比较难。
7、使用层的时候最好定义为div标签而不是layer,因为前者在两种主流浏览器都有很好的兼容性。
8、在用图片制作热区链接时,最好给热区命名,防止有时只能在图片上画出直线。
9、当我们将框架结构建立好后,可以将此框架体文件和Site窗体并排放置,然后从Site中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。
10、如果对一张图片不满意,想更换另一张,最简单的方法是双击此图片,直接选择要替换的图片即可。
11、在预览网页之前最好先保存一下,有时候在不能正确预览网页时,保存一下就可能会解决这个问题。
12、如果你的页面中使用了CSS或Java Applet,最好不要使用“file->convert->3.0 browser compatible”命令,因为这一选择会把所有3.0浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver到底做了什么,具体发生了哪些变化。而且要提醒你,对一批页面执行此操作时,一定要先备份,否则可就后悔莫及了。
12、若您的页面中涉及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
9. Animagic GIF Animator V1.22
一款优秀的网页动画制作软件,提供六种特效,
www.skycn.com/soft/2406.html
10. Magic Gallery 4.5
一款制作网页照片集及其缩略图的软件。
download.pchome.net/design/homepage/17444.html
11. Animagic GIF Animator 1.22
一款优秀的网页动画制作软件
download.pchome.net/design/animation/633.html
12. Banner Maker Pro V4.0.0.1汉化版
一套制作网页横幅广告及按钮的软件。特点包括:可调节
www.skycn.com/soft/2507.html
13. Banner Maker Pro V6.0.6
一套制作网页横幅广告及按钮的软件。特点包括:可调节
www.skycn.com/soft/2506.html
14. Animagic GIF Animator V1.22汉化补丁
一款优秀的网页动画制作软件,提供六种特效,
www.skycn.com/soft/2407.html
15. Mapedit 3.16
制作网页Image Maps的工具
download.pchome.net/development/html/13659.html
16. Banner Maker Pro 6.0.6
一套制作网页横幅广告及按钮的软件。特点包括:可调整看板及按钮尺寸、选择背景颜色
www.onlinedown.net/soft/9507.htm
17. 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
21. Macromedia Contribute 3.11
Macromedia推出的全新概念网页设计工具,将网页编写程序化繁为简,制作网页,现在就
www.onlinedown.net/soft/20135.htm
22.酷网宝典(CoolWEB) V2.0
酷网宝典(coolweb)是一款用于制作网页特效的软件。能够制作
www.skycn.com/soft/10742.html
23. Button Magic V4.0
一款专门用于制作网页广告横幅和按钮的软件,可存成 BMP、JPG
www.skycn.com/soft/2508.html
24. Liatro Button Maker V2.2
Liatro Button Maker是一款专门用于制作网页按钮的绘图软
www.skycn.com/soft/8697.html
25. Mapedit V3.16
制作网页Image Maps的工具,小巧、使用方便。
www.skycn.com/soft/7725.html
26.网建博士 V1.01
即使不懂得网页制作的专业技术,不熟悉网页编程,无需任何专业背景知识,任何人只要
www.skycn.com/soft/9476.html
27. GIF Dispenser 1.0
一款快速制作网页动态GIF图片的实用工具,使用者只需移动操作视窗上的浮标组,来调整
www.onlinedown.net/soft/14222.htm
28. Reptile V3.0
所见即所得的背景制作软件,制作网页背景再也不需要求
www.skycn.com/soft/2541.html
29. GIF Dispenser V1.0
一款快速制作网页动态 GIF 图片的实用工具,使用者只需
www.skycn.com/soft/2417.html
30.网建博士 V1.01
即使不懂得网页制作的专业技术,不熟悉网页编程,无需任何专业背景知识,任何人只要
download.21cn.com/list.php?id=24329
31. MapEdit V3.05汉化版
制作网页Image Maps的工具,小巧、使用方便。本
www.skycn.com/soft/16664.html
32.网页特效王 Beta 1
制作网页特效的得力助手,正在进一步开发中
www.onlinedown.net/soft/24073.htm
33. MapEdit 3.16
小巧但使用方便的制作网页ImageMaps的工具!
精巧却操作便捷的网页ImageMaps制作工具!
www.onlinedown.net/soft/9690.htm
34. 图像转网页 V2.3.1
图像转网页是一款制作网页电子相册的实用工具。它
www.skycn.com/soft/6878.html
35. 横幅制作大师 Pro V6.0.1
该软件用于制作网页横幅广告及按钮,具备以下特点:可调整看板及按钮大小、选择背景色调、
download.21cn.com/list.php?id=10850
36. 按钮魔法师 4.0
一款专注于制作网页广告横幅和按钮的软件,支持保存为BMP、JPG和GIF格式。
www.onlinedown.net/soft/8830.htm
37. 魔法相册 4.5.13
魔法相册是一款制作网页照片集及其缩略图的软件,可轻松调整图片尺寸。
www.onlinedown.net/soft/22860.htm
38. 魔法相册 V4.5.13
魔法相册是一款制作网页照片集及其缩略图的软件
www.skycn.com/soft/16474.html
39. 雨中网页特效王 RD2.0
制作网页的得力助手,该软件内置众多javascript特效和vbscript特效。您只需简单
download.21cn.com/list.php?id=42907
40. BSC轮廓教程 V5.10
该软件用于制作网页上的Java applet导航栏,类似于文件管理器
www.skycn.com/soft/494.html