如何系统的学习做网站?

作为计算机专业学生,做网站方面只是略懂,在校学生会时改过一些校网站的代码,但从未从无到有的系统的做出一个网站,略懂HTML略懂css div略懂php 略懂cms,但还是想要系统的学一下web开发以达到以下水平:1.自己可以从无到有搭建出一个简单静态网站 2.可以通过给小公司做网站赚一些零花钱 3.做出自己的可以达到创业目的的网站 4.让同学觉得我很NB

回复内容:

在我看来LZ需要的不是“系统的知识”,而是“面对与解决问题的能力”。顺便一提,前端开发不见得有完整的知识体系,大家都在野蛮生长。

前端也不会像JAVA什么的会有如此多的“系统”的知识,在我看来那不过是由大公司和培训机构定义的标准,目的是为了更多的人流入他们的体系,而不是为了技术界的繁荣和知识的整理与开放。

## 后端部分:

PHP+MYSQL要学好。不得不说,PHP仍然是最好入门的WEB开发语言,没有之一。语言本身简单直接,直接跟页面文件对应,文档和社区也完善。

如果打算自己整服务器的话,APACHE和LINUX的一些基础也是需要学习的,这个对于计算机专业学生来说也是必备技能之一。

## 前端部分:

首先,看《精通CSS》,jQuery多研究官方的非官方的教程和书籍,JS也找些书读读。

然后,就可以开始边实战边找资料填补了。刚开始会很痛苦,没关系,慢慢折腾。

## 实战

几乎我所知道的所有的做网站开发的童鞋最开始都是从个人页面开始做,偏前端的比较多是静态个人主页,而偏SERVER端的比较多是折腾博客、Wordpress开发之类。

这几乎算是最好的方向了。从经营自己的品牌开始,然后再慢慢做些自己想到的有意思的点子。

加油。1.如果你只是想做纯静态的网站,HTML+CSS+Javascript基本就可以应付了,加一点photoshop的应用会让网站看上去比较漂亮。
2.但现在纯静态网站已经很少了,多少都会和数据库打交道,因此你得熟悉最基本的网站三层架构和SQL语句,另外JAVA WEB方向的SSH和.NET方向的MVC也是推荐掌握的。这些知识可以让你开发出一个可行的网站。
3.如果需要对网站做进一步的优化,例如面向大客户群,大数据等,还有许多更加深入的技术,这些可以作为补充,如果你掌握了上面的技术并想进一步深入的话可以去研究。
以上三点做到第一点你同学会觉得你NB,做到第二点你的客户会觉得你NB,做到第三点真正懂行的人会觉得你NB。直接上手一个项目,最好是商业项目。有问题就google,现学现用。
有deadline逼着你,你会学的快些。
在开发过程中,会遇到各种困难,自己试着解决,向大牛请教。
这个阶段是学习的密集时期,很痛苦,但也因此快速学到了技能,几个月后,你会明白自己可以回答这些问题。

——————————————————————————————

最后,我做开发一年了,从做项目得到一点感触,与君共勉:

学习编程技术往往不是我们一开始想得很明白才动手的!很多时候,恰恰是因为我们的犹豫和思考使我们徘徊不前,那样只会错失最佳学习时间。就是让你害怕的一个人(比如你的领导) 逼着你制作一个网站(必须XX时间交) 然后你就会了

起码 我是这样会的从你的经历看,你目前是是属于能读懂代码,真正要独立开发一个web软件,你还需要沉下心来,首先从最基础的html和css标签学起,因为很多时候我们会改代码是因为别人给你一些标签,你只需要对应着标签去找一个替换,但是自己从空白页开始布局整个页面就大脑一片空白,因为你学的标签都很零散,不足以连贯起来,html和css标签很多,互相都有关联的,需要组合搭配使用,所以建议你从头开始对每一个标签的用法再过一遍,然后模仿别的网站先用div css布局一个网页,这个过程你会用到很多以前没用过的标签,也会对已知的知识有一个新的了解。后台开发语言这一块,你需要着重一门语言来系统学习,如果是建站,有CMS就可以满足了,它只需要你懂一些前端布局和基础的开发语言,有的甚至不需要会开发语言。按照你想做的网站选择合适量级的CMS,例如大型网站选用帝国、织梦、phpcms等,简单的可以用通王、WordPress等,选中一个着重学习。个人的一点经验,一样对你有帮助。我感觉你的标题和你的目标实在是不搭。

我的回答从你的问题,和你的目标“1.自己可以从无到有搭建出一个简单静态网站”出发。其他目标忽略掉了。

首先,你需要明白一个页面从浏览器输入地址后到展现发生了什么事情。直接去搜索以下,有很多相关的网页,我记得我看过一篇特别好的,想帮你找出来结果找不到了……

