请选择 进入手机版 | 继续访问电脑版
在线投稿 文字标题 文字标题 文字标题 文字标题 文字标题
切换皮肤
第二部分:网页设计师应该如何学习编程代码?从GitHub开始
在第一部分中,我们学习了终端的基础知识,以及如何选择代码编辑器编程代码。在第二部分中,我们要学会使用Git与学习基础HTML和CSS,更重要是要了解开发工程的运行原理。
目前网上有很多的代码管理平台,但是我们现在大家都比较熟悉的GitHub进行管理我们代码,其他代码管理平台差不多类似,过程与原理都是一样的。
在进行编程代码之前我们先注册GitHub账号,了解GitHub工作原理,我们在GitHub找到一个开源web项目(前端部分), 下载到自己的电脑,用浏览器就可以打开文件就可以看到网页内容。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2020%2F0325%2F1dd88572j00q7ra3u0017d000s600dkp.jpg

当然你也可以使用第一部分我们说的使用终端下载到自己的电脑,基本步骤:
步骤1:FORK
在您的GITHUB帐户上获取代码的副本
第2步:克隆(将代码下载到您的计算机中)
clone hhs地址
步骤3:安装(在计算机上运行)
导航到/project文件夹。输入cd liferay.design。大多数项目将在文件夹中包含README.md文件/root,这通常是安装和运行项目的起点。就我们而言,要安装,请输入npm install。安装完成后,输入npm run dev。恭喜你!现在,您可以在本地计算机上使用该站点,项目会告诉您该站点的运行位置。打开浏览器并转到localhost:7777。
步骤4:提交(进行一些更改并保存)
第5步:推送(将更改发送到原点)
第6步:提取请求(将你的更改合并)
提示:使用git remote -v终端检查
HTML和CSS:从语义入手
在网络上,有无数的HTML和CSS的共享资源,可以开始你的第一步编程之路。
什么是HTML和CSS?
在进一步介绍之前,让我们了解HTML和CSS。
HTML代表超文本标记语言。
“超文本是显示在计算机显示器或其他电子设备上的文本,带有对读者可以立即访问的其他文本的引用(超链接)。”
标记语言:
“一种用于以语法上可区别于文本的方式注释文档的系统。”
HTML文档有两个主要部分:和和。
CSS代表Cascading Style Sheets(级联样式表)-它通过扩展文档的自定义外观来扩展HTML。
初级语法开始,但是不建议背下来,而是通过练习自然熟练,跟着网上免费教程编程吧。
每天坚持编程一定的代码,在错误中发现问题,我相信一周之后你就完全了解代码运行过程与原理。


回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则


    Archiver|手机版|小黑屋|齐聚无忧 |网站地图

    Powered by Discuz! X3.4  © 2001-2013 Comsenz Inc.