导航:首页 > 万维百科 > 免费网站设计工具

免费网站设计工具

发布时间:2020-09-23 21:32:47

1、制作网页可以用什么软件?

2、网页界面设计工具有哪些

工欲善先利其器,网页界面设计过程中要运用很多工具,蓝湖、PS、Sketch、AI、Axure 这些差不多能囊括其工作的方方面面。

3、Dreamweaver是目前最常用的网页设计工具吗

现在国内这类的素材网站比较多,主要看你擅长哪个领域吧,像花瓣啊,大作啊,设计癖啊,这些都是我们耳熟能详的网站,不过大部分都是要收费的,我最近在用大师助手这个软件,免费,还能上p,个人感觉还不错

4、有哪些好的免费在线网页设计工具

网上下载建站系统:paheadmin、shopex都是不错的、简单、方便,直接,下载就可以直接用来用!!!

5、设计网页一般用什么工具?

用到了这些东西:Macromedia DreamWeaver MX 2004, Adobe Photoshop CS, Adobe ImageReady CS, EditPlus, Google/Bai

站点规划。越详细越好,包括名称,内容定位,色彩定位,主要页面的文件名等等等等。
用Photoshop做出主要页面的外观。
用ImageReady切片,并导出成html文件。
用Dreamweaver编辑导出的html文件,使之适应需要的效果。
加入asp/php。中间会用到Editplus和Google/Bai。
测试。
完毕。
当你要准备做一个类似hello world的网站的时候,请熟悉第4步。当准备做一个漂亮的静态页面的时候,请熟悉前四步。当你准备做简单的一个具有相当交互功能的页面的时候,请熟悉第4到第6步。当你准备做一个漂亮的,具有相当交互功能的页面的时候,请熟悉以上全部步骤。

学会使用Dreamweaver,学会asp/php并不难,难的在于页面设计的美观、简单、实用。工具的使用、所以要分清楚做“网页”和做“好的网页”。先要会做“网页”,才能慢慢会做“好的网页”。

从零开始学:先学会使用工具DreamWeaver,打好html基础。做简单的静态网页。同时学习photoshop和imageready,熟悉图像处理。然后做漂亮的简单静态页面,将ps, imageready, dw综合起来应用。然后学asp,加入。然后就是美工的提高啦

1。首先要确定做什么样的网站,静态的还是动态的。如果你想建立静态的网站,可以用DREAMWAVER和FRONTPAGE都可以,只在里面添加一些简单的图片和文字。图片可以用photoshop来编辑,使它更美观。
2。如果要做动态的,可以学习ASP。连接后台数据库,就是一般我们见到的网上商店什么的。
3。网站作好后,就要购买域名,也可以在网上找免费的。然后就是购买空间,这个也可以找免费的。这些网上免费的资源只适用于静态网站,因为它的数据量比较小,动态的一般要几百M的空间,所以只能在网上购买。
4。网站的上传,如果是静态的,可以用cuteftp,flashfxp等上传工具来吧网站的资料上传到空间,如果是动态的,因为有数据库,一般的空间提供商都会说明。
5。网站的维护,好的网站也要不断的维护与完善,否则没有人浏览也是一点用处也没有的
以上就是建立自己的网站的几个步骤。

6、制作网页一般用什么软件啊?

1、DreamWeaver

Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。

2、Flash

Flash,是一种动画创作与应用程序开发于一身的创作软件,目前最新的零售版本为Adobe Flash Professional CS6(2012年发布)。

Adobe Flash Professional CS6为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。

3、Fireworks

Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件,它大大简化了网络图形设计的工作难度,无论是专业设计家还是业余爱好者,使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画。

4、HomeSite

HomeSite是一种功能完备的html编辑器。它与文本编辑器相似,但含有自动添加HTML标签以及轻松创建HTML复杂元素的功能。HomtSite还有大量的javascript特性,比如自动创建标签以及为脚本命令首色等,后者可帮助开发人员更轻松的查看和跟踪脚本命令。

5、HotDog Professional

HotDog是较早基于代码的网页设计工具,其最具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee,并能在预览模式中以正常速度观看。

7、网页设计师非常有用的几个在线工具

几个网页设计工作中经常会用的在线工具,能够大大的提供工作效率!
ProCSSor

ProCSSor是一个很不错的CSS代码美化工具,它可以轻松的把代码转换成很美观的格式。
jsFiddle

JsFiddle有多种用途,其中一个用法就是可以在线编辑HTML, CSS 和JavaScript片段,而且代码可以分享,还可以嵌入到你的博客中等等。
Frame Box

Frame Box是一个非常好用的用于在线分享线框图(wireframes)的工具。
Spritebox

