网站制作流程及界面交互设计(2)
作者:onling 来源:OnLing.net 发布时间:2007-10-26 12:00:00
标签:网站,设计,流程,html
二.制作及美化的基本工具
1.超文本标识语言(HTML)
编辑工具:editplus、dreamweaver、记事本、FrontPage、
2.页面设计及美化工具
使用工具:所有可制作平面的软件
推荐使用Photoshop、FireWorks、Flash
三、网页制作的基本步骤
1、整体规划
需要完成的规划:网站主题、风格、页面元素、逻辑结构等
2、资料收集
收集内容:
a、跟主题相关的文字图片资料
b、一些优秀的页面风格
c、下载一些你喜欢的交互页面
d、开放的源代码
3、伪界面设计
根据事先规划的结构,在平面软件里设计你想要的最终效果,利用平面图片的形式先展示一次,设计时要注意宜人性、人机、心理等各方面因素
4、代码转换及交互添加
把平面的伪界面转化为HTML代码,添加相应的交互功能Js、按纽、表单,以及一些与数据库相连接的代码。
5、测试网页兼容性
你可以不必严格按照W3C标准来制作页面,但是你必须保证让所有现有的浏览器能比较好的展示你的作品。
6、发布站点
测试完毕,符合你的要求,当然就可以开始发布你的网站了,发布的服务器可以是远程,也可以是本地,各个语言有各自的相应的服务器,比如ASP,就应该对应的是ASP服务器,上传可利用远程FTP工具。


猜你喜欢
- Python面向对象编程(一)Python面向对象编程(二)Python面向对象编程(三)一、对象的继承Python中支持一个类同时继承多个
- 如何在Mac中配置Python虚拟环境1.安装virtualenvpip3 install virtualenv2.安装virtualenv
- 本文试图从iPhone的角度结合一些iPhone平台项目的设计经验提炼出iPhone平台的一些优秀设计思路,以供大家在做移动互联网设备设计时
- 1、有时候我们可能想让字符串倒序输出,下面给出几种方法方法一:通过索引的方法>>> strA = "abcdeg
- reflect反射首先,我们要区分两个概念——“标识名”和&
- 举例如下,一个服务器端的form 代码自动被解释成客户端代码:服务器端代码: &l
- 本意是为了和手写jdbc对照,不过不要和原来的手写连接重名。打开cmd,直接输入notepad就打开了记事本。jdk1.5之后不必配置cla
- 阅读上一篇:javascript面向对象编程(二) [Interface,Class.implement 接口及实现]接口规定了一些方法,如
- python中的turtle库是3.6版本中新推出的绘图工具库,那么如何使用呢?下面小编给大家分享一下。首先打开pycharm软件,右键单击
- 1. 功能分析1.加载文件夹内所有的Excel数据;2.生产贡献度分析图表(以柱状图显示表格数据);3.提起Excel表格中指定列数据;4.
- 我们先来看一个题目:<script> console.log(typeof a)//undefined var a='l
- 一、使用python内置commands模块执行shellcommands对Python的os.popen()进行了封装,使用SHELL命令
- 使用通用视图的方法是在URLconf文件中创建配置字典,然后把这些字典作为URLconf元组的第三个成员。例如,下面是一个呈现静态“关于”页
- 前言:python利用matplotlib库中的plt.ion()函数实现即时数据动态显示:1.非定长的时间轴代码示例:# -*- codi
- 一、前言对很多人来说,将PDF转换为可编辑的文本是个刚需,却苦于没有简单的方法。发现 pdf 幻灯片,效果还不错。传统的讲座通常伴随有很多p
- 看起来现在经常用到这样的效果来提高用户体验,所以就没事写了一个输入框提示列表的效果使用宽屏的朋友麻烦帮忙测试下,列表的位置有没有错位。代码可
- 本文实例讲述了Python模拟简单电梯调度算法。分享给大家供大家参考,具体如下:经常在公司坐电梯,由于楼层较高,是双联装的电梯,但是经常等电
- 一般来说,使用线程有两种模式, 一种是创建线程要执行的函数, 把这个函数传递进Thread对象里,让它来执行. 另一种是直接从Thread继
- var a = 0, b = 0;[0, 0].sort(function() {a = 1;return 0;});[0, 1].sort
- python共现矩阵实现最近在学习python词库的可视化,其中有一个依据共现矩阵制作的可视化,感觉十分炫酷,便以此复刻。项目背景本人利用爬