javascript素描,画画素材素描

学习Dreamweaver制作网页应注意些什么？

基础设计知识是需要的，那个要美术基础3，对色彩啊，排版之内的需要了解。

软件只要需要ps,firefox设计软件来配合dreamwear配合使用，不过个人推荐corel draw好，专门制作矢量图的。

电脑知识主要是了解图象分辨率啊，刷新率，flash里面的桢之内的基础知识。

还有就是网页编程的，主要掌握html,css,javascript(asp)，其实一般的用个网页梦工厂就行了，它可以自动生成你想要的效果

主页空间我个人认为还是收点小费的好，因为没广告，支持数据库，多种程序和论坛，中国站长站，和mvbb等比较好。

dreamwear有个bug就是表格作出来和预览效果不同，就是改了代码页有这个问题，frontpage则没有这个问题。

我个人学过素描，电脑平面设计，电脑基础知识，美术基础（色彩，平面构成等），网站制作软件，会html和css，了解一些javascript和asp。

如有其他问题请发到jingmingluo@yahoo.com.cn

相关问答

Q1: JavaScript/CSS 怎么实现生成多线条的素描动画效果

可以用HTML5的canvas标签加上js实现，具体的用法你可以参考W3Cshool上面的demo

Q2: 游戏开发需要懂几种语言？

1、C#

C#如今在许多游戏引擎中广泛使用，并且是游戏开发所需的很流行的语言之一。 它具有XNA框架，该框架是Microsoft的一组工具和运行时环境，使其特别适用于Xbox或Windows上的游戏。 如果您希望使用monogame在几乎任何平台上分发游戏，这是一种很好的语言。

2、C++

C ++是一种面向对象的语言，被认为是最难学习的语言之一，但它是游戏开发人员的重要语言。 它允许对硬件和图形过程进行更直接的控制，这对行业很重要，对于某些很受欢迎的游戏引擎来说，它是很受欢迎的语言。 它还提供了对参数和内存管理的大量控制，从而增加了游戏的性能和用户体验。

3、Java

Java使用与C ++相同的面向对象原理，但是提供了范围更广的系统。 Java代码通常在Java虚拟机(JVM)上运行，并转换为可在任何系统上执行的通用字节码。 因此，Java是使开发人员能够为任何给定系统开发游戏的少数游戏编程语言之一。 它是游戏的优秀编程语言之一。

4、JavaScript

JavaScript是很流行的游戏编程语言之一，作为在线交互语言更是如此。 使用JavaScript，可以更轻松地将代码与HTML和CSS等传统网络技术集成，从而导致越来越多的跨平台手机游戏。web前端开发学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法

（详细的前端项目实战教学视频，PDF）

5、HTML5

HTML5已成为网络上最常见的游戏编程语言之一。 您今天玩的绝大多数手机游戏都使用这种标记语言。 通过与JavaScript协作创建复杂的基于Web的游戏很容易。 该语言易于学习，并不一定需要学习复杂的算法编程知识，因此已成为游戏开发人员的热门选择。

6、SQL

SQL用于播放器访问后端帐户并在服务器上执行其他操作的后端数据库工作。 有新的语言，库，框架，尤其是关于AR，VR，图形，物理和游戏性的框架。

7、Python

Python是另一种提供OOP方法的语言，是游戏开发人员使用的最容易使用的通用编程语言之一。 它具有Pygame框架，可让程序员快速开发游戏原型。

8、Rust

Rust被吹捧为C的继任者之一。它主要是由Mozilla Foundation作为系统编程语言。 它具有面向对象到面向数据的方法，有助于游戏开发。

9、UnrealScript

UnrealScript是Unreal引擎的本地脚本语言。 它结合了OOP等复杂功能以及多重继承和功能丰富的游戏。 该语言支持所有主要的游戏平台，例如Microsoft Windows，MacOS，Linux，SteamOS，Android和PlayStation VR。

10、Lua

Lua具有简单的语言结构和语法，正在成为游戏行业很受欢迎的语言之一。 它是一种多平台脚本语言，许多现代游戏引擎都将Lua用作其主要的游戏设计编程语言。

Q3: 网页设计主要学啥？

1、html语言。首先要学这个，任何网页的显示都要靠html语言来表达，最后浏览器解释html语言显示在我们面前。

2、服务器架设，要制作网页就需要架设服务器来调试你做出来的网页，有iis等很多种，可以在网上搜索得到。

3、css语言。用网页制作三剑客做出来的东西，css大部分是自动生成的，很难理解，需要学习基本的css知识，是步入高手的必经之路。css控制着网页图片、表格、文字等等内容在我们面前的显示样式，比如颜色，边框，大小等。

4、div+css布局。这个东西是走向专业制作的必经之路，网页元素靠它来搭建基本框架，像百度空间，QQ空间的皮肤等就是利用这个来做的。