Spritebox是一个所见即所得的工具,帮助Web设计者迅速而轻松地从一张精灵图片(CSS Sprit Image)创建CSS类和ID选择符样式。这里涉及到一项技术叫CSS Sprites,在国内很多人叫CSS精灵,它是的基本原理是使用CSS的背景系列属性的组合进行背景图片的精确定位。
CSS3 Generator

这是一个简单的跨浏览器CSS3样式生成器,可以生成你想要的任何值。
Super Conversion Button

这个工具可以帮助你瞬间生成一个美观的试用(Try it now)按钮。
wordmark.it

这个工具之前曾介绍过,可以帮助你直观的查看当前电脑上安装了哪些字体。
0 to 255

8、网页设计中常用的工具有哪些?辅助工具有哪些?

2 . HTML 入门例子
HTML入门例子 -- 自己可以尝试编辑
HTML 入门例子示例 -- 可以尝试编辑

* 在网页中输入文字
* 定义一个段落
* 定义多个段落
* 在一个段落中换行
* 为网页加上水平分割线
* 定义文字的颜色
* 定义网页的背景颜色
* 尝试链接到百度和google

好通过上面的演练有点感觉了吧?下面开始详细学习:)

<1>打开记事本:点击"开始"--选择"程序"--选择"附件"--选择"记事本"

<2>输入下面代码(直接拷贝过去就可以啦)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html>
<head>
<title> 欢迎来到梦之都 </title>
</head>
<body>
<p>这是我的第一个网页,在这里
<a href="http://www.dream.com/xhtml/">
尽情学习HTML吧!
</a>吧!
</p>
</body>
</html>

<3>点击"文件"--选择"保存"--选择文件类型为"所有文件"--文件名输入"dream.html"并选择文件保存地址.(记住一定要把文件的后缀存为.html或.htm,否则网页无法显示)

<4>现在我们可以双击这个文件.看看效果吧 .
现在解释一下上面的例子:

* HTML文件就是一个文本文件.文本文件的后缀名是.txt,而HTML的后缀名是.html.
* <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">代表文档类型,大致的意思就是:遵循严格的XHTML1的格式书写.具体文档类型后面有介绍(见文档类型),现在只要照写就形.
* HTML文档中,第一个标签是<html>.这个标签告诉浏览器这是HTML文档的开始(见html标签).
* HTML文档的最后一个标签是</html>,这个标签告诉浏览器这是HTML文档的终止.
* 在<head>和</head>标签之间的文本是头信息.在浏览器窗口中,头信息是不被显示在页面上的(见head标签).
* 在<title>和</title>标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏(见title标签).
* 在<body>和</body>标签之间的文本是正文,会被显示在浏览器中(见body标签).
* 在<p>和</p>标签代表段落(见p标签).
* <a>和</a>定义了一个超链接,用户只要点击了"尽情学习",就可以链接到http://www.dream.com网站(见a标签).

引用网址:http://www.dream.com/xhtml/novice/
几个问题:
我只能使用记事本做编辑器吗?

答:有很多编辑器可以使用,一些所见即所得的编辑器,比如Dreamweaver,Frontpage你可以很容易创建一个页面,而不需要编写代码,但有可能产生一些垃圾代码.

如果你想成为一名熟练的网络程序开发者,我强烈建议你用纯文本编辑器编写代码,这有助于学习HTML基础.当然也可以使用比较强大的文本编辑器,比如:EditPlus UltraEdit.

猴子推荐: 编辑网页时可以同时使用Dreamweaver与EditPlus,Dreamweaver的强大功能可以快速的产生大量代码,再通过EditPlus修正完善代码.
我编写完了HTML文件,但是双击后并不能在浏览器中看到结果,为什么?

答:请确认你保存了文件,并且使用了正确的文件名和扩展名,例如:dream.html,并且确认你用浏览器打开的是同样的文件.
我编辑了HTML文件,但是修改结果并没有在浏览器中显示,为什么?

答:浏览器缓存了你原先的页面,所以它不会读取新的页面.你修改了这个页面,浏览器并不知道.请使用"刷新/重载"按钮来强迫浏览器读取编辑过的页面,或按F5反复刷新.
怎么显示文件扩展名?

答:打开"我的电脑"--选择"工具"--选择"文件夹选项"--选择"查看"--去掉"隐藏已知文件类型的扩展名"的对勾.

显示文件扩展名

猴子推荐: FireFox浏览器在编辑网页时是不可或缺的,我们应该同时使用IE与FireFox查看网页效果.
延伸阅读

* CSS 入门例子

与免费网站设计工具相关的知识