网站开发 订阅
网站开发是制作一些专业性强的网站,比如说动态网页。ASP、PHP、JSP网页。而且网站开发一般是原创,网站制作可以用别人的模板。网站开发字面意思比制作有更深层次的进步,它不仅仅是网站美工和内容,它可能涉及到域名注册查询、网站的一些功能的开发。对于较大的组织和企业,网站开发团队可以由数以百计的人(web开发者)组成。规模较小的企业可能只需要一个永久的或收缩的网站管理员,或相关的工作职位,如一个平面设计师和/或信息系统技术人员的二次分配。Web开发可能是一个部门,而不是域指定的部门之间的协作努力。 展开全文
网站开发是制作一些专业性强的网站,比如说动态网页。ASP、PHP、JSP网页。而且网站开发一般是原创,网站制作可以用别人的模板。网站开发字面意思比制作有更深层次的进步,它不仅仅是网站美工和内容,它可能涉及到域名注册查询、网站的一些功能的开发。对于较大的组织和企业,网站开发团队可以由数以百计的人(web开发者)组成。规模较小的企业可能只需要一个永久的或收缩的网站管理员,或相关的工作职位,如一个平面设计师和/或信息系统技术人员的二次分配。Web开发可能是一个部门,而不是域指定的部门之间的协作努力。
信息
定    义
开发一些专业性强的网站
发展趋势
不断增长的行业
默认首页
只需要输入完整的域名
中文名
网站开发
比    如
动态网页
基    于
B/S
网站开发网站开发
是开发基于B/S(IE浏览器)的网页开发,一般具有互动性. 也可以理解开发即制作,是较多的小制作带来的开发。网站是由若干个页面组成的有联系的集合。什么是默认首页?为什么我们经常在访问某个网站时只需要输入完整的域名就可以打开网站了,这就说明了该网站设置了默认首页。网站默认首页即默认文档。他是指在访问一个文件目录的时候自动定位的一个文件。比如您的主机空间内有许多不同名字的文件,但是您希望在输入网址的时候,默认访问其中一个叫做index.htm的文件,那么您就需要将默认首页设置为index.htm,当然,您也可以根据网站开发所用语言的实际情况来设置成其他的默认首页,比如index.asp或default.cgi等。
收起全文
精华内容
参与话题
问答
  • 教你玩转HTML(html5)h5网页设计,网站
  • 一个正规的网站开发,理论上需要一个团队的配合,各自发挥自己的长处,网站需求分析、原型设计、效果图、切图、前台美工、后台代码、算法设计、数据库设计、服务器配置等等一系列的事情。  一个人想面面俱到这些...
    一个正规的网站开发,理论上需要一个团队的配合,各自发挥自己的长处,网站需求分析、原型设计、效果图、切图、前台美工、后台代码、算法设计、数据库设计、服务器配置等等一系列的事情。

     一个人想面面俱到这些,还是需要花些时间的。所以对一个初学者来说,我的建议是:别管他三七二十一,不是想开发一个网站吗,别管懂不懂,先开发出来一个再说,在开发的过程中,遇到了问题,再找解决方案的过程中,自己获得了学习,等完成了一个网站,乱七八糟的知识也学了一些,有了一个感性的认识,再去系统性的、深入的去学习也不晚。

      这里提供一个我的开发思路和具体实现的方法:

      开发一个网站,大概是这些东西:

      1.有个整体的网站页面的样子,我们姑且称之为前端开发。

      2.前端有了,点击里面的按钮、链接、新增信息、修改信息等等的操作,需要后台编码,姑且称之为后台开发。

      3.前端有了,后台有了,数据放哪里啊,因此需要用到数据库了,姑且称之为数据库开发。

      4.前面一通完成后,网站可以看了,接下来需要找服务器发布了,姑且称之为网站发布。

      5.网站发布了,如果想让别人通过一个域名去访问,因此需要绑定域名了,姑且称之为域名绑定。

      6.大功告成,回过头来消化一下吧。姑且称之为回味无穷。

      接下来详细介绍。(建议先通读一下,别一上来就陷入某一个细节)

      一、前端开发

      1.先拿笔找张纸,大概想想自己网站有哪些页面,每个页面是什么样子,如果没有灵感,就上网乱逛一阵,借鉴一下别人的做法。

      2.网站大概样子心中有数了,接下来要开发了,别自己从头写代码了,可以用前端框架,各种前端框架我也不对比,也别让你挑的头疼,就用bootstrap吧,网址:http://getbootstrap.com/,twitter的工程师开发的,很多网站有用,开发一个凑合的网站不成问题。说白了,就是给你提供了css、javascript文件,对于一些页面布局、javascript效果,不用自己去写了,可以直接按照官方的说明去操作。具体的说明可以看官方网站,别嫌人家是英文的,其实没有几个单词你不认识,找找先练练,找找感觉。

      3.什么?过程中遇到了html、css、javascript等等问题,不明白的话,建议上这个网站扫个盲:http://www.w3school.com.cn/,自己再练练手,知识应该就够了。

      经过前面三步,应该能够开发出来一个差不多的效果的网站了,大概用上一个星期去看吧,足够了。

      注意:前端开发的过程中不用想着后端怎么实现?例如点击一个按钮怎么实现功能?专心开发前端页面就行了。前端和后端是独立分离的,只需要很小的整合就可以了。

      二、后台开发

      1.如果前端的页面都开发好了,接下来要实现页面上一些功能性的东西了,如果注册、登陆等等功能,就要后台开发了,这里我也建议用框架,后台开发框架也是海了去了,就用Thinkphp的吧,国产的框架,还行,套路还是比较明显的。网址:http://www.thinkphp.cn/,是PHP的,什么?没有学过PHP,以前学的是C#?java?等等,别担心,学一下php也花不了多长时间,关键是一边学ThinkPHP,一边就把PHP给学了吧。如何学习ThinkPHP,可以看官方的文档就好,如果看不懂,可以看一下这个哥们的视频教程:http://www.thinkphp.cn/document/258.html,讲的还是不错的。

      2.看完视频教程还是有些不解,什么乱七八糟MVC了等等概念,不用着急,继续前进吧,可能慢慢就能理解了,谁说不理解就不能前进的,是不?

      注意:这个过程可能有点儿难,不过也还是可以接受的,学明白了,以后修改起来会比较灵活,至少感觉比wordpress灵活。

      三、数据库开发

      1.后台开发过程中,要存一下数据,难免要用到数据库,那么就安装一下mysql吧, 如果觉得不好管理,可以再安装一个可视化的工具:Navicat,需要用什么表,就建什么表吧,反正以后觉得不合适了还要修改。

      2.如果数据库一点儿也不懂,那么网上随便搜搜相关知识,大概熟悉熟悉,会建表、增减数据就行了。有些数据库操作,用ThinkPHP的框架,非常简单的,不需要自己考虑太多东西。

      注意:数据库开发是要配合着后台开发一起的。大概后台开发完了,数据库也差不多建好了。

      四、网站发布

      1.有很多托管代码的服务器,有收费的,有免费的,我就推荐一个吧,用新浪的SAE,速度还可以的,刚开始就先找一个尝试吧,等以后有时间了,可以再尝试尝试别家的。这里SAE是支持ThinkPHP的SAE版本。因此上传上去代码就能看效果了,发布后网址大概样子为:****.sinaapp.com

      2.SAE是按访问流量收费的,弄一个实名认证,会送流量的,对于刚开始的网站,足够用了;如果不放心,可以申请一个中级开发者,每个月都会赠流量。之前是微博有加V就可以申请中级开发者,微博加V传一个自己的工作照就可以了。现在我的中级开发者,有需要推荐的,我也可以帮一下忙,反正我也不怎么用。

      3.如果想本地查看,可以安装一个Apache,至于部署,也不难。

      注意:能到发布这一步,我想应该就没有什么难的了吧。虽然曾经我与新浪各种死磕,今天还是无私的为他做了广告,我代表新浪,谢谢我自己了。(请别说我调皮)

      五、域名绑定

      1.网站建好了,如果感觉****.sinaapp.com不好看,想用自己的域名,也是可以的。

      2.去godaddy申请吧,为啥是godaddy,别人都说好,我也就用了,反正我申请了两个域名,到现在都不怎么用,就当玩儿了。

       3.有域名了,就可以登陆SAE后台,绑定域名了,操作步骤,会有很详细的说明。

      六、回味无穷

      1.经过前面一系列过程,一个你认为还可以的网站应该就可以诞生了。

      2.过程中还有哪些想学的知识,可以去学习了。

      3.开发完一个网站,这一套模板可以保存下来,再开发别的网站,自己也可以用了。

      4.多年以后,你会觉得你的网站好low,不过又能如何,这也是一种人生体味而已。


    展开全文
  • 一个网站开发步骤

    千次阅读 2019-01-31 00:16:40
    怎么说呢,大部分非互联网行业的人是不了解网站开发流程的,他们可能以为就是个简单的页面,顺手拈来,分分钟搞定的,其实不然。 今天就来简单聊一聊一个网站开发步骤,尽量做到简单易懂,希望能让非相关行业的...

    github

    经常有朋友说"我想做个网站"、“网站上放个什么什么”、"对你来说应该很容易,帮个忙吧"等等。怎么说呢,大部分非互联网行业的人是不了解网站的开发流程的,他们可能以为就是个简单的页面,顺手拈来,分分钟搞定的,其实不然。

    今天就来简单聊一聊一个网站的开发步骤,尽量做到简单易懂,希望能让非相关行业的人也能弄懂。

    准备服务器

    服务器是运行网站程序的电脑。

    公网IP

    每台电脑都有一个ip地址。
    例如运行网站程序后,用户可以在浏览器里输入:http://192.168.1.1,去 打开网页。
    其中192.168.1.1就是ip,它属于局域网ip,只有连接同一个路由器的设备(手机或电脑)才可以访问这个地址,4G网络是不通的。
    如果想通过4G流量访问,那么这个服务器就需要一个公网ip。
    目前运营商是不给家庭网络分配公网ip的

    长期、稳定运行

    服务器需要长期稳定运行,它会受供电、网络、温度、卫生等因素影响。家庭环境、个人电脑无法保证服务器所需的稳定环境,非常容易出现服务不可用的情况,因此不适合使用个人电脑放到家中充当程序的服务器。

    云服务商

    基于上述的两个问题,我们一般选择从云服务商那里租用服务器。云服务商提供的服务器都被托管到专业的机房(网络、供电稳定,恒温、干净)中,且会直接分配公网ip,非常省心省事。国内的云服务商可选择“阿里云”、"腾讯云"等等。

    服务器配置

    云服务商一般可按月、年付费。价格依据服务器配置(地区、cpu、内存、硬盘、带宽)而定。收费各不相同,由月一百多至几千不等。配置越高,性能越好, 带宽也高,网速越快。需要根据总用户量、访问并发(同时访问的人数)等因素确定配置,而且程序也要根据用户量、并发等数据去设计方案。

    确定好配置并付款后,服务器一般在十分钟内即可开通。

    开发程序

    程序开发开发一般有以下几个步骤:

    确定需求

    产品经理与客户充分沟通,了解客户的需求、业务场景,出原型图与客户确认,确认需求后不可轻易更改。

    原型图就是简单的网站模型,把客户的业务需求直观的都展示出来。

    效果图

    UI设计依据最终的原型图,进行美化设计,出效果图并与客户确认。

    效果图就是程序最终展示给用户的效果。

    开发

    开发依据原型图和效果图,进行程序设计、开发。有问题随时与产品经理沟通。开发自测之后,出程序包给测试人员。后续修复反馈的bug。

    测试

    测试人员依据原型图上的业务逻辑和效果图,进行功能测试,记录并反馈bug。待所有功能验证通过后,出测试报告。

    上线

    程序通过测试后,将程序部署至服务器上,完成上线。

    上线之后,即可在浏览器输入 http://{公网ip},访问程序。

    准备域名

    以上已经完成了网站的开发、上线工作。但是让用户去记忆公网ip是不切实际的。因此衍生出了域名。

    域名就是用来代替ip,方便记忆的。如www.baidu.comwww.taobao.com

    域名一般也在云服务商那里购买,但需进行实名认证。域名价格也是按易记程度不同,价格差别很大,每年几十到成百上千。

    购买后,在域名管理后台配置域名和ip的对应关系,以后就不用记忆公网ip了。

    准备备案

    根据工信部规定,使用大陆境内服务器的组织或个人,若要使用独立域名开办网站 ,就需要履行备案手续。就像开公司要去工商局申请执照一样,在国内,没有备案,域名就不能访问。

    备案需提交域名和持有者的相关资料以及所开网站的相关信息,工信部审核通过后,会发放备案/许可证编号。

    之后需将该编号挂载在网站首页下方。

    如百度的备案编号如下:

    备案的目的是防止网站用于欺诈用户、传播不法信息等情况,用于事后追责。

    以阿里云备案流程为例:
    填写备案信息—> 阿里云初审(2个工作日内)–> 邮寄阿里云幕布、拍照、上传资料(5天左右) --> 提交工信部审核 (15~20个工作日)–> 备案通过。
    (如出现信息不准确等情况、需回退修改等时间更久)。

    微信的公众号、小程序等对接服务器强制使用备案的域名。

    升级为Https(可选)

    到此为止,程序已经可直接通过域名访问了。

    但注意我们前面访问的网址是以http开头的,即http协议。

    我们知道数据在网络上传输是很容易被黑客监听的,http传输的数据都是明文的,数据一旦被监听,就会直接导致用户隐私数据(账号、密码等)泄漏。

    解决方案就是使用更安全的 https 协议。 https 协议在传输数据之前进行加密,只有客户端和服务器能解密,即使第三方监听到数据,也无法破译其中的密码信息,所以https是安全的。

    网站升级为 https 协议需要有一个网站证书, 证书需要向CA(证书颁发机构)申请, 其价格也各不相同(目前有针对个人用户的免费版证书,一般用于个人博客),企业版的还需企业相关资料进行审核,通过后才会发放证书。

    证书发放后,下载并部署至服务器上即可。

    微信的公众号、小程序等对接服务器强制使用https协议

    当然如不对接公众号、且网站暂无太过敏感的数据时,不开启https也可以。

    至此,全部工作结束。 至于网站日常维护、后期需求变更暂且不提。

    展开全文
  • 前端开发应知网站(强烈推荐!)

    万次阅读 多人点赞 2019-08-31 14:37:49
    作为一名前端开发者(所有程序员)最起码遇到bug就算不会解决也应该会搜解决问题的答案。 一般笔者会先在百度搜(关键词一定要输入正确) 如果没搜到会再去bing里面看看 还没有的话就去github的Issues里面再看看 ...

    笔者文章内容大更新了哦!!!转载的朋友们请注意更新哦~

    感谢内容提供者:金牛区吴迪软件开发工作室

    人工智能推荐学习地址:人工智能社区

    一、搜索技巧

    建议学习一下这个搜索技巧。

    搜索技巧:https://blog.csdn.net/weixin_43606158/article/details/100531733

    只是知道搜解决问题的方法这是最基础的,遇到问题才会去想办法解决,而作为一名积极进取的程序员应该随时跟着时代的潮流走,不断的拓展自己的知识面,这样你会发现你遇到问题的时候大部分情况你都能准确定位问题的原因,在哪里去搜解决方案,或者你早就自学过了,分分钟解决。


    二、接下来笔者与大家分享一下我个人积累的网站:

    1.基础学习类网站

    1. MDN开发者文档:https://developer.mozilla.org/zh-CN/
    2. 菜鸟教程:https://www.runoob.com/
    3. W3CSchool:http://www.w3school.com.cn/
    4. JavaScript教程网:https://zh.javascript.info/
    5. 谷歌开发者工具教程:https://developers.google.com/web/tools/chrome-devtools?hl=zh-cn&authuser=2
    6. Linux整体学习:https://man.linuxde.net/rm
    7. 渐进式web应用程序核对表:https://developers.google.cn/web/progressive-web-apps/checklist
    8. 开发者中心: https://dev.dcloud.net.cn/
    9. CSS参考笔记:http://css.doyoe.com/
    10. Bootstrap官网:https://www.bootcss.com/
    11. CSS优质内容网站:https://css-tricks.com/
    12. CSS 优质内容网站:https://css-weekly.com/
    13. HTML 优质内容网站:https://www.html5rocks.com/en/
    14. JS 优质内容:http://www.echojs.com/
    15. 移动端 Web 开发:https://mobiledevweekly.com/
    16. 人工智能学习地址:人工智能社区

    2.开发文档类网站

    1. 上传文件转进制的formData: https://developer.mozilla.org/zh-CN/docs/Web/API/FormData
    2. art-template模板引擎:https://aui.github.io/art-template/zh-cn/docs/
    3. ejs模板引擎:https://ejs.bootcss.com/
    4. ES6入门(阮一峰大佬的):http://es6.ruanyifeng.com/
    5. React官网:https://reactjs.org/
    6. Redux官网:https://react-redux.js.org/
    7. React Router:https://reacttraining.com/react-router/
    8. Vue官网:https://cn.vuejs.org/
    9. NodeJS官网:http://nodejs.cn/
    10. React Native: https://reactnative.cn/
    11. uni-app:https://uniapp.dcloud.io/
    12. Mui: https://dev.dcloud.net.cn/mui/
    13. Taro: https://taro.aotu.io/?tdsourcetag=s_pcqq_aiomsg
    14. 微信小程序开发者平台:https://developers.weixin.qq.com/
    15. 微信开发者平台: https://open.weixin.qq.com/
    16. 钉钉开发者平台: https://ding-doc.dingtalk.com/
    17. 百度地图开发者平台:https://passport.baidu.com
    18. DvaJS:https://dvajs.com/
    19. jQuery官网:https://jquery.com/
    20. jQuery API中文文档【在线手册】:http://jquery.cuishifeng.cn/
    21. ZeptoJS官网:https://zeptojs.com/
    22. cheerioJS安装地址:https://www.npmjs.com/package/cheerio
    23. RequireJS官网:https://requirejs.org/
    24. Sass官网(CSS预处理器,通过编程的方式来开发CSS):https://sass-lang.com/
    25. Less官网(同上):http://lesscss.org/
    26. Less中文官网:https://less.bootcss.com/
    27. Socket通信:https://socket.io/
    28. JSONPlaceholder:http://jsonplaceholder.typicode.com/
    29. 前端开发者手册【gitbook】:https://leohxj.gitbooks.io/front-end-database/index.html
    30. gitbook: https://legacy.gitbook.com/
    31. 各种语言的书:https://www.laojiyou.com/
    32. 各种书籍:https://www.sitepoint.com/
    33. 各种书籍文章:https://www.smashingmagazine.com/

    3.解决开发难点类网站【各种库,插件,开源网站介绍】

    npm官网:https://www.npmjs.com/
    npm模块管理器介绍:https://javascript.ruanyifeng.com/nodejs/npm.html#toc18

    1. 让代码提交的时候先执行一次代码,如果有报错不让提交:www.npmjs.com/package/eslint-config-airbnb
    2. 验证正则表达式的可视化工具:https://regexper.com/
    3. 开源、免费、企业级CMS系统:https://www.siteserver.cn/
    4. ECharts:https://www.echartsjs.com/index.html
    5. HighCharts:https://www.highcharts.com.cn/
    6. 富文本编辑器wangEditor: http://www.wangeditor.com/
    7. 富文本编辑器UEditor: https://ueditor.baidu.com/website/onlinedemo.html
    8. 蚂蚁数据可视化:http://antv.alipay.com/zh-cn/index.html
    9. 热力图插件:https://www.patrick-wied.at/static/heatmapjs/
    10. 视频监控直播的插件VLC:https://www.videolan.org/
    11. 直播软件开发:http://www.nodemedia.cn/
    12. 网易云信:https://netease.im/
    13. 聊天开放软件:https://www.oschina.net/p/keybase
    14. 有道翻译API:http://fanyi.youdao.com/openapi?path=data-mode
    15. 游戏开发:http://phaser.io/
    16. AI接口:https://cloud.tencent.com/act/event/aiAllFree?fromcampus
    17. babel(将ES6代码转为ES5代码):https://babeljs.io/
    18. 处理时间与日期的JS库:http://momentjs.cn/
    19. Lodash:https://www.lodashjs.com/
    20. 你可能不需要jQuery:http://youmightnotneedjquery.com/
    21. 云小蜜智能机器人API:https://help.aliyun.com/product/59495.html?spm=a2c4g.11186623.3.1.7dad1b005dRM5F
    22. 易万维源接口:https://www.showapi.com/api/apiList
    23. 短信验证码接口:https://www.mysubmail.com/sms/api?tag=jq22
    24. 榛子短信验证码接口: http://smsow.zhenzikj.com/
    25. 草料二维码生成器:https://cli.im/
    26. 二维码
    27. RAP2假数据接口:http://rap2.taobao.org/
    28. 可扒的真实电商数据:http://www.xiongmaoyouxuan.com/#/
    29. 易文档接口:https://easydoc.xyz - - 感谢旅行呱大佬帮助我们丰富资源,他的CSDN主页为:https://me.csdn.net/atsoar
    30. 免费接口:http://www.bejson.com/knownjson/webInterface/
    31. 假数据接口(测试用):http://jsonplaceholder.typicode.com/
    32. jQuery插件库:http://www.jq22.com/search
    33. 轮播图插件:https://www.swiper.com.cn/
    34. 放大镜插件:http://www.elevateweb.co.uk/image-zoom/examples
    35. 响应式瀑布流插件:http://www.jq22.com/jquery-info20261
    36. 百度前端技术学院 — 前端开发项目库:http://ife.baidu.com/
    37. 项目中常用插件:https://blog.csdn.net/weixin_43606158/article/details/90136700
    38. 滚动懒加载的better-scroll:https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/
    39. css rest:http://nec.netease.com/framework/css-reset.html

    4.想要实现快速开发不可不知的

    1. 一行代码搞定bug监控:https://www.fundebug.com/?tdsourcetag=s_pcqq_aiomsg
    2. web开发人员必备工具包(实现快速敲代码):https://docs.emmet.io/
    3. VScode快捷键介绍:https://www.cnblogs.com/bindong/p/6045957.html
    4. 编辑器使用技巧:https://blog.csdn.net/weixin_43606158/category_8999888.html
    5. 前端开源项目CDN:https://www.bootcdn.cn/

    5.各种功能网站

    1. 阿里巴巴图标库:https://www.iconfont.cn/
    2. UI颜色布料:https://www.materialui.co/colors
    3. UI必备颜色表(色块+色码):https://blog.csdn.net/weixin_43606158/article/details/97569176
    4. logo在线制作,有很多:http://www.logofree.cn/
    5. 造字工坊:https://www.makefont.com/
    6. 免费设计图,有很多:https://www.chuangkit.com/designtools/designindex
    7. 图片试别转换各种格式,有很多,只列举了一个:https://zhcn.109876543210.com/
    8. 图片压缩:http://www.topdodo.com/
    9. 图片格式转换:https://www.sojson.com/image/format.html
    10. 小表情的emoji:https://emojipedia.org/
    11. chrome网上商店:https://chrome.google.com/webstore/search/console%20importer?hl=zh-CN
    12. SEO综合查询:http://seo.chinaz.com/
    13. 谷歌开发者工具箱:https://developers.google.com/web/tools/workbox
    14. 直播平台网址备份:https://app.yunxin.163.com/webdemo/education/#/login

    6.在线工具

    1. 在线开发工具:https://tool.lu/c/developer
    2. 在线编辑器:https://codesandbox.io/
    3. 在线做图【ProcessOn 支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图】:https://www.processon.com/
    4. 在线存放图片的地址:https://sm.ms/
    5. 代码变漂亮图片:https://carbon.now.sh

    7.开发人员应知技术

    1. 项目部署流程:https://cloud.tencent.com/developer/information/%E9%83%A8%E7%BD%B2%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%AD%A5%E9%AA%A4
    2. 网站SEO: http://www.jj3721.com/
    3. 前端开发必备JS功能函数总结(上):https://blog.csdn.net/weixin_43606158/article/details/94590474
    4. 前端开发必备JS功能函数总结(下):https://blog.csdn.net/weixin_43606158/article/details/94660402
    5. Postman测试前端请求后端接口:https://www.getpostman.com/
    6. 函数式编程:https://legacy.gitbook.com/@llh911001

    8.前端UI组件库

    1. MintUI:https://mint-ui.github.io/#!/zh-cn
    2. ElementUI:https://element.eleme.cn/#/zh-CN
    3. iViewUI:https://www.iviewui.com/
    4. Layui:https://www.layui.com/
    5. cubeUI:https://didi.github.io/cube-ui/#/zh-CN
    6. Antd:https://ant.design/index-cn
    7. MUI:http://dev.dcloud.net.cn/mui/
    8. Animate.CSS:https://daneden.github.io/animate.css/

    9.刷题

    1. 力扣JS题库:https://leetcode-cn.com/
    2. 刷算法题:https://www.lintcode.com/
    3. Web 开发练习题:https://www.freecodecamp.org/

    10.代码托管平台

    1. coding代码托管平台:https://coding.net/
    2. 码云代码托管平台:https://gitee.com/
    3. github代码托管平台:https://github.com/
    4. SVN代码托管平台:https://svnbucket.com/?ADTAG=bdss#/
    5. SVN代码托管中心:http://www.svnchina.com/
    6. git官网:https://git-scm.com/
    7. 阿里云:https://www.aliyun.com
    8. 腾讯云:https://cloud.tencent.com/

    11.社区类

    1. 码神岛: https://msd.misuland.com/
    2. 掘金网:https://juejin.im/
    3. 思否:https://segmentfault.com/
    4. 知乎:https://www.zhihu.com
    5. stack Overflow:https://stackoverflow.com/
    6. v2ex社区:https://www.v2ex.com/
    7. CtoLib码库: https://www.ctolib.com
    8. 牛客网:https://www.nowcoder.com
    9. FCC中文网:https://www.freecodecamp.one/
    10. web开发互助网:http://hz.uyi2.com/

    12.项目合作

    1. 禅道:https://www.zentao.net/
    2. 蓝湖(ps切图):https://lanhuapp.com/

    13.新闻资讯类

    1. FCC 的 Medium 频道:https://www.freecodecamp.org/news/
    2. React 新闻订阅:http://reactjsnewsletter.com/issues
    3. 社区:https://hashnode.com/
    4. 节点周刊:https://nodeweekly.com/
    5. 前端焦点:https://frontendfoc.us/
    6. JavaScript周刊:https://javascriptweekly.com/
    7. infoQ:https://www.infoq.cn/

    14.书籍类

    1. 开发文档:https://devdocs.io/

    由于部分原因,此模块大部分内容已被舍弃,望读者们见谅
    在这里插入图片描述

    15.学习网站

    1. 妙味课堂:https://miaov.com/
    2. 慕课网:https://www.imooc.com/
    3. 网易云课堂:https://study.163.com/
    4. 中国大学MOOC:https://www.icourse163.org/
    5. tutorialspoint:https://www.tutorialspoint.com/index.htm
    6. html中文网:https://www.html.cn/
    7. hCoder:http://www.hcoder.net/
    8. 扣丁学堂:http://www.codingke.com/
    9. 开课吧: https://www.kaikeba.com/
    10. 书栈网:https://www.bookstack.cn/

    16.应聘网站

    1. 拉勾网:https://www.lagou.com/
    2. Boss直聘:https://www.zhipin.com/?sid=sem_pz_bdpc_dasou_title
    3. 猎聘网:https://www.liepin.com/
    4. 智联招聘:http://landing.zhaopin.com/register
    5. 一早一晚(国内远程工程师招聘):https://yizaoyiwan.com/

    17.休闲网站

    1. 星辰影院:https://www.vodxc.in/
    2. 80s手机电影:http://y80s.com/
    3. 达达兔影院:https://www.jlszyy.cc/
    4. 日本影视:http://www.jp2468.com/
    5. 蛋蛋赞咨询与影院:https://www.twoeggz.com/
    6. 独播库:https://www.duboku.tv/
    7. 哔哩哔哩:https://www.bilibili.com/
    8. 臭豆腐电影:http://www.cdfdy.com/

    18.extra

    1. 接项目接私活的网站总结:https://blog.csdn.net/weixin_43606158/article/details/90728142
    2. 前端面试题一到三年: https://blog.csdn.net/weixin_43606158/article/details/89811189
    3. 前端面试题三到五年:https://blog.csdn.net/weixin_43606158/article/details/89640672
    4. 资源数据:https://www.ceicdata.com
    5. 99藏书网【非IT行业图书】:https://www.99lib.net/book/
    6. 投资界新闻:https://news.pedaily.cn/
    7. CSDN吴小迪的博客:https://blog.csdn.net/weixin_43606158

    三、遇到问题的解决办法

    作为一名前端开发者(所有程序员)最起码遇到bug就算不会解决也应该会搜解决问题的答案。

    1. 一般笔者会先在百度搜(关键词一定要输入正确)
    2. 如果没搜到会再去bing里面看看
    3. 还没有的话就去github的Issues里面再看看
    4. 如果还不行就只能自己去看官方文档然后自己研究了。

    转载的朋友们请注意,此文章为随时更新。转载时请注明出处,谢谢!

    展开全文
  • 并建议她去学习html,因为对于我们学校的大一生即将进入大二的学生而言,在刚结束完C语言和数据结构,要马上进入网站开发,首先需要对网站有个最基本的认识,我说的是从专业角度的认识,你需要从本质上了解什么是...

    今天,小师妹说在家里无聊,不知道要干什么,我说学习啊!并建议她去学习html,因为对于我们学校的大一生即将进入大二的学生而言,在刚结束完C语言和数据结构,要马上进入网站开发,首先需要对网站有个最基本的认识,我说的是从专业角度的认识,你需要从本质上了解什么是网站,然后再开始了解html相对而言效果会好一点。ok,下面就请大家看下我的表演了。喜欢的或兴趣的同学还可以在评论去留言或点赞,或者直接通过邮箱(JosenChina@126.com)和我交流沟通哦!

    什么是网站?网站就是运行在一台或者多台计算机上的一堆代码

    很多人一开始会觉得网站着东西很神秘,看不见,摸不着,却时刻都存在我们身边,会以为网站就像笼罩在自己身边的一层迷雾一样。上大学之前我也是这样想的,直到我们接触了C语言,计算机操作系统,计算机网络神马的,后面才算渐渐地揭开了网站它神秘的面纱。下面我就给大家一一道来。

    了解网站之前,我们需要了解一些其他知识以便更好的理解我后面要讲的内容。如:计算机基础、计算机网络,必要时还可以了解下计算机组成原理,这样理解起来会相对容易一些,但是如果是完全的小白,那暂时了解计算机基础和计算机网络这两个就可以了。

    首先,计算机基础:

    什么是计算机?电脑?是的,电脑属于计算机,但是计算机不仅仅局限于我们一直在使用的个人电脑。我个人对计算机的定义是:在最底层有进行加运算(计算机中减运算本质上和加运算一样,而乘除运算则是加减运算的复杂表现)的能力,并且能把结果反馈给外界的机器或者部件都可以称之为计算机,小到遥控器的按钮处理单元、电子手表等,大到每秒进行几十亿次运算的超级计算机、服务器等都称之为计算机。说白了,就是能够从外界获取信息或自身产生信息,然后对信息进行处理,在把处理结果反馈给外界的一种装置(不一定是电子产品,最早的计算机是有卡片可机械原件组成,那时候单晶硅和晶体管还没问世或者说由于技术原因没发展起来。而如今又出现了一种光学处理器,用光来实现最基本的加减乘除。)

    啥?这些太学术了?不知道我在说啥?好,那我直白一点。所谓计算机,就是拥有计算能力的一种机器,没了。人们之所以要使用计算机,就是由于它高速处理信息的能力可以帮我们更好地解决很多繁杂的事务,并且从中获取更高的价值。

    而网站,就是多台计算机之间通过一种或多种约定好的通信协议(比如二进制数97表示字母“a”,65表示“A”)实现相互通信而已。也就是说,网站实际上就是运行在一台性能比较好的计算机上的一堆二进制码,直接编写二进制码繁琐枯燥乏味,而且出错率高,所以这些二进制码是由其他的比较高级的计算机编程语言代码生成的(如:汇编语言),而程序员就是编写这些高级代码的人。(某些工程由于代码量太大(如网站工程等)直接用汇编语言编写不太现实,所以这些大型工程一般有更高级的语言(如:Java,C#,python,php等)编写,最终在计算机最底层还是最本质的二进制码在运行。也就是说,越是高级的语言,程序员所需编写的代码量就越少。)

    我们平时所访问的网站,像京东也好,淘宝也好,微信也好,实际上是通过网线或者无线wifi、移动网络(3G、4G、5G)等之间或间接的访问京东、阿里巴巴、腾讯的计算机服务器,他们的服务器通过返回一个页面(html页面)给我们的计算机,我们的电脑上的浏览器会编译这个html页面,然后再显示到屏幕上。如图:

    这个网页的实际内容是这样的:

    对,我们所看到的,只是我们的浏览器根据这些内容,渲染出来的而已,服务器并不是真的就发送这么个漂亮的页面给我们。而是发了一堆字符流,这些内容符合html(超文本标记协议),因为浏览器基本都支持这种协议,所以我们就看到了这种协议所表达的画面。

    那问题来了,计算机之间是如何实现通信的呢?也就是说,那么多台电脑,那么多台计算机,我怎么知道该访问那一台,如何识别那一台和谁给我发送的信息、谁需要我的回复等。这个,就是计算机网络的内容了。

    什么是计算机网络?

    由于篇幅有限,我这里只讲个大概,后面有机会再给大家一一道来。

    所谓计算机网络,就是使用网线、光纤、无线WiFi,移动网络等为介质,通过路由器(一种特殊的计算机、专门实现其他计算机之间的通信),把许许多多的计算机直接或间接的联系到一起,就如同一张网一样,每个节点都直接或间接地关联,每个节点表示一台计算机,这样就可以实现计算机与计算机之间的联系了。

    如图所示:

    当然,实际上的路由器是成千上万台的,每台路由器也可能不止连接这么几台计算机(这里的计算机指任何能联网的设备,如:手机、电脑、智能机器人、服务器等,包括路由器本身也是计算机)。

    这里,每一台计算机都有一个唯一的ip地址,用于不同机器之间的通信,比如ip地址为192.168.1.100的计算机想要访问产品地址为192.168.1.101的计算机,那他只需要在发送出去的内容里标明收件ip地址为192.168.101,发件IP地址为192.168.1.100就可以了,剩下的交由路由器去处理,路由器与路由器之间就有一种机制能够实现这种通信,由于篇幅原因这里就不多做讲解,感兴趣的可以去翻阅其他资料或者留意后期我的博客关于http等网络协议的讲解。

    以上已经初步讲解了网站入门所需要了解的知识点,真正学习网站还要在深入了解。下面,我们再来了解一下网站的工作原理吧。没错,现在才是真正进入主题。

    什么是网站?

    网站就是,客户端(如:电脑、手机的浏览器,或者微信客户端等这些在用户手里操作的)通过地址(如:https://www.baidu.com)访问服务端(也就是服务器,如 https://www.baidu.com 地址对应的就是百度的服务器或服务器群(由于一台服务器可能无法处理全国那么多人的访问,所以需要多台服务器来分担压力)),服务端返回一个页面(或其他的内容,如json字符串、xml文件等)给客户端,然后客户端自己分析得到的结果,然后再呈现给用户。那么,这些运行在服务端的代码和配置文件、数据文件等就是一个网站的组成部分。开发一个网站,就是如何使用代码,实现上面的那个过程。

    网站一般分为前端和后端

    所谓前端:可以理解为用户看得到的,或者是运行在客户端的那部分(这些代码实际上也是存放在服务端的,只是客户端访问时从服务端获取,然后在自己客户端运行,服务端指负责存放这些代码)。

    所谓后端:就是实实际际运行在服务端的代码,负责整个网站的具体实现,包括所有的逻辑结构、数据保存、性能维护等。

    如果把一个网站比作一个美人,从以前的观点,前端就是你所能看到的她漂亮美丽的面孔,性感美妙的身姿,还有绚丽多彩的衣服,就是展现在人们面前能看到的那些,而后端则是她的五脏六腑,是她能够活在这个世界上的根本。但是从目前的情况上看,前端的功能已经越发强大,从现在的趋势来看,把前端仅仅比作美人被人们所能看见的那些部分,恐怕学前端的人会很不乐意,更形象一点应该包括美人优雅的舞姿,甜蜜的声音等一些看不到却体会得到的东西。例如现在前端也能够实现一些简单的人工智能(如手写字识别等)。

    一个女人如果美若天仙,却病入膏肓卧床不起,估计无法吸引到多少帅哥,若是身体非常健康但奇丑无比,同样没有帅哥敢接近。网站也一样,如果一个网站的界面做的很好,但后端逻辑很差劲,导致性能差,不能很好得处理高并发请求,经常服务器奔溃等,用户用过一次估计就闻风丧胆。同样,如果后端做的很好,而前端页面不够吸引人,不够人性化,几乎很难吸引到客户。因此,做好一个网站需要双管齐下,两者不存在谁好谁坏之分。

    最后,我们来总结一下,一个网站的具体实现过程。

    首先,客户端通过链接得到要访问的服务器的ip地址(可以查阅资料“关于DNS服务器的工作原理”,DNS服务器,一种实现通过域名地址就能解析得到该地址所对应的服务器的ip的服务器,常用的DNS服务器ip有114.114.114.114和8.8.8.8,后者是谷歌负责维护的DNS稳定性高,当然,前者也不赖,是国内通用的DNS服务器),然后访问该ip地址所在的服务器,服务器通过客户端的请求内容里的请求者ip,知道是那台客户端访问了它,并向客户端发送响应内容,响应内容可能是一个html页面,也可能是json字符串或者xml文件等。客户端再把得到的响应内容进行解析,然后呈现给用户。

    而能够实现该过程的编程语言有很多,目前主流的有Java、php、python、C# 甚至是C语言也能实现,只是不建议用C语言,那样分分钟能要了程序员的命,代码量太大了。我个人就是使用python实现了自己的私人博客,有兴趣可以浏览链接:http://www.blog.josen.top/

    好了,暂时就说到这里了,后面会给大家分享更多的关于编程的知识,由于个人的能力有限,博客可能存在一些不足之处,欢迎大家在评论区留言评论,同时,如果大牛们对肉松有什么建议或意见,或者与肉松有什么志同道合的想法,欢迎通过邮箱(JosenChina@126.com)联系我哦。

     

    展开全文
  • 从零开始开发一个大型网站

    万次阅读 2017-12-20 15:27:18
    从零开始开发一个大型网站 更新:前端代码已全部由TypeScript进行重写 这是本人第一个从零开始开发一个大型网站(前后端+部署代码),是一个内容分享社区,详细信息见github。目前还是开发中后期,随后还要进行...
  • 如何快速开发网站

    2015-06-06 13:55:53
    开发网站 ,一般是如下过程: 找美工画图 进行图片切分 开发人员添加内容 现在还用JSP来做网页,当然属于...那啥的事情。 今天看看不一样的体验,稍有HTML基础,马上就可以照葫芦画瓢了。 第一步:找美工...
  • 网站开发流程

    千次阅读 2019-02-06 23:10:49
    创建一个企业形象网站,要做好商业网站开发的前期准备、中期制作和后期的测试发布工作。前期准备包括了解网站的业务背景、明确网站的设计风格、确定网站内容等;中期制作主要包括创建站点、制作首页、制作模板和制作...
  • 现如今,企业对商城的需求越来越大,商城网站的类型也是有很多。很多人建站的需求都是不一样的,那么商城网站建设的方式有哪些?如何做?下面就让我们一起来看看吧。 万商云集https://www.iwanshang.cn/建站大人在...
  • 网站开发2020.09.20

    2020-09-21 20:22:57
    201819102037 尹凤波 考试系统 <html> <head> <title>试题</title> </head> <body> <form action="提交.jsp" method="get"> <h2>一、判断<...<
  • 个人网站开发的思路–转载 一个正规的网站开发,理论上需要一个团队的配合,各自发挥自己的长处,网站需求分析、原型设计、效果图、切图、前台美工、后台代码、算法设计、数据库设计、服务器配置等等一系列的事情,...
  • 基于java web的在线音乐网站开发与实现

    万次阅读 多人点赞 2019-05-06 22:49:14
    项目采用S2SH+JSP+Ajax+Layui+Jquery等技术框架开发,虽然现在已经不是SSH的天下了,但是学习一下还是很有必要的,不然后面工作遇到这种老的项目自己再上手还是挺痛苦的。学习一个框架其实是...
  • 经常看到Web开发、网站开发、企业级开发,以前很难分清楚它们之前有什么不同?以前也有个说法:Java比较适合企业级开发。 现在经验增加了一点,谈谈我的一点看法。 Web开发:www访问的网页、网站,BS模式。 网站...
  • 个人网站开发流程

    千次阅读 2019-03-02 11:27:00
    不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。一定记住,在互联网只有第一,没有第二。 2.选择域名 在互联网世界中,域名就是网站的名字。一个好...
  • 动态网站开发流程

    千次阅读 2018-10-23 15:03:19
  • 电商网站开发过程

    千次阅读 2018-08-09 14:09:24
    概述 设计内容: 本设计主要利用VS2005+MLSQL...设计过程中使用的开发工具 PhotoShop,FireWork等图形处理软件 Dreamweaver,Visual Studio.NET可视化编辑工具 Sql Server或其他数据库 系统设计 业务流程分析 用...
  • 主流网站开发技术的对比

    千次阅读 2013-11-27 16:18:04
    主流网站开发技术的对比   在比较之前,我们分别简要介绍一下ASP、PHP和JSP技术的一些特点。 (转载自主机互联http://www.hlidc.net) 1.ASP的特点 ·结合HTML标签,编写简单,可实现快速开发...
  • 网站开发的基本步骤

    千次阅读 2019-03-17 19:45:30
    1.网站策划:网站定位、资料收集、确定开发环境 2.页面设计:效果图、页面开发、整体效果演示 3.后台开发:数据库设计、程序实现、测试与发布 4.网站部署:域名申请、购买服务器、网站部署 5.后期维护:内容维护...
  • 企业Java网站开发工具

    千次阅读 2013-04-20 14:58:13
    企业Java网站开发工具 作者:吴梦升 前言 有人说用Java开发网站的速度慢而且在美观上还没有C#好,但我个人认为使用Java开发项目可以做到快速开发和高质量开发,因为Java很多的框架和工具是开源的,而且对于项目...
  • 欢迎大家积极开心的加入讨论群 ... 一、本地推送端 1、本地:采用javaCV(安卓和java平台推荐javaCV)、ffmpeg、openCV或者...javaCV开发详解之2:推流器实现,推本地摄像头视频到流媒体服务器以及摄像头录制视频功能...

空空如也

1 2 3 4 5 ... 20
收藏数 1,029,577
精华内容 411,830
关键字:

网站开发