活动中心

网页设计

  网页设计(web design,又称为Web UI design),是根据企业、机构或个人希望向浏览者传递各类信息,进行网站功能策划,然后进行的页面设计美化工作。 网站作为一种互联网信息传递的一种方式,方便了信息传递的成本、时效性和交互性。网页制作是网站设计的开始,只有掌握了足够的网页设计和互联网基础知识, 才能将自己的网站设计的更加出色。你现在浏览的网站,就是老师用业余时间设计的,希望同学们应用好计算机知识,参与到老师的网站设计中去。

  右侧是清华大学网站home页的一部分,可以看到网页的header部分,它包括学校的logo、交互指引、导航栏、搜索功能及滚动栏。


清华大学网站

语言特点

  很多对计算机感兴趣的中学同学,喜欢用HTML+CSS进行静态网页设计,网页设计即使不掌握那些复杂的开发软件,仅靠HTML和记事本也能设计出漂亮的网页。

  • 1. HTML 的全名是“超文本标记语言”(HyperText Markup Language),上个世纪 90 年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李(Tim Berners-Lee)发明。它的最大特点就是支持超链接,点击链接就可以跳转到其他网页,从而构成了整个互联网。
  • 2. HTML 是网页使用的语言,定义了网页的结构和内容。浏览器访问网站,其实就是从服务器下载 HTML 代码,然后渲染出网页。
  • 3. 浏览器的网页开发,涉及三种技术:HTML、CSS 和 JavaScript。HTML 语言定义网页的结构和内容,CSS 样式表定义网页的样式,JavaScript 语言定义网页与用户的互动行为。HTML 语言是网页开发的基础,CSS 和 JavaScript 都是基于 HTML 才能生效,即使没有这两者,HTML 本身也能使用,可以完成基本的内容展示。
  • 4. 1999年,HTML 4.01 版发布,成为广泛接受的 HTML 标准。2014年,HTML 5 发布,这是目前正在使用的版本。

尝试一下

  下面的这段代码可以实现一个按钮的效果,运行该代码时,会出现一个按钮(Button),点击后会弹出一个提示框,显示的内容:“这里是陈老师青少年编程课堂!”。

清华大学网站

开发软件


Dreamweaver

  为了更好的适应中小学生阶段的学习,我们采用Notepad++ 学习HTML+CSS语言基础知识,同时和现有的信息技术课程有效结合起来。 再打好基础的前提下,有精力的同学可以学习Dreamweaver、Fireworks、Flash等。中学生学习编程更重的是学习语言的基础语法和使用技巧,逐渐了解计算机知识, 不建议同学过多学习软件工具的使用,而是要把重心放在基础知识上面,加深对知识的理解和应用。

Dreamweaver