[web设计课件.pptVIP

Web开发基础 课程相关说明 教学要求 掌握(X)HTML语言 掌握CSS（层叠样式表） 掌握JavaScript 掌握Web服务器的配置 掌握网站的开发流程和发布 学习方法 熟练掌握基础知识 亲自动手编写文件 上机实践 教材与参考信息 《学习Web设计》（第3版） Jennifer Niederst Robbins著 靳志伟 等译 机械工业出版社 作者介绍：Jennifer Niederst Robbins有14年的网站设计经验，是一位设计师，也是一位教师。她于1993年设计了第一个商业网站：OReilly全球网络导航（GNN）。她是 OReilly畅销书“Web Design in a Nutshell”的作者，并且曾在波士顿的马萨诸塞艺术学院和罗德岛的约翰森威尔士大学任教。 参考网站： 课件下载： 成绩考核 期末考试+平时成绩 平时成绩=考勤+作业+上机实验 上机实验要求 按实验要求认真完成实验任务，按时交实验报告 不要做与学习无关的事情，如：聊天、玩游戏、看视频、听音乐、打手机、发信息等等。 本讲内容 第一章 网站设计相关学科、技术和工具 第二章 网站的工作原理 第三章 网页设计的本质 第一章 网站设计相关学科、技术和工具 1.1 网页设计涉及的学科 1.2 网页设计的相关技术 1.3 网页设计工具 1.1 网页设计涉及的学科 网页设计综合了多种学科 平面设计 信息设计 界面设计 文件制作 脚本和编程 多媒体等 平面设计 网络是视觉媒体，网页的展现和设计很重要 平面设计包括页面中的图像、标志、颜色、布局等等 平面设计师要精通Adobe Photoshop 若想成为平面设计师，而有没有视觉设计的经验，应该学习一下平面设计的基础知识 信息设计 包括内容的组织和如何获取这些内容 信息设计师处理的是信息图表 信息设计是站点创建的关键环节 界面设计 平面设计 网页外观 界面设计 网页是如何工作的 可用性：网页浏览者能否很容易的实现自己的目标，以及使用这个网站的体验。 界面设计的功能即可用性 网站的界面包括 在这个网站上操作的方法：按钮、链接、导航装置等； 这个页面的功能组织情况 文件制作 编写HTML和样式表 制作文件要求 必须掌握HTML和样式表 掌握图像制作技术 最好了解脚本和编程技术 脚本和编程 高级网页功能（如表单、动态内容和互动）需要编写网页脚本或在后台运行的特殊程序。 程序员的工作 需要有高超的电脑编程技术 多媒体 在网站上添加多媒体元素，可以使网站更生动、更酷! 多媒体包括声音、影像、动画片和互动的flash电影等。 前台和后台 前台 网页设计中与浏览器直接相关，或在浏览器中直接显示的部分。 相关任务：平面设计、界面设计、信息化设计、网站制作 后台 运行在幕后服务器上的程序和脚本； 使页面成为动态页面，并能够互动； 相关任务：信息设计、表单处理、数据库编程、内容管理系统、服务器端的网页程序。 1.2 网页设计的相关技术 HTML/XHTML CSS（层叠样式表） javascript脚本 服务器端编程 XML Java HTML/XHTML HTML(HyperText Markup Language，超文本标记语言)是用来创建网页文件的语言。 HTML并不是一种编程语言，而是一种标记语言，用来识别和描述一个文件中各个组件的系统。 学习网页制作必须要掌握HTML 学习HTML的最好方法是动手编写 CSS CSS用来描述内容如何在页面上显示 CSS是现今格式化文本和页面布局的官方和标准机制 CSS是自动制作的有效工具 如果专业从事网页设计，必须要掌握CSS Javascript脚本 Javascript是一种脚本语言，在网页中，它可以用来添加添加互动和行为 Javascript常用于操纵网页元素或者某些浏览器窗口功能 Javascript是标准和应用最普遍的脚本语言 服务器端编程 静态页面和动态页面 动态页面涉及到服务器端编程 可创建网站程序的脚本和编程语言 CGI脚本（用C++、Perl、Python或其他语言来编写） Java Server Pages（JSP） VB.net ASP.net Ruby on Rails 静态网页和动态网页 静态网页 静态网页是标准的HTML文件，其文件扩展名是.htm或.html； 它可以包含HTML标记、文本、Jave小程序、 Flash、客户端脚本（JavaScript、、VBScript）以及客户端ActiveX控件，但这种网页不包含任何服务器端脚本， 静态网页一经生成，内容就不会再变化，不管何时何人访问，显示的都是一样的内容，如果要修改相关内容，就必须修改源代码，然后上传到服务器