甜品网页制作设计思路？

一、甜品网页制作设计思路？

首先确定你做网页的主要目的，比如展示产品（你们的甜品），首先你的甜品图需要美观（做的甜品有一定创意性也是不错，好的设计或者图片隔着屏幕都能让人闻到香味），并从侧面烘托出你们的甜品做的很好（你们品牌的实力，例：历史性，专业性，销量等等），还有就是产品占网页比重大（突出主题）。

二、网页设计制作过程？

分析如下：

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

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

扩展资料：

网页设计

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

风格

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

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

色彩搭配

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

网页配色小技巧：

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

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

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

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

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

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

参考资料：百度百科：设计

三、web网页设计制作流程怎么写？

确定网站主题。建立网站，所要包含的主要内容。一个网站必须要有一个明确的主题。找准一个自己最感兴趣的内容。办出自己的特色。

四、网页设计期末作业，用dw制作？

有DW制作的旅游以及美食等主题，也可以你出要求来制作

五、银河网页设计怎么制作？

域名与服务器。网站要建立，我们首先要做的事情就是注册一个域名，申请一个服务器的空间，有了这两个准备工作完成之后，我们的网站才可以去同步的完成。

2

/6

模板与网站结构。制作网页我们可以使用现成的模板，只要去编辑图片与文字就可以让网页达到我们的要求，我们也可以设置网站的结构，让网站的菜单栏按照我们的设定呈现。

3

/6

原创网页。如果我们对于网站的要求很高，那么，我们可以用相关的软件对于网页进行全面设计与制作，在制作网页之前，我们可以用PS设计出一个网站的效果页，然后再回到网页制作软件进行图片与文字的填充，这样的网页是静态的。

4

/6

网站的后台。如果我们的网站有着大量的内容，那么，我们要给网站做一个后台，这样新的网页可以从后台进行制作，只要输入文字与图片就可以快速的生成新网页，大大提升了网页制作的效率。

5

/6

网站的推广。网页的制作过程要充分考虑网站推广的因素，我们的网页要设置好相关的关键词作为标题，内容也要围绕关键词来写，图片也要精简一些，图片要设置好标签。这样的网页才可以快速的被搜索引擎所抓取。

6

/6

手机网站。还有一种网站是手机网站，这样的网页也是通过模板来做的，我们只要把文字与图片按照模板的要求来制作就可以了。另外，我们还要设置好相关的按钮与链接，让不同的网页可以通过链接进行访问与跳转，从而让手机浏览也可以轻松的实现。

六、网页设计中表格的制作？

谢邀。

使用普通的<table>标签完成就可以，如果你认为有必要的话外面嵌套一层<div>标签。

表格背景和边框写在CSS里引用即可。

表格的内容应该是数据库的查询结果，需要用到php之类的，就比较复杂了。

举例来说以上的表格代码（静态，只写前两行）。

HTML：

<table width="928">
<tbody>
<!-- 标题行 -->
<tr>
<td width="15%"><strong>名称</strong></td>
<td width="35%"><strong>地址</strong></td>
<td width="10%"><strong>分类</strong></td>
<td width="10%"><strong>特色</strong></td>
<td width="10%"><strong>免费</strong></td>
<td width="10%"><strong>语种</strong></td>
<td width="10%"><strong>其他</strong></td>
</tr>
<!-- 第一行 -->
<tr class="alt">
<td>iH5</td>
<td><a href="http://www.ih5.cn/" target="_blank" rel="nofollow">www.ih5.cn</a><span class="hu-external"></span></td>
<td>H5工具</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>中文</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

标题行没有加背景，而下面的行颜色相互变换。这个变换的部分就写在CSS里。

所以表格继承到的属性有（写在CSS里）：

/* 整张表的属性 */
.table { font-size: 0.875em; margin-bottom: 1.5em; width: 100%; text-align: center; }
/* 带背景的行 */
.table tr.alt { background: #f1f1f1; }
/* 整张表的行属性 */
.table td { border-bottom: 1px solid #f1f1f1; text-align: center; padding: 5px; vertical-align: middle; }
/* 整张表的列属性 */
.table th { font-weight: 600; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 5px; }

七、简述网页设计制作的几大工具？

网页三剑客，是一套强大的网页编辑工具，最初是由Macromedia公司开发出来的。由Dreamweaver，Fireworks，Flash三个软件组成，俗称网页三剑客。另外还包括SharePoint Designer(FrontPage) 2010、PHP 、web page maker等。

八、怎样学好网页设计与制作呢？

网页设计制作分成两个部分，设计和制作，这是两个大方向，很多人容易混在一起，设计是审美交互方面的事，制作是代码制作方面的事，通常上会设计的不会制作，会制作的不会设计，当然也有少数人两个都会。

网页设计部分

这个需要懂得一些基础设计知识，颜色搭配和网页交互常识。初学者可以去模仿总结那些优秀成熟的案例，总结别人的特点，从布局和色彩上去不断的总结，累积多了后，你的审美也会变高，自己也能总结出很多有用的东西。比如像下面这些案例图片，就可以多学习总结。

遇到舒适好看的排版样式，一定要多问问自己，为什么别人的排版设计会如此舒服好看，好奇才是设计师进步的原动力！如果你没有好奇心，建议还是不要学了，天花板太低。

一般来说，网页设计工具通常使用ps就够了，这个并没有特定答案。

给大家附上一些相关网页设计案例网站

还有色彩搭配网站Material Palette - Material Design Color Palette Generator还有色彩搭配网站

网页制作部分

这个其实属于代码实现部分，也就是程序小哥的工作，网页的制作工作通常叫web前端工程师，属于技术工种，需要掌握html,js,css知识，如果你是单独学前端网页制作，可以先跨过设计那一块，找已经设计好的作品，然后尝试自己把原型图做成实际网页，比如上面的案例，一开始只是psd原型图，还不是真实的网页，还需要把它们转成代码。

当然，人的精力是有限的。全部都学的话，花费的时间是真的多，现在网上有各种便捷工具，代码部分交给工具就好了，现在傻瓜式网页制作工具多了去了，我自己也经常使用，比如在https://unsplash.com/ 里找图，然后套在 vipcom.cc 超级单页里出网页，也就十多分钟的事。

九、网页设计，网页美工，网页制作这三者都有什么区别？

网页设计，就是设计出网页大概的样子。比如知乎，哪里是搜索，哪里是回答区，哪里是输入框。

网页美工，就是做出设计师设计出来的东西，比如提问那个按钮。

网页制作就是把美工做出来的东西按照设计师的意思拼好，这就涉及到代码了，HTML&CSS 是至少得。

网页制作不一定需要懂后台，但制作网站就需要了，一般除了 HTML&CSS 还需要懂一个后台语言比如 PHP；最好加个数据库，一般是 MySQL。

十、网页设计与制作要学什么软件啊？

网页设计首先要学会Dreamweaver和Photoshop的使用。这两个软件是网页制作网站开发的必备工具。

1、Dreamweaver

AdobeDreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。目前最新版本的就是AdobeDreamweaverCS6，很好用。

2、Photoshop

AdobePhotoshop，简称“PS”，是由AdobeSystems开发和发行的图像处理软件。

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。目前最流行版本的就是AdobePhotoshopCC

顶一下

(0)

0%

踩一下

(0)

0%