5、数据库。走向动态网页的基础，比如百度知道的提问回答这些，都涉及数据库的读、写、改、删。常见的数据库有mysql、mssql、access等。数据库是所有软件的基础，80%以上的应用程序都涉及数据库，而作为网页制作来说没有必要学得很深，够用就行。

6、动态语言，asp，php，jsp，.net(c#等）。要操作数据库，交互就需要动态语言，现在好多动态语言像php都有“框架”，用框架建站好比用活动板房的零件建房子，全部自己写好比一块一块砖砌房子。

7，javascript。网页里面的验证码，弹窗，特效等就靠它了，一个没有javascript的页面基本没有，这个也有好多的框架可用，这个语言是最难的，也是最强大的，网页木马，病毒大多用这个语言。

8、平面涉及软件。flash，photoshop等，页面美化还要靠图片等东西。

这些个东西你会一个，或者一个都不会，都能做出一定水平的网页（用三剑客，或者直接用word做好后另存为htm文件就行），要深入的学，这些知识基本的。

Q4: 如何使用SVG生成超酷的页面预加载素描动画效果

SVG制作素描线动画举例

1）.首先画一条素描线，如图

version="1.1"

xmlns=""

viewBox = "0 0 200 100"

fill="none"

stroke = "#AAA"

stroke-width = "2"

d = "M62.9 14.9c-25-7.74-56.6 4.8-60.4 24.3-3.73 19.6 21.6 35 39.6 37.6 42.8 6.2 72.9-53.4 116-58.9 65-18.2 191 101 215"/

       素描线的参数可以使用工具生成

2）.SVG实现素描的动画及原理

       stroke-dasharray = "100 10" stroke-dashoffset = "0"

       stroke-dasharray定义了生成线段长度，及其线段和线段之间的缝隙，这里包含两个参数

      stroke-dashoffset定义了从那个位置开始渲染生成线段

3）.使用CSS3来实现素描动画效果

/*定义keyframe动画*/

/* 添加动画到path元素 */

.path{

stroke-dasharray: 265.07;

stroke-dashoffset: 265.07;

animation: dash 3s linear infinite;

/* 支持chrome */

-webkit-animation: dash 3s linear infinite;

}

@keyframes dash{

from{

stroke-dashoffset: 265.07; /* 这里是svg图形中素描线长度，可以使用js获取 */

}

to{

stroke-dashoffset: 0;

}

}

/* 支持chrome浏览器 */

@-webkit-keyframes dash{

from{

stroke-dashoffset: 265.07; /* 这里是svg图形中素描线长度，可以使用js获取 */

}

to{

stroke-dashoffset: 0;

}

}

4）.使用Javascript来调节动画效果的参数

/*定义相关Javascript*/

var current_frame, //定义当前帧

total_frames, //定义全部帧数

path, //定义svg中的唯一path元素

length, //定义path所生成的素描长度

handle; //定义javascript动画句柄

path = document.getElementById('path'),

length = path.getTotalLength();

//定义初始化方法

var init = function(){

current_frame = 0;

total_frames = 160;

path.style.strokeDasharray = length + ' ' + length; //定义dasharray

path.style.strokeDashoffset = length; //定义dashoffset

handle = 0;

}

//定义实际的动画绘制方法

var draw = function(){

var progress = current_frame/total_frames;

if(progress1){ //这里定义完成动画

window.cancelAnimationFrame(handle);

}else{//否则使用reqeuestAnimationFrame来生成动画

current_frame++;

path.style.strokeDashoffset = Math.floor(length*(1 - progress));

handle = window.requestAnimationFrame(draw);

}

}

//定义一个重新运行方法

var rerun = function(){

init();

draw();

}

//页面加载即运行

rerun();

这里主要定义初始化方法和动画绘制的方法，window.requestAnimationFrame(draw);来生成动画。

2）.SVG实现素描的动画及原理

       stroke-dasharray = "100 10" stroke-dashoffset = "0"

       stroke-dasharray定义了生成线段长度，及其线段和线段之间的缝隙，这里包含两个参数

       stroke-dashoffset定义了从那个位置开始渲染生成线段

2.SVG简介

可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。

3.SVG的特点

与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：

       SVG图像可通过文本编辑器来创建和修改

       SVG图像可被搜索、索引、脚本化或压缩

       SVG是可伸缩的SVG图像可在任何的分辨率下被高质量地打印

       SVG可在图像质量不下降的情况下被放大

34浏览器支持

Internet Explorer 9、Firefox、Opera、Chrome以及 Safari支持内联SVG。Internet Explorer 8或更早版本，可通过安装Adobe SVG Viewer以支持SVG。

4 SVG标签   

SVG代码以元素开始，包括开启标签和关闭标签。这是根元素。width和height属性可设置此SVG文档的宽度和高度。version属性可定义所使用的SVG版本，xmlns属性可定义SVG命名空间。