常用的网站设计制作（网站设计常用软件）

今天给各位分享常用的网站设计制作的知识，其中也会对网站设计常用软件进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、怎样制作一个网站
• 2、现在的网站建设常用的软件有哪些?
• 3、十种网页设计软件
• 4、网页设计需要哪些软件？
• 5、设计静态网站常用的软件有哪些？
• 6、网页设计制作教程

怎样制作一个网站

你好。首先下载Dreamwe***er.exe并打开，选择你使用的编辑语言，本案例用html

打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。

打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。

设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示

接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。

用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。

接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。

接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。

剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站

另外我们还可以***用front page。也可以很容易的实现。

望***纳。

现在的网站建设常用的软件有哪些?

一、门户网站：dedecms

织梦内容管理系统(DedeCms)是使用PHP语言开发的建站平台，以简单、实用、开源而闻名，是国内最知名的PHP开源网站管理系统，用它可以建站的类型很多，如地方门户、行业门户、***及企事业站点等。

二、企业网站：YIQIcms

YIQIcms，是国内首款完全基于SEO友好性开发的营销型企业网站系统，这里的CMS系统更适合建立企业网站。其程序特征：1、100%开放源代码，免费开源;2、后台管理操作简单易行;3、模板div+css标准设计,符合w3c标准，兼容主流浏览器;4、开发语言和数据库：PHP+Mysql。

三、个人网站：wordpess

WordPress是一种使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL 数据库的服务器上架设自己的网志。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。PHP 5.2.4 或更新版本、MySQL 5.0 或更新版本、Apache mod_rewrite 模块是其对硬件的要求。

wordpress的优点主要是，易用、符合SEO要求、强大的模板插件支持，还有一点就是，wordpress作为现在主流的博客建站软件，有大量的粉丝支持，及经验分享，在使用该CMS系统建立网站时，任何问题，都可以在网络上，查询到相应的解决办法。如果要建立个人网站，例如博客等，一款简单的CMS软件，例如Zblog.Z-Blog，它是由RainbowSoft Studio开发的一款小巧而强大的基于Asp平台的Blog程序。对硬件的要求只要是支持ASP和Access即可。

四、论坛：Discuz

Crossday Discuz! Board(简称 Discuz!)是一套通用的社区论坛软件系统。是全球成熟度最高、覆盖率最大的论坛软件系统之一。Discuz更多的是和其他开源系统组合，作为网站和用户交流的一个论坛建站软件。

以上就是网站建设的一些常用软件。

十种网页设计软件

(1)Microsoft FrontPage

熟悉Word的用户，在使用FrontPage进行网页设计一定会非常顺手，这是一款与word有许多相似地方的软件。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。

FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。

(2)Adobe Page mill