在你了解发生了什么事情的过程中,你会了解到如下一些相关知识:
1、DNS协议
2、HTTP协议
3、服务器如何处理请求
4、浏览器如何渲染

鉴于你的234目标,以上需要有一些基本了解即可,也不需要太深入。

然后,你要明白一个网页主要包含了三个基本内容:
1、文档结构
2、视觉显示
3、行为交互

分别对应如下语言:
1、文档结构:HTML
2、视觉展示:CSS
3、行为交互:javascript

再然后,依次去找标准教程或者好一点的教程学习就可以了。如果英文足够好的话,去 World Wide Web Consortium (W3C) 网站上直接看教程。要看中文的话到 w3school 在线教程 去看相关的内容。

学习是一个持续且迭代的过程,但任何冠以“系统学习”这个大帽子的学习方式我认为主要是要掌握根本的理念、原理。其他细枝末节的东西在实践中都会因为一次一次的碰到问题google百度而得到提高。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3125911.html

(0)
上一篇 2025年3月29日 20:03:54
下一篇 2025年3月29日 20:04:02

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 相比px而言,在响应式web设计中,em有何优势?

    我把html中所有长宽全部改用百分比,为了更好的适配不同尺寸的显示设备,而字体这块一直没有很好的解决办法,1em=16px,em的值并不是根据显示器宽度设置的百分比,那为什么还要将px改为em?我该怎么让我的字体大小也能有效的配合整体的百分…

    编程技术 2025年3月29日
    100
  • 如何删除多余无用的css?

    项目经过几个版本的迭代,几个css文件加起来都有快6k行了,目测一半都是没用的代码,有没有自动的工具识别并删除这些代码?网上搜了一些,要么就是不好用,要么就是只能搜索出没用的css,不能自动删除的。有没有人有更好的办法? 回复内容: 火狐的…

    编程技术 2025年3月29日
    100
  • 熟练JavaScript的步骤应该是?

    自学编程狗,已能熟练html和css,JavaScript看完了《JavaScript dom 编程艺术》,在看《锋利的jquery》,现在编canvas的html5游戏,发现老是有JavaScript的问题不懂,一百度,或者上网问大神又很…

    编程技术 2025年3月29日
    100
  • web存储–webstorage详细介绍

    web存储分类 客户端和服务端  认识web存储 随着web应用的发展,是的客户端存储的用途越来越多,然而实现客户端端存储的方式也是越来越多样化。最简单最兼容的方式就是cookie,但作为真正的客户端存储cookie还是存在着许许多多的弊端…

    编程技术 2025年3月29日
    100
  • 利用gulp实现压缩的实例

    1,下载安装node 访问  ,然后点击大大的绿色的 install 按钮,下载完成后直接运行程序,就一切准备就绪。 npm 会随着安装包一起安装, 2,打开代码行 node -v //查看node版本,如果显示版本号,则安装成功。 npm…

    编程技术 2025年3月29日
    100
  • H5的web本地存储如何使用

    这次给大家带来h5的web本地存储如何使用,怎么使用h5的web本地存储?h5的web本地存储使用的注意事项有哪些,下面就是实战案例,一起来看一下。 Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似…

    编程技术 2025年3月29日
    100
  • CSS如何正确命名

    大家都知道css命名有它的规则和方法,那大家都知道有哪些呢?本文主要和大家分享css命名规则和命名方法,希望能帮助到大家。 CSS命名规则   头:header   内容:content/containe   尾:footer 立即学习“前…

    编程技术 2025年3月29日
    100
  • 手机端怎样用rem+scss做适配

    这次给大家带来手机端怎样用rem+scss做适配,手机端做rem+scss适配的注意事项有哪些,下面就是实战案例,一起来看一下。 rem介绍 rem(font size of the root element)是指相对于根元素(即注意事项)…

    编程技术 2025年3月29日
    100
  • 怎样用H5的WebGL实现3D虚拟机房的漫游动画

    这次给大家带来怎样用h5的webgl实现3d虚拟机房的漫游动画,用h5的webgl实现3d虚拟机房的漫游动画的动画有哪些,下面就是实战案例,一起来看一下。 第一人称在 3D 中的用法要参考第一人称在射击游戏中的使用,第一人称射击游戏(FPS…

    编程技术 2025年3月29日
    100
  • font-weight:blod的跳动问题怎样用CSS解决

    这次给大家带来font-weight:blod的跳动问题怎样用css解决,font-weight:blod的跳动问题用css解决的font-weight有哪些,下面就是实战案例,一起来看一下。 需求:实现鼠标悬停在链接上时,链接字体加粗的功…

    编程技术 2025年3月29日
    100

发表回复

登录后才能评论