网站重构Whoami ---- 偷米饭

Monday, April 10, 2023

Tommyfan

网站重构 Who am i

网站重构的思维转变


Tommyfan网站重构 Who am i


Tommyfan

程序开发、产品经理等

页面仔、写文档


Tommyfan


Tommyfan


Tommyfan

Web2.0？1. 对于这样一个技术型的人，他说出一些并非是以技术作

为主导的概念。

2. 一个终点目标的描述去多向发展是根本不可能到达所谓的终点目标。

3. 第一批的用户从哪里来呢？


Tommyfan

《What is WEB2.0》

http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html?page=1


Tommyfan

API

XHTMLCSS

AJAX

SEO


Tommyfan


Tommyfan


Tommyfan

错误概念“ div+CSS”

1. table+CSS做出来的页面

2. div+CSS做出来的页面

3. div+CSS胜出的页面


Tommyfan

重头开始来学习<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">

<head>

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

<meta http-equiv="Content-Language" content="zh-cn" />

<meta name="author" content="填写作者名 ." />

<meta name="copyright" content="Copyright (c) 1998-2008 Tencent Inc." />

<meta name="description" content="填写本页的简介 ." />

<meta name="keywords" content="填写本页的关键词，以逗号分割" />

<title>填写文章的标题</title>

<link href="/style/screen/index.css" rel="stylesheet" type="text/css" media="screen" />

<link href="/style/handheld/index.css" rel="stylesheet" type="text/css" media="handheld" />

...


Tommyfan

XHTML的本质是该是什么就用什么h1-h6

div

p img

table colgroup col caption thead th tfoot tbody tr td

a span strong sup sub

form input button select option textarea label fieldset

legend

ul ol li dl dt dd

...


Tommyfan


Tommyfan

XHTML中启用的 CSS规范1. 直接使用 CSS 选择器

2. 使用 id 命名的方式

3. 使用 classname 命名的方式

4. 我们的命名习惯

http://webteam.tencent.com/?p=1080


Tommyfan

CSS所必须牢记的几个要决1. 没有难的 CSS ，只有磨时间的 CSS

2. 最简单的 CSS 处理方法是绝对定位

3. 浮动以后习惯性清除浮动

4. 巧妙的使用负边界去完成 CSS 中的“归位”

5. 懂得分清楚什么项目使用什么的 CSS 解决方案，扭转传统的“切图仔”观念


Tommyfan

CSS的未来1. all 用于所有设备类型

2. aural 用于语音和音乐合成器

3. braille 用于触觉反馈设备

4. embossed 用于凸点字符（盲文）印刷设备

5. handheld 用于小型或手提设备

6. print 用于打印机

7. projection 用于投影图像，如幻灯片

8. screen 用于计算机显示器

9. tty 用于使用固定间距字符格的设备。如电传打字机和终端

10. tv 用于电视类设备


Tommyfan


Tommyfan

AJAX1. AJAX 的 frame work 不能适应我们以及互联网的发展

2. AJAX 的落实点在于 Client 端


Tommyfan


Tommyfan

SEO1. SEO 的主要技术点在于做好 XHTML

2. SEO 的次要技术点在于关键字的搜索排行

3. SEO 的侧重点在于弱关键字带动强关键字

4. SEO 的必要点是数据静态化以及合理的动态化连接

5. SEO 的落实点在于 Portal 端


Thanks

Q&A

Education

网站重构Whoami ---- 偷米饭