《新手篇:如何制作网页》分享到:

首页 > 网页制作 > CSS教程 >新手篇:如何制作网页

新手篇:如何制作网页

所属栏目:CSS教程发布时间:2014-08-10 所属专题:30天玩转CSS教程

【新手必看】如何制作网页(开篇)
解决问题:
1、网页与网站的区别
2、网页制作学习流程
3、网页制作工具介绍
4、网页制作调试软件 
    上面4个问题也是网页制作学习必须去了解的。
    网上学习如何制作网页的教程很多,但是都是杂而乱的,没有一个体系。这篇文章是给大家梳理一下如何制作网页所需要学习的内容,新手可以按照这个流程,一步一步的学习,当然,如果你一直看下去,我们会有惊喜给大家。

必看资料:如何快速制作网页-仿页教程

一、网页与网站的区别

很多学生都要学做网站,都想拥有属于第一个个人网站,这是很有成就感的事情。因为网站可以根据个人的喜好随时进行管理与操控。但是很多学员对“网页”与“网站”的概念都不了解。
简单点讲,网站是由若干个网页组成的。我们通过互联网打开的那些网站,都是由很多网页组成。
 
   “网页”是什么,平常我们所听说的“新浪”、“搜狐”、“网易”等,即是俗称的“网站”。而当我们访问这些网站的时候,最直接访问的就是“网页”了。这许许多多的网页则组成了整个站点,也就是网站。所以在这里,我们可以看到网页和网站之间的密切关系了。
所以,不要以为会做网页就会做网站了,但是不会做网页,就不会做网站。

二、网页制作学习流程

1、学网页制作难么?     不难!0基础的学员,7天入门,1个月熟练,至于精通或者要从事网页制作相关工作要不断努力,因为高薪的工作,是靠自己不断提升来造就的。
2、如何学习网页制作所需技能:
掌握XHTML+CSS(DIV+CSS
看到没有!只要学会一门课程(CSS),就可以轻松上手网页制作。请查看:如何学习CSS?

同时,站长地带已经录制好一套学习网页制作的视频教程,随到随学(公益免费)下载地址:http://bbs.zzarea.com/forum-66-1.html 


那么如何要加深学习网页呢?
所需技能:
     A、Photoshop(图像处理)
     B、Javascript(动态效果,如:幻灯片、悬浮窗口、弹窗等)
     C、Flash(动画制作)
所以先学习CSS制作网页,在学习photoshop、javascript给网页添加多元素效果。

 

三、网页制作工具(新手安装dreamweaver即可)


新手朋友可以选则dreamweaver即可,因为dreamweaver有代码提示,可以省去你很多麻烦。

四、网页制作浏览器的选择(新手了解即可,主要是考虑浏览器兼容性问题)

       列举一下网络上的IE浏览器:360浏览器、火狐firefox浏览器、世界之窗、遨游浏览器、搜狗浏览器、谷歌浏览器、等等。IE内核的浏览器从IE6、IE7、IE8,现在主流都是IE8内核。学习网页制作,为的是以后制作出来的网页供全球用户访问浏览,所以要满足每位浏览者的需求。
       而不同浏览器在解析网页的工作流程不同,导致同样的网页编码,展现的效果是不一样的。
所以,我们必须将网页在各种浏览器中兼容,于是在学习到高级网页设计的时候,CSS HACK和CSS书写规范就是必须学习的,达到所看到的网页是一样的。
1、调试工具——IEtest工具
可以同时访问IE6,IE7,IE8等浏览器  
2、网页制作设计师必备浏览器——火狐(firefox)浏览器火狐(firefox)浏览器,虽然现在越来越重(东西太多),但老班依旧在使用火狐,因为火狐中专门提供了网页设计十分棒的利器插件。
      firebug插件
      web-developer 插件



本文《如何制作网页》视频教程地址:http://bbs.zzarea.com/thread-61-1-1.html
   

 

本文标题:新手篇:如何制作网页

本文地址:http://www.zzarea.com/css/106.html