博文

[Web]网页设计经典网站(2007-02-25 23:22:00)

摘要:网页设计经典网站(转自PConline软件论坛)

一、网页设计类

-------------------------------
1。网站名称:有风的日子
网站地址:http://www.windstudio.net/ 
简介:
  很不错的一个设计网站,我刚开始学习网页设计的时候就知道她了,她最有特色的内容就算是精品插件栏目了,里面包括有Photoshop 滤镜、Dreamweaver 插件、Flash相关,都是很实用的好东东。同时网站的符号字体栏目也挺有自己的特色。
-------------------------------
2。网站名称:蓝色理想
网站地址:http://www.blueidea.com/ 
简介:
        网页编辑方面的大哥大人物,网站关于网页制作方面的教程既全面又专业,而且各
类教程的更新速度很快。她的经典论坛的人气也是相当的旺。同时该网站的一个很大的特点就是会时不时推出一些好书的介绍,这些都是不容易买到的。
-------------------------------
3。网站名称:七色鸟设计
网站地址:http://www.colorbird.com/ 
简介:
  七色鸟设计是一个致力于传播设计文化,研究视觉设计艺术、提高大众审美意识的非盈利性的艺术指导网站,里面的设计资源相当丰富而且有特色
-------------------------------
4。网站名称:视觉中国
网站地址:http://www.chinavisual.com/ 
简介:
  这个是我最爱的一个网站了,我第一次把网页制作和网页设计区分开来,就是通过看了这个网站上的很多文章得出来的,里面的很多知识以平面为主,以前她的服务器不怎么好,经常出现服务器负载过重的情况,但是现在已经好了。
-------------------------------
5。网站名称:5D多媒体 
网站地址:http://www.5dmedia.com/ ......

阅读全文(26043) | 评论:294

[ActionScript]ActionScript与Asp.NET交互(解决)(2007-02-02 16:20:00)

摘要:ActionScript通过LoadVars类与Asp.NET交互
我那个免费空间不支持.NET程序,所以就不搞演示地址了。. 呵呵..
谁知道那个网站有免费的.NET空间介绍下. 谢谢.
有个问题请教:
当返回的性别为汉字时,则显示乱码!在网上google了下,没发现解决的方法.
谁知道请告知下,呵呵.
问题以解决,解决方式:
在程序目录中添加个web.Config的.NET配置文件
里面的配置代码为:
<?xml version="1.0"?> <configuration>
 <appSettings/>
 <connectionStrings/>
 <system.web>
    <globalization requestEncoding="gb2312" responseEncoding="gb2312"/>
 </system.web>