Page mill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的`主页需要很多框架、表单和Image Map图像，那么Adobe Page mill的确是你的首选。

Page mill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。

(3)Netscape编辑器

用户在使用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了十种网页设计软件十种网页设计软件。用户可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，这与FrontPage 2000有些像，但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。

Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。

(4)Dreamwe***er

Dreamwe***er是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、J***aScript、J***a、Flash、Shockw***e等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

Dreamwe***er还***用了Roundtrip HTML技术。这项技术使得网页在Dreamwe***er和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处十种网页设计软件文章十种网页设计软件出自。Dreamwe***er最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

(5)Fireworks

第一款彻底为Web制作者们设计的软件

Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的J***aScript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与Dreamwe***er的联系，可以直接生成Dreamwe***er的Libaray甚至能够导出为配合CSS式样的网页及图片!

(6)Flash

Flash是用在互联网上动态的、可互动的shockw***e。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合J***aScript，您也可做出互动性很强的主页来。

(7)Hotdog Professional

Hotdog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。Hotdog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。Hotdog对plug-in的支持也远远超过其他产品，它提供的对话框允许用户以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便十种网页设计软件网页程序设计。

(8)Home Site

Home Site是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑Perl程序。Home Site工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作

Home Site更适合那些比较复杂和精彩页面的设计，能完全控制制作的页面的进程。

(9)Microsoft Visual Studio

该系列的版本有：2003、2005、2008等版本;

适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。

(10)Jbuilder

不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。

以上就是我所要说的十种网页制作软件的一些信息，对于高级制作软件，限于水平，目前只能很简单的说一点，不是太了解。至于初级和中级制作软件，如果是新手的话推荐使用第一款Microsoft FrontPage很容易上手，等到一定程度，通过一定的学习后可以尝试使用中级软件，推荐使用第四款Dreamwe***er软件，根据使用习惯，我自己还是比较喜欢的。

网页设计需要哪些软件？

1．必学 Photoshop 软件

既然是网页设计，那么 Photoshop 自然是必须要学的咯。在写代码前，我时常用 photoshop 来完成网站内页效果图的制作。学习 Photoshop 不是最终目的，其更需要的是：要懂一些视觉层面、设计理论以及交互设计相关的知识，以避免一些常识性错误。

2．掌握 Dreamwe***er 软件

懂点 HTML 、 CSS 前段代码，并掌握 Dreamwe***er ，是一个网页设计师的标配。 DW 是第一套针对专业网页设计师特别发展的视觉化网页开发工具，重设计、轻代码所见即所得是初学的必备。

3.illustrator软件、 CorelDRAW 处理

矢量图形、提取一些素材、同事之间协作，可能会用得到。 CorelDRAW 软件同理。

4.After effect 软件

用于做一些网页所需的动画效果制作，可导出为mp4、 swf 等多种格式。可能也有人会想到用 Flash ，不过感觉用 flash 有些过时，没必再要学了。

设计静态网站常用的软件有哪些？

1. Jekyll

Jekyll是最受欢迎的开源静态生成工具之一，可以跨平台配置。Jekyll利用 Markdown 、 Liquid 、HTML 和 CSS 来生成静态的网页文件，它还支持从常见的 CMS。你能管理永久链接、类别、页面、文章，自定义布局等。非常适合产品页的博客网站。

2. Hugo

Hugo是另一个很受欢迎的用于搭建静态网站的开源框架。它运行速度快、使用简单、可靠性高。还可以提供更高级的主题和一些有用的快捷方式来帮助你轻松完成任务。适合展示网站和博客网站。

3. Hexo

Hexo 基于 Node.js ，除了可以用来快速搭建网站，还提供了丰富的主题和插件。且提供了强大的 API 来扩展功能，可以轻松完成迁移工作。

4. Gat***y

Gat***y 是一个越来越流行的开源网站生成框架。它使用 React.js 来生成快速、界面优美的网站。

5. VuePress

VuePress 是由 Vue.js 支持的静态网站生成工具，如果你了解 HTML、CSS 和 J***aScript，那么你可以无压力地使用 VuePress。

6. Nuxt.js

Nuxt.js 使用了 Vue.js 和 Node.js，但它致力于模块化，并且有能力依赖服务端而非客户端。不仅如此，它的目标是为开发者提供直观的体验，并提供描述性错误，以及详细的文档等。使用Nuxt.js 搭建静态网站，可以做到功能和灵活性两全其美。

7. Docusaurus

Docusaurus 是用 React 构建的，为搭建文档类网站量身定制。你可以使用所有的基本功能，像文档版本管理、文档搜索和翻译大多是预先配置的。如果你想为你的产品或服务搭建一个文档网站，可以试试 Docusaurus。

8. Eleventy

Eleventy 自称是 Jekyll 的替代品，旨在以更简单的方法来制作更快的静态网站。它更容易上手，还提供适当的文档来帮助你。

9. Publii

Publii 是用 Electron 和 Vue.js 构建的一个开源 CMS，它能使生成一个静态网站变得很容易。如果有需要，你也可以把你的文章从 WorkPress 网站迁移过来。此外，它还提供了与 GitHub 页面、Netlify 及其它类似服务的一键同步功能。

10. Primo

Primo 旨在使用可视化的构建器帮你构建和搭建网站，这样你就可以轻松编辑和部署到任意主机上。但目前开发工作仍很活跃，有些功能还不完善，但它是一个独特的项目。

希望以上工具能成功帮助到你搭建一个界面界面优美的网站。

网页设计制作教程

网页制作教程如下

(1) HTML：超文本编辑语言hyper text markup language(编写网页)

文本：用来描述数据，特别单调，只能输文字，不能变彩色，不能插入图片。超文本：丰富多彩的的展示文件

(2)*** 【w(world)w(wide)w(web)万维网，因特网】

含义：建立在Internet上面的，全球的，交互的，多平台的，分布式的信息***网络多平台的：操作系统 【window linux(Android) unix(iOS)】交互的：阅读、发表【CSDN】分布式的：有多台服务器为网络进行服务。

(3)万维网的组成：URL 【Uniform Resource Locator(统一***定位符)网站】

HTTP【hypertext transfer protocal超文本传输语言】

(4)W3C 【HTML的标准制定者和维护者】

二、标签：【以尖括号开始，尖括号之间描述信息，就叫标签】列子： 对 错 对，分类：开始标签 结束标签

三、HTML文档结构

人=头(head)+身体(body）头身体人

四、记事本开发网页步骤

(1)新建文件.txt

(2)更改后缀【.hmtl】或【.htm】------[选中文件，点击f2--快捷方式]

(3)后缀名作用：告诉Windows系统，用什么样的程序打开文件。

(4)源代码：记事本打开 执行结果：网页打开

五、HTML注意事项

(1)标签成对出现。

(2)标签具有嵌套型

(3)排版问题：子标签的父标签之间应该有8个空格：一个tab键

(4)html不区分大小写，最好全部用小写

(5)标签有属性

tips:注意事项a：h1 align 中间要有空格；b：属性名：align 属性列：center 属性列要加"",之间要加 =

(6)注释

(7)换行和空格不管用【如何换行】

六、网页的基本标签

(1)头部标签：

(2)text 设定文字颜色

[或者使用颜色代码]：使用#和十六进制数据组成

(3)【背景颜色】：bgcolor 【背景图片】：

(4)文字标记：hello world

(5)hfba***hgdshbfshp标签前后自动换行 且有align 三个属性【left center right】

(6)标题-------可以一直到6，并且自动换行也有align属性【left center right】

(7)空格： 版权符号

(8)文字修饰标记：加粗 加斜体 加下划线 删除线

(9)支持的图片：常用.jpg .gif .png

(10)如何引入图片 单个标签

(11)超级链接【从一个网络跳到另外一个网页】： 【非常重要的属性 href 要链接到的地址】

常用的网站设计制作的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于网站设计常用软件、常用的网站设计制作的信息别忘了在本站进行查找喔。