方程式教育咨询

网页设计语言包括哪些种类_学会这三种语言,你就能成为网页设计高手

发布时间: 2024-11-22

信息技术的发展,给人类带来了巨大的变革,快速改变着人们的生活。

有*说:未来20年,不懂编程将会成为某种意义上的"文盲"。也就是说在未来,编写程序将是一个人*基本的谋生技能之一。

那么,怎样才能让孩子走进编程的大门,形成编程思维,并且能用编程来解决实际生活中的问题呢?

undefined


它采用故事驱动,激发了学习者的兴趣;图文并貌,易于理解;化整为零,将复杂的编程问题分解成小步骤,一步步用编程来完成,使得学习者由浅入深地学会复杂的编程技能。


英国青少年开发者社区是一家培养未来技术明星的全球性社区。全球爱好编程的少年儿童在这个社区可以遇到志同道合的朋友,学习创建应用程序、网站和算法,并且能受到*的编程*的指导。


《开始编程》讲述了如何用HTML(超文本标记语言)、CSS(层叠样式表)和Javascript编程语言来创建网站、编写基于网页的应用程序和游戏等互联网开发。其内容分为三个部分:

*个部分是制作简单的网页和给网页创建密码;

第二部分是设计基于网页的应用程序和利用网络资源来创建网页;

第三部分是制作基于网页的游戏和创建网站。


首先,我们来了解一下HTML、CSS和Javascript编程语言。

HTML是一种超文本标记语言,可以给浏览器发送指令,给网页添加文字和图片,把一条条信息组合成行、段落或章节。目前几乎所有网页的基本结构,都是用HTML编写的。

CSS(层叠样式表)是一种经常与HTML配合使用的编程语言。它可以改变网页的外观,比如网页中文字大小、颜色和位置,或是网页背景色等,使网页更漂亮。

Javascript是一种*流行的编程语言,可以让HTML和CSS编写的网页具有交互性,即让网页能根据用户的操作做出改变。


其次,我们来了解一下编写网页所用软件和注意事项。

所用软件:

如果电脑是Windows操作系统,可以用"记事本";如果电脑是MacOS操作系统,可以用"文本编辑";如果是想更专业,也可以使用专业的网页编辑软件Frontpage、Dreamweaver等。


注意事项:

1.把自己创建的所有HTML文档、以及用到的图片都放在一个文件夹里;

2.代码中的字母的大小写要分清;符号用半角的;给Javascript的一段代码命名时,用骆驼拼写法(把两个单词拼成一个单词,*个单词以小写字母开头,第二个单词以大写字母开头,两个单词之间没有空格,比如sayHello);

3.不一定自己编写代码,可以登录后浪出版社官网(http://www.hinabook.com)点击"下载",再点击"资料",找到"《开始编程!》资料包"进行下载,然后在资源包里,找到需要的代码,复制到自己的HTML文档里。


另外,如果看到网页中喜欢的设置,可以点击浏览器的"查看原代码",然后复制相应代码到自己的HTML文档里(这种方法需要能读懂代码,适合有一定网页编程基础的人)。

*后,我们来试着编写一个网页。

先创建一个HTML文档

创建一个祝福端午节的网页:

1、打开"记事本",输入代码,如图1,保存成"端午.HTML"。


2、双击"端午.html",浏览器显示如图2。


然后用CSS改变字体颜色和位置

让网页中显示的字的颜色变成红色,并且居中。

1、在原有代码上加入代码

,如图3,然后保存。


2、双击端午.html,浏览器显示如图4。


*后用Javascript设置访问网页的密码

只有输入正确的密码(比如密码设置为abc300),才可以访问端午网站,否则提示"密码错误,拒绝访问!"

1、在"记事本"里新建一个文档,输入代码如图5,然后保存成"密码.html"。


2、双击密码.html,浏览器打开,显示如图6。


3、如果输入的密码是abc300,则跳转到端午.html网页,否则拒绝访问端午.html网页,浏览器显示如7。


更多培训课程,学习资讯,课程优惠,课程开班,学校地址等学校信息,请进入 方程式教育咨询网站详细了解
咨询电话:400-850-8622

相关文章

最新文章

相关课程

温馨提示:提交留言后老师会第一时间与您联系! 热线电话:400-850-8622