参考资源—图书深入浅出HTML与CSSXHTML深入浅出Web设计.PPT

超链接标记 - a 主要属性：href 取值： 绝对URL 相对路径 网页内部某处 href=“#” target属性：_blank等 a href=“”新浪微博/a 图像标记img src属性 – 图像文件的位置（路径） alt属性 width height img src=“images/logo.png” alt=“site logo” width=“100” height=“60” 图像文件格式：gif/jpeg/png/svg* Web服务器架设与网站发布 Apache Web服务器 配置文件: httpd.conf DocumentRoot配置指令 默认值htdocs 网站发布 FTP/sftp客户端工具上传 。。。 动态网页与静态网页 PHP技术/语言 在网页中嵌入PHP程序 Web服务器中的PHP扩展先执行其中的PHP程序 将处理结果返回 hello.php ?php echo date(r); ? 每次请求返回的网页内容不同 作业题 查阅HTML参考资源，了解所有标记都支持的属性有哪些，它们的作用分别是什么？ 了解虚拟主机的实现原理，并尝试对Apache Web服务器进行配置支持多个域名对应网站的访问。 课程学习目标 Web应用程序开发 Web前端开发技术/Web设计 HTML4/XHTML/HTML5 CSS JavaScript 语法/语义 DOM BOM 动态网页开发技术 PHP，Servlet/JSP，Python(Tornado，Django),Ruby(Rails，Sinatra) 参考资源—图书 深入浅出HTML与CSS、XHTML 深入浅出Web设计 写给程序员的Web设计书 JavaScript权威指南 JavaScript语言精粹 参考资源--在线资源 / /cn/docs/Web /html /css /javascript 开始之前，我们需要什么？ 编辑器/IDE Notepad++/Sublime Text Eclipse JEE版本 Web服务器 Apache、Nginx、lighttpd、Tomcat、IIS 在线工具 W3C Validators ColorScheme设计工具 其他 Web浏览器 IE(6,7,8,9,10) Firefox Chrome Safari / iOS Safari Opera Android Browser 浏览器兼容性问题 为什么同样的网页在不同的浏览器中显示的不一样？ Rendering Engine（Layout Engine） WebKit Gecko Trident Presto Javascript引擎 Google V8 Rhino，SpiderMonkey，Chakra?等 第0章 最重要的东西？ 结构/内容 = HTML4/XHTML/HTML5 表现/外观 = CSS/CSS3 行为/交互=JavaScript（ES3/ES5/ES6）+DOM/BOM API 快速起步！！！ XAMPP安装包（附赠电池） Apache MySQL PHP/PEAR/PERL/Tomcat PhpMysqlAdmin FillZilla FTP Server 。。。 第1章 网页设计概述 Teaching Objectives 通过本章学习，应该掌握以下内容： WWW的工作原理 URL/URI HTTP协议基础知识 HTML网页的结构 文本相关的标记 WWW的工作原理 Web浏览器/Web服务器（客户机/服务器）工作模式 Web浏览器发送HTTP请求报文 Web服务器发送HTTP响应报文 URL URL（Uniform Resource Locator） scheme://host:port/path?querystring#fragment scheme – 一般为网络协议 host – 域名或IP地址 path – 资源的路径 querystring – 附加数据 fragment – 资源内部标识 示例： /News/Detail_Layout1.aspx?id=15331 HTTP协议基础 Web浏览器与Web服务器之间使用HTTP协议进行通信 HTTP是纯文本协议，报文的各个部分之间使用CRLF分隔 利用Google Chrome浏览器提供的开发人员工具查看Web浏览器与Web服务器之间的HTTP通信过程 HTTP请求报文 Web浏览器先发起请求，每个请求都是一个HTTP请求报文， HTTP请求报文包含： 请求的方法（GET/POST） 所请求资源的地址 采用的HTTP协议的版本 首部字段 请求实体 HTTP响应报文 Web服务器在接收到请求并对其处理以后向浏览器返回HTTP响应报文 HTTP响应报文组成： 状态行