</configuration> 保存,再运行,就可以显示汉字了
Flash与ASP通信原理            适合我这种初学者看
Flash与后台数据交互方法整理        讲了4中与后台交互数据的方法 AsSendRequest.aspx 代码: <%@ Page Language="C#" %>
 <script type="text/C#" runat="server">
  protected void Page_Load(object sender, EventArgs e)
  {           
    stri......

阅读全文(6003) | 评论:4

[JavaScript]ActionScript与JavaScript交互 (2007-02-01 16:32:00)

摘要:实现了ActionScript与JavaScript交互,通过函数来实现2者的数据交互 演示地址:http://scboy.ik8.com/JavaScriptExample.htm   AsJsCall.html文件代码: <!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>AsJsCall</title>
<style type="text/css">
ul{list-style:none; border:dotted; width:350px;};
li{padding:5px};
</style> <script type="text/javascript">  /********* Start AS Call JS Function ***********************/
 // 获得在Flash中输入的姓名和性别,并返回显示出来
 function getNameSexFromAS( strName, strSex )
 {
  document.getElementById("txtNameFromAS").value = strName;
  document.getElementById("txtSexFromAS").value  = strSex;
 }
 /********* End AS Call JS Function **********************......

阅读全文(6926) | 评论:0

[Web]网站开发规范(2007-01-20 14:42:00)

摘要:网站开发规范

总 论

本规范既是一个开发规范,也是一个脚本语言参考,本规范并不是一个一成不变的必须严格遵守的条文,特殊情况下要灵活运用,做一定的变通。但是,请大家千万不要随意更改规范。如果有任何问题,请及时与我联系,我会及时更改本规范的相关代码样例和文档。

基 本 要 求

1. 在网站根目录中开设images common temp 三个子目录,根据需要再开设media 子目录,images目录中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner 条、菜单、按钮等等;common 子目录中放css、js,、php、include 等公共文件;temp 子目录放客户提供的各种文字图片等等原始资料;media 子目录中放flash, avi, quick time 等多媒体文件 。

2. 在根目录中原则上应该按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件,如果这个栏目的内容特别多,又分出很多下级栏目,可以相应的再开设其他目录。

3. temp 目录中的文件往往会比较多,建议以时间为名称开设目录,将客户陆续提供的资料归类整理。

4. 除非有特殊情况,目录、文件的名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录的命名请尽量以英文为指导,不到万不得已不要以拼音作为目录名称,经验证明,用拼音命名的目录往往连一个月后的自己都看不懂,

脚 本 编 写

我们应该有一个脚本整体风格一致的概念,意思是一个月后和一个月前的你写的脚本风格保持一致,以及同一个工作组中不同的开发人员编写的脚本风格保持一致,因为我们不可能永远孤立的开发,你随时都有可能和三个月前的自己合作(你的客户要求改版),也经常要和工作室中不同的同事共同开发一个项目,还有可能被要求修改已经离职人员开发的脚本,当然你自己也有可能会扔下一个项目给后来的同事。

1. Html 文件的通用模板:

<html>
<!--
Generator: Sub Design Studio ......

阅读全文(3094) | 评论:0

[JavaScript]JavaScript事件列表(转)(2007-01-03 23:44:00)

摘要: javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3、N2 鼠标点击时触发此事件 ondblclick IE4、N4 鼠标双击时触发此事件 onmousedown IE4、N4 按下鼠标时触发此事件 onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3、N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4、N4 鼠标移动时触发此事件 onmouseout IE4、N3 当鼠标离开某对象范围时触发此事件 onkeypress IE4、N4 当键盘上的某个键被按下并且释放时触发此事件. onkeydown IE4、N4 当键盘上某个按键被按下时触发此事件 onkeyup IE4、N4 当键盘上某个按键被按放开时触发此事件 页面相关事件 onabort IE4、N3 图片在下载时被用户中断 onbeforeunload IE4、N 当前页面的内容将要被改变时触发此事件 onerror IE4、N3 出现错误时触发此事件 onload IE3、N2 页面内容完成时触发此事件 onmove IE、N4 浏览器的窗口被移动时触发此事件 onresize IE4、N4 当浏览器的窗口大小被改变时触发此事件 onscroll IE4、N 浏览器的滚动条位置发生变化时触发此事件 onstop IE5、N 浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断 onunload IE3、N2 当前页面将被改变时触发此事件 表单相关事件 onblur IE3、N2 当前元素失去焦点时触发此事件 onchange IE3、N2 当前元素失去焦点并且元素的内容发生改变而触发此事件 onfocus IE3 、N2 当某个元素获得焦点时触发此事件 onreset IE4 、N3 当表单中RESET的属性被激发时触发此事件 onsubmit IE3 、N2 一个表单被递交时触发此事......

阅读全文(2759) | 评论:0

[CSS]CSS的常用技巧放送(转)(2007-01-03 23:36:00)

摘要:CSS的常用技巧放送(一)

一.使用css缩写

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。

二.明确定义单位,除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width: 100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。

三.区分大小写
当在XHTML中使用CSS,CSS里定义的元素名称是区分大小写的。为了避免这种错误,我建议所有的定义名称都采用小写。

class和id的值在HTML和XHTML中也是区分大小写的,如果你一定要大小写混合写,请仔细确认你在CSS的定义和XHTML里的标签是一致的。

四.取消class和id前的元素限定
当你写给一个元素定义class或者id,你可以省略前面的元素限定,因为ID在一个页面里是唯一的,鴆las s可以在页面中多次使用。你限定某个元素毫无意义。例如:

div#content { /* declarations */ }
fieldset.details { /* declarations */ }

可以写成

#content { /* declarations */ }
.details { /* declarations */ }

这样可以节省一些字节。

五.默认值
通常padding的默认值为0,background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突,可以在样式表一开始就先定义所有元素的margin和padding值都为0,象这样:

* {
margin:0;
padding:0;
}

六.不需要重复定义可继承的值
 
CSS中,子元素自动继承父元素的属性值,象颜色、字体等,已经在父元素中定义过的,在子元素中可以直接继承,不需要重复定义。但......

阅读全文(2811) | 评论:0

[AJAX]全面剖析XMLHttpRequest对象(转)(2007-01-03 23:25:00)

