网站制作流程及界面交互设计
作者：onling 来源：OnLing.net 发布时间：2007-10-26 12:00:00
很多朋友希望，我能把我做网站的一些流程及经验跟大家分享一下，最近刚好做一次内部培训，所以稍微整理了一下，这些只是针对网页初学者，具有一定平面设计水平的人，对HTML不是很了解，他们可能只是想做一个个人主页而已，所以整体还是趋向于传统的表格布局，这里有很多都是一些我个人刚开学时自己摸索的经验，所以可能不是很专业，但是绝对是比较容易入门的，我一直有这种思想，你只有塌进来了，你才可能往更高的地方爬，我想当初如果没有这段的学习，现在我也不会明白什么W3C，什么CSS，什么ASP，什么XML，一切都是有一个起点，希望能对大家有点小帮助。整体的PPT比较大，没有放这，我把主要内容用文字大致整理了一份，如果需要PPT，可以跟我联系。有不合理的地方，希望大家能指出，可以共同探讨一下。
主要内容介绍：
一、构成网页的基本要素
二、制作及美化的基本工具
三、网页制作的基本步骤
四、界面设计及交互研究探讨
五、实例制作演示
一.构成网页的基本要素
1.文字（标题、字号、字型...）
2 图形（网页上经常使用的图片格式：jpg、jpeg、Gif、Swf...）
3.交互功能（菜单按钮、链接、表单、数据交换...）
...
超文本标识语言（HTML）
HTML（Hypertext Markup Language）是一种专门用于Web页制作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接点。
在HTML中，所有的标记符都用尖括号括起来。
例如，<HTML>表示HTML标记符。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。
如：
<HTML>…<／HTML>
HTML文档的基本结构
一个典型的HTML文本的基本结构形式如下：
<HTML>
<HEAD>
<TITLE>OnLing网站制作流程及界面交互设计研究探讨<／TITLE>
<／HEAD>
<BODY>文本内容：OnLing.net<／BODY>
<／HTML>
0
投稿猜你喜欢
- 最近很少写CSS了，以后也可能写的会很少了，所以还是想把自已的一些经验能和大家分享一下，希望能给大家一些帮助！这篇文章主要写的提高网页在客户
“选项卡”经常会被混同为“滑动门”，滑动门只是一种背景自适应内容的实现方法，不只可以应用在导航菜单，一样也可以应用在其他地方。例如选项卡中就- 对于SQL的Join，在学习起来可能是比较乱的。我们知道，SQL的Join语法有很多inner的，有outer的，有left的，有时候，对于
- 写这个的目地，主要是系统理下目前产品设计的流程,提醒自己尽量去避免一些常见的问题，也能让大家系统的了解天极网的产品设计流程。当然，不保证任何
- 函数名称：CheckForm_JS(frmName,errStr)功能：用ASP的方法动态写出JavaScript的表单验证的函数check
- new fun的执行过程分析，学习面向对象的朋友可以参考下。（1）创建一个新的对象，并让this指针指向它；（2）将函数的prototype
- 本文列出了HTML4标签的默认样式列表，对网页设计者来说这个应该很有用。原文来自：W3C (http://www.w3.org/TR/CSS
- 如何用下拉列表显示数据库里的内容？ 我们来看看实现这个功能的程序：<％Dim objDC, objRSS
- 你的主页或者你管理的网站有各种密码需要保护，把密码直接放在数据库或者文件中存在不少安全隐患，所以密码加密后存储是最常见的做法。在ASP.NE
- 如今，互联网越来越走近我们的生活，网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷，涌现出大量优秀精美的网页。大量网络信息的呈现
- 下面的代码是从kesion系统扒下的，确实不错，支持utf8格式。代码如下:'===========================
- 现在我将清除页面缓存的一些方法总结如下：1、在Asp页面首部加入<％ Response.Buffer = True
- JavaScript Length 字符长度函数,在很多时间我们会用length函数了,因为你得前台判断一个用户输入
- asp之家注：在网页设计或编程中如何以最方便的方法来处理图片的宽高，以达到最佳的显示效果，这个问题相信很多网页制作人员都遇到过，最麻烦最费时
- 做网页时（其实是网页木马呵呵），最让人烦恼的是自己辛辛苦苦写出来的客户端IE运行的javascript代码常常被别人轻易的拷贝，实在让自己的
- 事物绝非十全十美总有强差人意的一面，之前针对浮动分析了其引起文本重影的怪异问题，而作为浮动布局的最佳搭档定位布局也存在一定的缺陷。围绕着定位
- 语法： text-overflow : clip | ellipsis 参数： clip : 不显示省略标记（...），而是简单的裁切 el
- 前端技术层（图片有点偏激，仅供参考）Javascript和DOM关系很暧昧，弄不明白!CSS和HTML
- 众所周知，随着数据库体积的日益庞大，其备份文件的大小也水涨船高。虽然说通过差异备份与完全备份配套策略，可以大大的减小SQL Server数据
- 目录本文目标如何使用本教程正则表达式到底是什么？入门测试正则表达式元字符字符转义重复字符类反义替换分组后向引用零宽断言负向零宽断言注释贪婪与
