工作总结报告7

0 工作总结报告 员工姓名 黄文强 员工职务 美工 报告日期 2013 01 20 1 目录 一 工作日期 2 二 工作内容 2 三 遇到问题和解决方法 2 遇到问题 2 解决方法 2 四 心得体会 4 2 一 工作日期 2013 年 01 月 14 日 2013 年 01 月 19 日 二 工作内容 这个星期主要工作是排版白浪金爵 碧得森的宝贝详情图 还补充了上个星期为完 成的网站内容 三 遇到问题和解决方法 遇到问题 这个星期工作中遇到的问题是在做公司网站上 遇到的问题有 1 在使用 DIV CSS 把网页做好时 使用其他浏览器浏览却看到的是不同效果 这 就是网络兼容性问题 2 在完成浏览器兼容性时 却发现在同一台电脑上不能同时安装两个或两个以上的 IE 浏览器 3 在完成上传网站时 却不知在哪查看搜索引擎收录情况 4 由于在电脑上没安装某些字体 所以在 PS 就不能编辑不是本地写的字体 在字 体框上会显示 FZLTHJW GB10 的字样 解决方法 1 这个问题主要是浏览器的兼容性问题 因为某些浏览器不支持某些标签 某 些浏览器只支持某些标签 在这样的情况下只能为每一个浏览器进行编写特定的代码 也就是说是 CSS hack 通过上网查找资料 总结出一下几点 1 前面不带任何标点符号 类似 height 的代码 所有的浏览器都会识别 2 前面带下划线 类似 height 100px 只有 IE6 才能识别 3 3 前面带星号加加号即 类似 height 100px 代码的 只有 IE7 能够识 别 4 前面带星号 类似 height 100px 代码的 IE6 IE7 都可以识别 5 后面带 important 类似 height 100px important 代码的 只有 IE7 和火狐可以识别 6 后面带 9 类似 height 100px 9 代码的 只有 IE7 能够识别 7 前面带 HTML 类似 HTML height 100px 代码的 只有 IE6 能够识别 8 前面带 HTML 类似 HTML height 100px 代码的 只有 IE7 能够 识别 9 浏览器读取 CSS 代码时 是以最后个为标准 例子如下 CSS 代码为 height 100px height 200px height 300px 因为火狐只能读懂第一行代码 所以当火狐读取该段代码是 翻译结果是 高 100px 因为 IE6 可以读取前两行代码 所以 IE6 会以第二行为准 即翻译结果为 高 200px 因为 IE7 可以读取全部代码 所以 IE7 会以最后一行为准 即翻译结果 为 高 300px 做 CSS hack 了解了上面九点后 还远远不够 还要了解每种浏览器读取某段代码 的特殊意义 这些要在平时写代码时 点点滴滴地积累起来的 2 针对这个问题 我上网找了很多资料 刚开始在网上下载了一个包括 IE 的所 有版本的程序包 在电脑上安装 却发现程序包安装不兼容 后来通过询问他们 得 4 知有个软件包含所有的 IE 版本 只要电脑配置好 就可以通过标签打开不同版本的浏 览器 该软件名为 IE tester 3 当上网找资料时 发现很多搜索引擎上都提供了给站长管理网站的工具 百度 上有站长平台 百度分享 百度统计 必应有网站管理工具 谷歌有网站管理工具 这些工具都非常强大 可以为网站进行优化建议 抓取网页 不过在使用这些工具前 要验证你所管理的网站归属 验证归属方法很多 可以向网站根目录添加一个文本文 档或 HTML 文档 也可以在每个网页 HEAD 标签内添加某段代码 4 其实这个问题 就是字体的缩写 方正字体的缩写都为 FZ 开头 整个缩写 就是中文拼音首个字母的大写拼接而成的单词 四 心得体会 这一周上班 6 天 学到了很多东西 找到了一个可以专门下载 PS 笔刷 PS 图 案和 PS 纹理的网站 该网站是外国网站域名为 站过程中 感触也比较多的 刚开始 在制作左侧的无序列表菜单时 每行列表只 有文字 没有装饰 显得很是单调 在同事指导下 在文字左侧添加了图标 在右 侧也添加了两个大于号 当鼠标放在文字上面时 也实现