web技术概论第三周作业

hw1：作业第一题要求我们用css样式表实现一个网页的布局。作业本身不难，只需要用HTML写出div，css对各个块进行布局即可。但是实际操作时仍然遇到一些问题。有以下几点值得探讨：
1.由于布局需要对不同的浏览器、不同大小的窗口都能适应，采用相对比例的长度是一个好的选择。利用百分比例只用说明和上一级的比例关系就可以了。但没想到border对百分比好像无效，这里还纠结了好久。
2.一开始想当然的把间距设置为border，后来才了解了，在css布局的时候，一个块可以通过padding，border和margin三个值来设定边距效果。而三者的含义完全不同。padding是指内距，margin是外距，而border是边界。
3.css语法是依次解析的，语句调换顺序可能造成不同的结果。总体来说满足以下两点：后面的语法会覆盖之前的；内联的语法会覆盖外部的。
*4.最后尝试了一下在div中增加图片。发现chrome总是无法正确拉伸图片。查询发现貌似只能按照原有比例进行渲染。而firefox却可以。最后没有办法，在css增加了overflow的处理，避免了chrome显示的图片太奇葩==
ps：已经通过 W3C validation

hw2：hw本身不难，只运用了基本的perl和html表单操作。一开始用perl写脚本完全不知所云。所幸看了下老师的源码，总算理解了流程。另外我也尝试了用其他语言完成这一过程。只要理解了cgi和html交互的方式，换种语言并不难。这里我重点做了以下几件事：
1. 尝试用c获取环境变量并且打印，直接用课件上的函数即可。
2. 因为c处理字符串很不方便，所以没有完全写出来。这时候想到了用java。一开始以为java和c的实现原理应该差不多，结果发现，由于java的虚拟机原理，整个机制完全改变了，甚至不再局限为cgi的机制。为了支持java，首先要将apache拓展和tomcat整合，然后用tomcat+servlet实现。完整的java代码在主页的tomcat/servlet连接下面，所有代码在本机均测试通过。不过，由于担心在服务器上搭建tomcat产生端口冲突，服务器上只上传了代码，没有搭tomcat。
3. 最后在网页中加入了jQuery 的ajax请求。