如何学习网页制作(怎样学好网页设计与制作)

如何学习网页制作,怎样学好网页设计与制作

内容导航：

网站搭建流程：如何搭建一个网站

如何学习网页制作

网页设计怎么学

怎样学习网页制作

一、网站搭建流程：如何搭建一个网站

目前市面上有不少开源的CMS系统，可以快速搭建一个网站，但是延展性、安全性、功能适配性肯定没有按需求开发的性能好。所以下面主要介绍不使用开源CMS系统搭建网站的过程。

1、网站定位

在做网站之前首先要找好网站的定位，确定好网站要服务哪一部分人群、要足他们的什么需求以及网站的后期盈利方式等。

2、网站策划

·根据网站的定位确定一个符合网站定位的名字和域名，便于上线后的推广。

·策划网站的功能模块以及页面布局

·画出页面的原型图

3、页面设计

设计师根据原型图，设计页面，形成设计稿。

4、前端开发工程师搭建静态页面

搭建静态页面是指将设计的网页效果图转换为能够在浏览器浏览的页面。这就需要对页面设计规范有一个整体的认识并掌握一些基本的网页脚本语言，例如HTML、CSS等。需要注意的是，在拿到网页设计效果图后，切忌直接切图、搭建结构。应该先仔细观察效果图，对页面的配色和布局有一个整体的认识，主要包括颜色、尺寸、辅助图片等，具体介绍如下

(1)颜色:观察网页效果图的主题色、辅助色、点睛色，了解页面的配色方案。

(2)尺寸:观察网页效果图的尺寸，确定页面的宽度和模块的分布。

(3)辅助图片:观察网页效果图，看哪些地方使用了素材图片。确定需要单独保留的图片。例如，重复的背景图、小图标、文本内容配图等。

对页面效果图有了一个基本的分析之后，就能够“切图”了。“切图”就是对效果图进行分割，将无法用代码实现的部分保存为图片。当切完图之后，就可以使用HMCs搭建静态页面。搭建静态页面就是将效果图转换为浏览器能够识别的标记语言的过程。

5、开发动态网站模块

静态页面建设完成后（一般和前端工程师工作并行），如果网站还需要具备一些动态功能(例如搜索功能、留言板、注册登录系统、新闻信息发布等)，就需要开发动态功能模块。目前广泛应用的动态网站技术主要有PHP、ASP、JSP三种，具体介绍如下。

(1)PHP

PHP即Hypertext
Preprocessor(超文本预处理器)，是一种通用的开源脚本语言。PHP语法吸收了C语言、Java(C语言和Java均是编程语言)的特点，利于学习，使用广泛，主要适用于web开发领域。PHP提供了标准的数据库接口，数据库连接方便，兼容性和展性非常强，是目前使用较广泛的技术。

(2)ASP

ASP即Active Server
Pages(动态服务器页面)，是一种局限于微软的操作系统平台之上的动态网站开发技术，主要工作环境为微软的IIS应用程序结构。ASP入门比较简单，但是安全性较低，而且不宜构架大中型站点，其升级版虽然解决了这一问题，但开放程度低，操作麻烦。

(3)JSP

JSP即Java Server Pages(Java服务器页面)，是基于Java
Servlet以及整个Java体系的Web开发技术，它与ASP有一定的相似之处。JSP被认为是网站建设技术中安全性最好的，虽然学习和操作均较为复杂，但目前被认为是三种动态网站技术中有前途的技术。

6、网站建设后期事宜

网站建设后期事宜主要包括网站的测试、上传、推广、维护等，具体介绍如下。

（1）网站测试

网站测试主要包括本地测试和上传到服务器之后的网络测试，具体介绍如下

·本地测试:是指在网站搭建完成之后的一系列测试。例如，链接是否错乱，是否兼容不同的浏览器，页面功能逻辑是否正常等，以确保网站发布到服务器上不会出现些基本错误。

·网络测试:是指网站上传到服务器之后针对网站的各项性能情况的一项检测工作。例如，网页打开速度的测试，网站安全的测试(服务器安全、脚本安全)等。

（2）网站上传

网页制作完成后，最终要上传到Web服务器上，网页才具备访问功能。在网页上传之前首先要申请域名和购买空间(免费空间不用购买)，然后使用相应的工具上传即可。上传网站的工具有很多，可以运用FTP软件上传(例如Flash
FXP)，也可运用Dreamweaver自带的站点管理上传文件。

（3）网站推广

当网站上传发布后，还要不断对其进行推广宣传，以提高网站的访问率和知名度。推广网站的方法有很多，例如，到搜索引擎上注册、与其他网站交换链接、加入广告链接等。

（4） 网站维护

网站只有经常注意更新与维护保持内容的新鲜感，才能持续吸引访问者。网站维护阶段的主要工作是更新网站内容、确保网站的正常运行以及历史文件的归类等。

二、如何学习网页制作

