爱生活

 找回密码
 立即注册
搜索
查看: 177|回复: 0
打印 上一主题 下一主题

dreamweaver 设计功能怎么用?,设计怎么使用

[复制链接]

14万

主题

14万

帖子

2859

积分

金牌会员

跳转到指定楼层
楼主
发表于 2022-7-27 00:45:01 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

dreamweaver 设计功能怎么用?
用设计功能怎么搭出一个div 并且控制div的样式?



建立div可以手写代码,也可以选择“插入”菜单里的“div”,直接在设计视图中显示了一个div,但是你还要打开代码视图,为div命名,比如可以为它起名div id=“cc”。代码如下

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="cc">
</div>
</body>
</html>建议你使用最新版的dreamweaver,打开侧边栏的css设计器窗口,在“源”中选择“创建新的css”,也可以选择“在页面中定义”。


以“在页面中定义”举例----然后在“选择器”里找到你刚刚命名的div,也就是“#cc”,css设计器窗口右边的“属性”就可以设计div的样式了,比如我设计的这个div宽度为100px,高度为100px,背景为红色······这些都不用写代码,直接填数字或选颜色就可以了。

这是一个简单的例子,你可以在“属性”中多试试其它选项,再去看看相关的书籍吧。




原型设计是什么,该怎么使用它


我们首先明确两个定义:
原型的定义:
用线条、图形描绘出的产品框架,也称线框图。
交互设计的结果输出,可能是一张纸上的几张图;原型代表着交互设计的结果,当最终实现的时候,交互流程会和原型保持一致;可以理解为草稿或者叫做参照物
原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。
原型设计的定义:
线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主要的作用是描述功能与内容的逻辑关系。
原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。
其次,了解原型设计的作用,主要有两点:
沟通: 因为是原型是需求和功能的具象化表达,所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。虽然需求文档也是可以满足沟通需求的,通过用例将交互写到设计描述文档中,但是原型可以更详细地解释交互。
测试:因为原型相较于UI稿来说修改更方便,所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。没有哪一家互联网公司可以不经过测试,就直接上产品和


上一篇:果树怎么种?,怎么种果树
下一篇:怎样识别真假乳胶枕头,怎么识别真假乳胶
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|手机版|小黑屋|爱生活 ( 蜀ICP备20006951号 )|

 

快速回复 返回顶部 返回列表