网页设计制作

㈠ 网页前端制作和后端制作的区别

前端
Web应用按照客户-服务体系结构分类为分布式应用。所以我们的代码有一部分运行于客户端，还有一部分运行于服务端。运行于客户端部分的应用（大多数情况下，客户端是指我们的Web浏览器）被成为前端。最常见的用于前端开发的技术组合是HTML+CSS+JavaScript，设计人员通常使用这些技术开发专业知识来创建Web应用的前端。HTML这个超文本标记语言，主要用来展示一些文本、图片、表格、链接等；其次是CSS——层叠样式表，CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化；最后一门重要的技术叫做JavaScript——脚本语言，常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
后端
后端一般指的就是我们网站的服务器程序，他们决定了我们网站的运行逻辑，业务核心，我们通过它来处理业务，操作数据库。后端开发者编写运行于服务器上的代码。通常情况下，这部分工作需要为读/写数据、读/写文件、制作业务逻辑等连接数据库。有些情况下，业务逻辑是驻留在客户端的，这时客户端通常以Web服务的形式被用以服务来自数据库的数据。后端开发者通常精通于一种Web编程语言和一个数据库管理系统。后端入门稍困难，每天关注的是业务逻辑的处理，数据的增删改查、性能的优化。对应jsp、javaBean 、层、action层和service层的业务逻辑代码。（包括数据库）

㈡ 网页制作步骤有哪些

第一步、在制作一个网页的时候，会用到代码，如果是自己会写的话就可以直接用记事本就能够做出网页了，如果要是不会写代码的话可以先在电脑里安装上的网页里制作，目前比较流行的网页制作软件有很多，最好的是Macromedia Dreamweaver这个软件是目前为止制作网页方便的软件中功能强大的，也可以安装其他的软件制作，最好是选择功能强大又方便的软件进行网页制作。
第二步、要在电脑中选择出一个盘来，这个盘用来新建一个存放的网页文件夹，但是这里要注意的是不要选择使用c盘，新建了一个文件夹以后，文件夹的名字是可以随便取的，因为只是存一下这个新建的网页，名字什么的不是特别的重要，然后完成了以后在存放的网页的文件夹里面再建立几个文件夹，方便后期的使用，可以建立图片文件夹，声音文件夹，视频文件夹，等等一些根据自己需要进行建立。
第三步、打开网页制作软件，新建一个站点，新建站点步骤按系统提示操作。新建主页、布局主页、制作导航栏、添加栏目，输入想要的内容。在制作子页，并与主页导航栏栏目链接。制作完成后打开主页进行一个全面的预览，有不好的地方进行修改完善。如果要想网页漂亮且有个性，就需要图像、动画等元素来装饰。

㈢ 如何制作HTML页面

1、首先我们需要在桌面上，新建一张记事本

㈣ 制作网页可以用什么软件

制作网页可以用如下软件：

1、Coolsite360。特点有可复制模板，更可任性DIY，无需编回程，在线创建，自动答适配桌面及移动端。

2、Adobe Dreamweaver。简称“DW”，中文名称 "梦想编织者"，最初为美国MACROMEDIA公司开发，2005年被Adobe公司收购。

3、Flash。是由macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。做Flash动画的人被称之为闪客。

4、Fireworks。是由Macromedia推出的一款网页作图软件，软件可以加速 Web 设计与开发， 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。

5、Frontpage。Frontpage，是微软公司出品的一款网页制作入门级软件。FrontPage使用方便简单，会用Word 就能做网页，因此相对Dreamweaver等软件更容易上手。

㈤ 网页设计制作流程是什么样的

网页设计的两大要点是：整体风格和色彩搭配。
确定网站整体风格
在这里，我提供给内大家一些参容考经验：
1．将你的标志logo，尽可能的放在每个页面上最突出的位置。
2．突出你的标准色彩。
3．总结一句能反映贵站精髓的宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

㈥ 制作网页一般用什么软件啊

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，并能在预览模式中以正常速度观看。

㈦ 网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

(7)网页设计制作扩展阅读：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。