第一讲 Web开发基础教程教案.ppt

Web开发基础;课程相关说明;教材与参考信息 《学习Web设计》（第3版） Jennifer Niederst Robbins著 靳志伟 等译 机械工业出版社 作者介绍：Jennifer Niederst Robbins有14年的网站设计经验，是一位设计师，也是一位教师。她于1993年设计了第一个商业网站：OReilly全球网络导航（GNN）。她是 OReilly畅销书“Web Design in a Nutshell”的作者，并且曾在波士顿的马萨诸塞艺术学院和罗德岛的约翰森威尔士大学任教。 参考网站： 课件下载：;成绩考核 期末考试+平时成绩 平时成绩=考勤+作业+上机实验 上机实验要求 按实验要求认真完成实验任务，按时交实验报告 不要做与学习无关的事情，如：聊天、玩游戏、看视频、听音乐、打手机、发信息等等。;本讲内容;第一章 网站设计相关学科、技术和工具;1.1 网页设计涉及的学科;平面设计;界面设计;文件制作;脚本和编程;多媒体;前台和后台;1.2 网页设计的相关技术;HTML/XHTML;CSS;Javascript脚本;服务器端编程;静态网页和动态网页;XML;JAVA;Ajax;1.3 网页设计工具;软件 网页创作 HTML编辑器 图像软件 多媒体工具 互联网工具;网页软件;HTML编辑器;图像软件;多媒体工具;互联网工具;文件传输程序（FTP） Windows WS_FTP CuteFTP AceFTP Filezilla Macintosh OS X Transmit Fetch Interarchy;终端应用程序 Cygwin：适用于Windows的Linux模拟器 PuTTY：telnet/SSH terminal模拟器 Terminal：适用于Mac OS X的终端模拟器;一个重要的名称W3C;本章小结;第二章 网站的工作原理 ;2.1 互联网和网络;2.2 服务器的作用;IP地址 互联网上的每台主机都必须有一个唯一的网络地址，网络地址是一台计算机唯一的标识，称为IP 地址。 域名和域名解析服务(DNS，Domain Name Service) TCP/IP采用一种字符型的地址标识，称为域名（Domain Name），域名是IP地址的符号表示。 ;域名系统采用分层结构 每个域名由几个域组成，域与域之间用小圆点 . 分开，最末的域称为顶级域，其他的域称为子域。每个域都有一个有明确意义的名字，分别叫做顶级域名和子域名。 域名地址从右向左分别用以说明国家或地区的名称、组织类型、组织名称、单位名称和主机名等。一般格式为： 主机名 . 商标名（企业名）. 单位性质或地区代码 . 国家代码 比如：域名 ，其中ise代表服务器主机，代表主机所在的域，其中ujn域是edu域的子域，edu域是cn的子域。 顶级域名一般分为地理类顶级域名和组织类顶级域名 域名解析是域名到IP地址或IP地址到域名的转换过程，域名解析由域名服务器来完成。 多个域名可以与一个IP地址映射。;;2.3 浏览器的作用;2.4 网页地址（URL）;;2.5 默认文件;2.6 剖析一个网页;HTML文件;初步了解HTML;图片在哪里？;总结：网站的工作原理;第三章 网页设计的本质;网页设计的本质;3.1 浏览器版本;满足多种浏览器版本;3.2 可选的浏览环境;处理多样性 从好学易懂的HTML开始 提供替代内容 允许文字改变大小 不要把文本放在图片中 当创建HTML表格时使用易读性的功能 小心使用颜色和背景;3.3 用户喜好;如何应对用户的喜好 灵活的设计 把网页设计的更灵活 设计的技术：使用CSS布局技术，以便改变文字的大小；或提供多个样式表 确保在没有图片、脚本、applet和插件时，你的网站内容仍是可以访问的。 ;3.4 不同的平台;应对不同的平台 允许变化 关注内容和功能的可用性，无需注意细节，灵活设计 指定常用字体并提供选择 提供一个备选字体列表 确保媒体播放器在所有的平台上都是可用 选择媒体格式时，确保在所有平台上，都是可以被访问的。 不要在你的界面设计中模仿某个操作系统;3.5 连接速度;3.6 浏览器窗口大小和显示器分辨率;应对浏览器速度 液态布局 可以调整大小，并适应变化的窗口大小 保证了正常的使用，并且符合媒介的精神 开发者不必选择某个目标分辨率来开发 在非常大的显示器上，行可能会变得很长，不方便阅读 固定布局 使内容固定为某种宽度 显示器太大，页面有大幅空白，太小，部分内容看不见 ;3.7 显示器色彩;作业