摘要:  XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础。尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用;但是,我们仍然很有必要理解这个对象的详细工作机制。

  一、 引言

  异步JavaScript与XML(AJAX)是一个专用术语,用于实现在客户端脚本与服务器之间的数据交互过程。这一技术的优点在于,它向开发者提供了一种从Web服务器检索数据而不必把用户当前正在观察的页面回馈给服务器。与现代浏览器的通过存取浏览器DOM结构的编程代码(JavaScript)动态地改变被显示内容的支持相配合,AJAX让开发者在浏览器端更新被显示的HTML内容而不必刷新页面。换句话说,AJAX可以使基于浏览器的应用程序更具交互性而且更类似传统型桌面应用程序。

  Google的Gmail和Outlook Express就是两个使用AJAX技术的我们所熟悉的例子。而且,AJAX可以用于任何客户端脚本语言中,这包括JavaScript,Jscript和VBScript。

  AJAX利用一个构建到所有现代浏览器内部的对象-XMLHttpRequest-来实现发送和接收HTTP请求与响应信息。一个经由XMLHttpRequest对象发送的HTTP请求并不要求页面中拥有或回寄一个<form>元素。AJAX中的"A"代表了"异步",这意味着XMLHttpRequest对象的send()方法可以立即返回,从而让Web页面上的其它HTML/JavaScript继续其浏览器端处理而由服务器处理HTTP请求并发送响应。尽管缺省情况下请求是异步进行的,但是,你可以选择发送同步请求,这将会暂停其它Web页面的处理,直到该页面接收到服务器的响应为止。

  微软在其Internet Explorer(IE) 5中作为一个ActiveX对象形式引入了XMLHttpRequest对象。其他的认识到这一对象重要性的浏览器制造商也都纷纷在他们的浏览器内实现了XMLHttpRequest对象,但是作为一个本地JavaScript对象而不是作为一个ActiveX对象实现。而如今,在认识到实现这一类型的价值及安全性特征之后,微软已经在其IE 7中把XMLHttpReq......

阅读全文(3186) | 评论:2

[JavaScript]网页内容动态拖动(2006-12-26 23:55:00)

摘要:实现动态拖动商品到购物车并添加该商品。 用HTML+JavaScript编写。 主要实现步骤2步:
第一步:初始化event事件,即onmousedown, onmousemove, ommouseup 浏览器的3个事 件,用户一按下,移动,释放鼠标则触发对应的事件 第二步:实现事件处理函数。   演示地址:http://scboy.ik8.com/dragImage.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>Stitch Store </TITLE>   <style type="text/css">
 .header{ position:absolute; top:28;  left:25; }
 .store { position:absolute; top:43;  left:275; }
 .home  { position:absolute; top:12; left:660; }
 .line  { position:absolute; top:111; left:17; }
 
 .shirtsHd { position:absolute; top:161; left:21;  }
 .shirtGreen { position:absolute; top:161; left:136; z-index:1; }
 .shirtOrange{ position:absolute; top:161; left:232; z-index:1; }
 .shirtPurple{ position:absolute; top:161; left:328; z-index:1; }  .sweatshirtsHd { position:absolu......

阅读全文(4714) | 评论:0

[AJAX]AJAX基本框架,用户唯一性检验(2006-12-03 23:48:00)

摘要:AJAX基本框架:
    1:创建XMLHttpRequest对象,用来与服务器访问
       http_request = new ActiveXObject("Msxml2.XMLHTTP")
                  2:指定处理服务器返回的数据的函数
        http_request.onreadystatechange = processRequest(自定义函数)
        3:定义processRequest函数
        4:发送请求   这是一个用户名注册唯一性检查的AJAX例子。
kof 为以注册用户,操作如下: 输入: kof
弹出: 输入: abc
弹出:


DataCheck.html(客户端用户名注册文件)
<html> <head>
 <title>AJAX DataCheck</title>
 <Script Language="javascript">
  var http_request = false;
  
  // 初始化,指定处理函数,发送请求的函数
  function send_request( url )
  {
  http_request = false;
  
  // 开始初始化XMLHttpRequest对象
  if ( window.XMLHttpRequest ) // Mozilla等Browers
  {
   http_requ......

阅读全文(5692) | 评论:6

[JavaScript]遍历HTML文档获得所有超链接(2006-11-30 16:31:00)

摘要:利用这个原理可以遍历一个网站的所有超链接,并获得该链接HTML文档的关键字,然后再遍历该文档以获得该文档的超链接, 如此递归下去,可以做成个简单的搜索引擎。。不过不知道效率如何。 演示地址:http://scboy.ik8.com/GetAllLinks.htm <html>
<head>
<title>
  getAllLink
</title> <script language="javascript">   var elementName = ""; // 全局变量,保存超链接地址,用完要清空   function getAllLink( node )
  {
    var total = 0; // 计算总共有多少超链接
   
    // nodeType 判断该节点是否为元素节点,1表示为元素节点
    // tagName 判断该节点是否是超链接
    if ( node.nodeType == 1 && node.tagName == "A" )
    {
       total += 1; // 超链接总数加1
 
      // 保存超链接的地址
      // node.getAttribute("href")获得该属性的值
      elementName = elementName + node.getAttribute("href") + "\r\n";
    }     // 获得node的全部子节点
......

阅读全文(7571) | 评论:5