法庭口译员的个人主页
法庭口译员的个人主页
提问于 2011-10-02 03:00:04
谁能检查一下我的密码吗？似乎太纠结了。我刚刚开始学习从博客到托管。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<style id="page-skin-1" type="text/css"><!--
/*
-----------------------------------------------
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#666">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right">
*/
/* Use this with templates/template-twocol.html */
body {
background:#3e006a;
margin:0;
color:#80ff00;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:#9fff3f;
text-decoration:none;
font-size/* */:/**/small;
font-size: /**/small;
}
a:visited {
color:#9fff3f;
text-decoration:none;
font-size/* */:/**/small;
font-size: /**/small;
}
a:hover {
color:#80FF00;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width: 850px; align: center; border: 1px solid #c1a1ff; margin-left: 45px; margin-right: 0px; margin-top: 10px; margin-bottom: 10px
border:1px solid #80FF00;
align: center
}
#header-inner {
background-position: center;
margin-left: 0px;
margin-right: 0;
}
#header {
margin: 5px;
border: 1px solid #80FF00;
text-align: center;
color:#80FF00;
}
#header h1 {
margin:5px 5px 0;
padding:0px 0px
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 220% Verdana, sans-serif;
}
#header a {
color:#80FF00;
text-decoration:none;
}
#header a:hover {
color:#80FF00;
}
#header .description {
margin:0 5px 5px;
padding:0 0px 0px;
max-width:870px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% Verdana, sans-serif;
color: #ca80ff;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin:0 auto;
padding:1px;
text-align:LEFT;
font: normal normal 99% Verdana, sans-serif;
}
#main-wrapper {
width: 950x;
align: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow:
}
#sidebar-wrapper {
width: 0px;
float: RIGHT;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:normal normal 77% Verdana, sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#e5c0ff;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#80FF00;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#80FF00;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:#80ff00;
}
.post p {
margin:0 0. 0em;
line-height:1.6em;
}
.post-footer {
margin: 0em 0;
color:#e5c0ff;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 77% Verdana, sans-serif;
line-height: 1.4em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid #80FF00;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #e5c0ff;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: #FFFFFF;
line-height: 1.5em;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {align: left
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: right;
margin-top: 0;
margin-right: 50px;
margin-bottom: 5px;
margin-left: 0;
padding: 10px;
border: 1px solid #80FF00;
}
.profile-data {
align: left
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: <font color="#FFFFFF" size="1">;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
float: right;
margin-left: 100px;
}
.profile-textblock {
align: left
margin-left: 100px;
Font: <font color="#FFFFFF" size="1">
margin-left: 100px;
line-height: 1.6em;
}
.profile-link { float: right;
margin-left: 100px;
font: <font color="#FFFFFF" size="1">;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer 1{
width:400px;
clear:both;
margin:0 auto;
font: <font color="#E1C4FF" size="1">;
padding-left:2px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
#footer 2 {
width:200px;
clear:both;
margin:0 auto;
font: <font color="#E1C4FF" size="1">;
padding-right:1px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
--></style>
<meta content="revealTrans(Duration=1.0,Transition=3)" http-equiv="Page-Enter" />
<meta content="revealTrans(Duration=2.0,Transition=2)" http-equiv="Page-Exit" />
<meta content="revealTrans(Duration=1.0,Transition=3)" http-equiv="Site-Enter" />
<meta content="revealTrans(Duration=2.0,Transition=2)" http-equiv="Site-Exit" />
<meta content="Spanish interpreter,translator,interpreter,California and federal court certified interpreter,federal court interpreter, [federal court interpreter] Los Angeles certified interpreter,California court interpreter,California court interpreter,[California court interpreter],Federal spanish interpreter,[Federal spanish interpreter] certified spanish interpreter, [certified spanish interpreter] Federal court certified spanish interpreter,[Federal court certified spanish interpreter] California certified spanish interpreter "California certified spanish interpreter" [California certified spanish interpreter] Los Angeles certified spanish interpreter,[Los Angeles certified spanish interpreter] Los Angeles federal spanish interpreter [Los Angeles federal spanish interpreter],Federal Court Certified Spanish Interpreter, California Federal Court Certified Spanish Interpreter, certified court interpreter, Spanish court interpreter,translating,interpreter,interpreting,interpretation,conference interpreter,conference interpreting,conference interpretation,simultaneous interpreter,simultaneous interpreting,simultaneous interpretation,consecutive interpreter,consecutive interpreting,Oz6F8Tkmp57T7vqDcvEty3FX8z0,consecutive interpretation," name="keywords" />
<meta content="Teri Szucs provides professional Spanish language interpreting and translation services for legal, medical, and other professional needs, including conferences, broadcasting, trials and depositions. Teri Szucs is federally certified and forms part of the select group of Spanish interpreters in Los Angeles who are also certified by the United States." name="description" />
<meta content="index,follow" name="robots" />
<meta content="1 days" name="revisit-after" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript">(function() { var a=window;function c(b){this.t={};this.tick=function(b,i,d){d=d!=void 0?d:(new Date).getTime();this.t[b]=[d,i]};this.tick("start",null,b)}var e=new c;a.jstiming={Timer:c,load:e};try{var g=null;a.chrome&&a.chrome.csi&&(g=Math.floor(a.chrome.csi().pageT));g==null&&a.gtbExternal&&(g=a.gtbExternal.pageT());g==null&&a.external&&(g=a.external.pageT);g&&(a.jstiming.pt=g)}catch(h){};a.tickAboveFold=function(b){var f=0;if(b.offsetParent){do f+=b.offsetTop;while(b=b.offsetParent)}b=f;b<=750&&a.jstiming.load.tick("aft")};var j=!1;function k(){j||(j=!0,a.jstiming.load.tick("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",k,!1):a.attachEvent("onscroll",k);
})();</script>
<meta content="true" name="MSSmartTagsPreventParsing" />
<meta content="Microsoft FrontPage 6.0" name="generator" />
<!--[if IE]>
<script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script>
<![endif]-->
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<script type="text/javascript">(function() { var a=window;function c(b){this.t={};this.tick=function(b,i,d){d=d!=void 0?d:(new Date).getTime();this.t[b]=[d,i]};this.tick("start",null,b)}var e=new c;a.jstiming={Timer:c,load:e};try{var g=null;a.chrome&&a.chrome.csi&&(g=Math.floor(a.chrome.csi().pageT));g==null&&a.gtbExternal&&(g=a.gtbExternal.pageT());g==null&&a.external&&(g=a.external.pageT);g&&(a.jstiming.pt=g)}catch(h){};a.tickAboveFold=function(b){var f=0;if(b.offsetParent){do f+=b.offsetTop;while(b=b.offsetParent)}b=f;b<=750&&a.jstiming.load.tick("aft")};var j=!1;function k(){j||(j=!0,a.jstiming.load.tick("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",k,!1):a.attachEvent("onscroll",k);
})();</script>
<meta content="true" name="MSSmartTagsPreventParsing" />
<link href="http://federalcourtinterpreter.blogspot.com/favicon.ico" rel="icon" type="image/x-icon" />
<link href="http://federalcourtinterpreter.blogspot.com/" rel="canonical" />
<link rel="alternate" type="application/atom+xml" title="Federal and California Court Certified Spanish Interpreter - Atom" href="http://federalcourtinterpreter.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Federal and California Court Certified Spanish Interpreter - RSS" href="http://federalcourtinterpreter.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Federal and California Court Certified Spanish Interpreter - Atom" href="http://www.blogger.com/feeds/8126847722872063846/posts/default" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<!--[if IE]>
<script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script>
<![endif]-->
<title>template</title>
<link rel="Stylesheet" type="text/css" href="Css/Style.css"
<style type="text/css">
</head>
<body style="text-align: center">
<blockquote>
<blockquote>
<p> </p>
<p></p>
<div id="outer-wrapper">
<div id="wrap2">
<div id="header-wrapper">
<div class="header section" id="header">
<div class="widget Header" id="Header1">
<div id="header-inner">
<div class="titlewrapper">
<h1 class="title">Federal and California Court
Certified Spanish Interpreter </h1></div>
<div class="descriptionwrapper">
<p class="description">
<span>Teri Szucs has made her
love of languages her career. My Interpretations
offers professional interpretation services in
California, out of state and abroad. Teri is
federally certified and forms part of a select group
of interpreters also certified by the United States
Courts.</span></p></div></div></div></div></div>
<div id="navibar-wrapper">
<div class="navibar_section section" id="navibar_section">
<span class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: Georgia, serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">
<div align="center">
<p style="margin-top: 0px; margin-bottom: 0px"> </p>
<p style="margin-top: 0px; margin-bottom: 0px"> </p>
<p style="margin-top: 0px; margin-bottom: 0px"> </p>
<p style="margin-top: 0px; margin-bottom: 0px"> </p>
<p style="margin-top: 0px; margin-bottom: 0px"> </p>
<p style="margin-top: 0px; margin-bottom: 0px"> </p>
<p style="margin-top: 0px; margin-bottom: 0px"> </p>
<p style="margin-top: 0px; margin-bottom: 0px"> </p>
<p style="margin-top: 0px; margin-bottom: 0px"> </p>
<p style="margin-top: 0px; margin-bottom: 0px"> </p>
</span>
<span class="Apple-style-span" style="color: #80FF00; font-style: normal; font-variant: normal; font-weight: 700; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">
</div></span>
<div class="widget HTML" id="HTML12">
<div class="widget-content"> </div>
<div class="clear"></div>
<span class="widget-item-control">
<p> </p></span>
<div class="clear"></div></div>
</div>
<body>
<style>
<!--
p {
margin:0;
padding:0;
}
-->
</style>
<p></p>
<p></p></div>
<span class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: Georgia, serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">
<div align="center">
<table border="2" cellpadding="3" cellspacing="3" height="37" id="table9">
<tr>
<td align="center" height="27">
<p align="center" style="margin-top: 0px; margin-bottom: 0px; ">
<font><i>
<font class="Apple-style-span">
<font style="color: rgb(128, 255, 0); font-weight: 700; ">
<u>
<a href="http://myinterpretations.com/">
<font color="#80FF00">Home</font></a></u></font></font></i></font></td>
<td height="27">
<p align="center" style="margin-top: 0px; margin-bottom: 0px; "> </td>
<td height="27" style="color: rgb(102, 255, 153); ">
<p align="center" style="margin-top: 0px; margin-bottom: 0px; "> </td>
<td height="27">
<p style="margin-top: 0px; margin-bottom: 0px; ">
<font><i>
<a class="navitabs" title="TooltipText3" href="new_page_1.htm">
<font style="color: rgb(128, 255, 0); font-weight: 700; ">
Contact Teri</font></a></i></font></td>
</tr>
</table></div></span>
</blockquote>
</body>
</html>回答 3
Code Review用户
发布于 2011-10-02 04:02:42
这是一个开始，但有许多东西可以改进：
- 您的CSS和JavaScript几乎总是在单独的文件中。
- 大多数CSS看起来都不错，但是如果缩进属性，您可能会发现阅读起来更容易。
- CSS属性(如
font-size/* */:/**/small;)之间的注释是不必要的。 - 您的CSS字体声明，
font: <font color="#E1C4FF" size="1">;是不正确的。您应该使用color:#E1C4FF; font-size:14px;(或任何您需要的大小)。 - 你真的不需要这些元标签。
- 几乎总是不鼓励使用像
<p style="margin-top: 0px; margin-bottom: 0px"> </p>这样的内联CSS。 - 同样，您不应该需要所有这些段落标记来在布局中创建一个中断。只需设置您需要的任何元素的空白或填充即可。
- 我以前从未见过任何类似于注释掉变量定义的东西，但是它们是不必要的。此外，解释边界颜色意味着边框颜色是有点多余。
- 在整个标头中有多个脚本标记。如果要使用内联JavaScript，请尝试将其限制为单个标记。
- 我不知道为什么HTML的中间有另一个body标记，但您只需要一个。您还可以去掉字体标记，如果需要使用不同的CSS类，只需应用它即可。
- 在整个过程中有很多额外的标记，包括很多空标签。我还没有在浏览器中加载它，但我怀疑您可以用更少的方法来完成，并且仍然可以获得相同的效果。
很高兴你能来这里学习。这样的代码只会让你走上错误的道路，从长远来看，它将很难维护，但是追求改进却是值得称赞的。老实说，我认为从重新学习HTML和CSS的基础知识开始，然后最终添加一些JavaScript，您会从中受益。具体来说，请找一些关于CSS布局和最佳实践的文章。祝好运!
Code Review用户
发布于 2013-05-09 05:01:21
它似乎大部分是独立的位置和范围过大。例如：
.post h3 {
}我建议你这么做。它遵循B.E.M命名约定，更容易阅读。
.post
{
}
.post__title
{
}记住，想得少一点。让一切都能重复使用。用相邻的类来剥去它。
Code Review用户
发布于 2011-10-02 12:47:12
看起来你的CSS是动态的，虽然我不能把语言放在视觉上。为多个站点使用一个代码库是很棒的，但是给出一个定制的外观和感觉有时会是一个挑战。在您的场景中，每个页面请求都必须( a)获取样式数据，b)计算样式数据，c)返回文档中的样式数据，向下游添加宝贵的比特。这在请求的前端和后端都是不必要的开销。
我过去所做的就是将站点的样式定义写入外部文件。它们不会经常更改样式，但当它们更改时，只会重新生成样式表。在webroot (或某个虚拟目录的某个地方)，我有一个名为“sitespecific”的文件夹，其中包含按站点id划分的子文件夹。每个子文件夹都有一组子文件夹结构，包含特定于该站点的资产(图像、脚本、css等)。然后，对某些文件(site.css、header_banner.png、common.js等)有一个默认的命名约定，以便很容易地引用它们：
<link rel="stylesheet" type="text/css" href="/sitespecific/%siteid%/css/site.css" />从那以后就容易了。这里最大的优点之一是web服务器现在可以将请求缓存到样式表。不再对每个请求动态生成它，从而消除了开销。家务事也变得容易多了。一个网站取消，或不付款，您将他们的站点特定内容存档到一个压缩文件，关闭服务器，在接下来的六个月。在数据库中翻转一个位标志，以“禁用”它们。
缺点是什么？您需要一种在命令中重新生成每个站点的样式表的方法。如果您对核心样式进行了更改，或者添加了一些需要定义的新类，则必须有一种方法将该更改推送到所有或您的站点。
页面原文内容由Code Review提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://codereview.stackexchange.com/questions/5105
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号