学习内容一： 1、网络技术，电脑系统安装硬件维护等（赠送） 2、Photoshop图像制作和处理、图像优化、精典网页图形设计实例等。
3、HTML静态网页制作,基本代码,脚本语言讲解。 4、Dreamweaver网站的创建与规划、网页的编辑网站的上传、管理。
5、Fireworks网页图形制作、导航条设计，图象优化、设计经验与制作技巧。
6、Flash动画制作、绘图工具的使用、帧的操作、背景音乐、大量精典动画实例讲解。 学习内容二： 1、网站维护推广 网站维护实战；
网站推广与网络营销、SEO优化。 2、网店营销 网店维护推广营销秘籍，网店实战。 所学内容三： 1
.编程基础：基本HTML对象的使用、CSS样式表的编制、IIS的安装与配置、FTP服务器的配置及使用。 系统快速建站
a.使用网页制作工具Dreamweaver的使用、新闻系统、产品展示系统、留言板、在线调查系统、论坛等讲解、域名空间申请，网站上传，最后拥有一个属于自己的网站；
b.全程解析网站制作，讲解目前最流行的cms系统、安装过程、模板制作、发布过程、dedeCMS、新云、NETCMS等。 3 .项目实例开发设计 (1)
实现数据的分页显示； (2) 网上留言系统； (3) 新闻发布系统； (4) BBS论坛设计系统； (5)
网站php后台完整开发（以商业网站为例全程剖析讲解）

三、网页设计怎么学

我从2001年开始从事学做网页，完全是个人爱好，和自己专业相去甚远。
2005年毕业从事专职网页设计工作，做过2年网站设计师，一年网页设计培训，先是美工程序都自己做，现在专业从事网站程序设计，通过自己走的路我把我的一些学习时的经验和你说说吧1、无论你将来用什么语言做网页，都要先学习HTML（超文本标识语言），一种很简单的语言，也是网页设计的基础，自学一般几天就可以学会，必须要学，尽管现在有三剑客这样的可视化的设计软件。
2、掌握HTML以后，其实你就可以设计一些简单的静态页面了，再接下来就是学习可视化设计软件，比如网页三剑客中的DREAMWEAVER（推荐），和微软的FRONTPAGE，都是可视化的页面结构设计软件，可视化的意思，就是可以用软件中现成的按钮或选项来帮你快速制作网页，代码由软件代替你自动生成，可以大幅提高效率。
3、页面设计学好以后，可以学习FLASH动画和PHOTOSHOP，都用得到。
4、学完这些，恭喜你，你已经可以设计简单的网站了，但如果想工作，那还不行，因为现在大大小小的网站都是动态页面，需要学习动态设计语言和数据库知识。
5、动态语言有很多，比如ASP、JSP、PHP、CGI等等，就不一一列举了，我自己现在用的是ASP和PHP，其中，相对来说ASP和PHP比较容易学习，小型网站多采用ASP，PHP可以通吃一切网站，建议学习PHP，可以根据你的具体情况选择学习。
6、数据库：小型数据库主要有ACCESS、中大型有MYSQL、SQLSERVER和ORACLE，建小型网站简单学学ACCESS就可以了，如果建大型站，就要学后面3种了。
建议学习PHP+MYsql组合，大中小型网站通吃，而且网站空间也好买。
上面6个步骤学习完成你基本上就可以以网站为工作了，不过现在网络公司一般都是批量批量的做网站，他们不需要你美工和程序一起做，他们将做网页页面（PHOTOSHOP+Flash）的称为网页设计师，把专业做程序的叫程序设计师，例如我现在就是做PHP+MYSQL的，叫程序设计师，因为人的能力是有限的，让什么都自己做实在有些力不从心。
不过一般建议大家都会一点，这样可以相互促进。
好了，上面就谈谈学做网站的经验和建议，是我学习网站设计以后回过头再看网页制作学习的经验，也是看了一个同行在QQ问问里面的一篇回答后的总结，希望对你有帮助，有问题可以问我。
一、首先来说不太清楚你的水平学任何一样东西，都要先定位好自己，清楚自己属于哪个阶段，因为有一些资料对别人来说可能是基础，但是对你来说可能已经会了，所以就没有价值了。
另外如果你从头开始的话，我的意见是先去熟悉一下基本的作图的工具，ps也好，其他的工具也好，这有助于你今后的模仿，开始你的第一步。
二、一些基本的语言要懂其次再往下走就是一些基本的语言了，包括html的还有一些其他的。
这一块可以说是比较难的，但是任何人都要经历的，而且必须要学到很精的程度，这里是区分一个高等设计人员和低等的分割点。
这方面的资料网上有很多，不过大多都比较陈旧了，虽然能学会，但是很费时间，你如果真的想在这一行有所作为的话，可以去这个群去认真的学习，会有很多经验丰富的人给你说。
前三位是，肆三伍，中间是，肆二欺。
最后三位是，肆三吧。
学习的氛围很重要，只有你有一个良好的氛围了，你才能真正的学出来。
就像以前普通班级和尖子班的区别。
三、中后期需要掌握的知识接下来就是要懂一些基本的数据库了，包括服务器、静待的网页等等。
这些专业名字你可能听起来云里雾里，但是你慢慢的接触完之后，就会觉得很简单，只是一些名词而已。
所有的东西就是这些了，说简单也不简单，但是要有一根学习的心，不能三天打鱼两天晒网，那什么时候也学不会。
聪明的人其实就是节约了一点点时间才变聪明的。
祝你好运。

四、怎样学习网页制作

答：有关这方面的书呀!就这样一两句也说不清楚,而且一天两天也不一定学得会,自己买书慢慢学更好些.