行业新闻

Industry news
行业新闻
DW使用教程
 

  DW使用教程_计算机软件及应用_IT/计算机_专业资料。DW初学者使用教程,对学习DW有所帮助

  DW 使用教程 作者: Tung Wu 1. 首次打开 DW 出现窗口点击新建下的文件格式(例:HTML、JSP,这里以 HTML 为例) 2. 创建完成即可开始网页制作, 制作的方式有两种, 一种是代码(如果是专业网站开发 人员建议使用代码),一种是设计(如果是新手开发,或没有接触过 html 可以采用这 种视图化的工具,上手快,效率高) 3. 文件创建完成后,这里假如我们已完成页面,点击左上角文件菜单点击保存,或另 存为选择相应的路径即可(建议编写 html 中途保存,避免断电等发成文件丢失) DW 框架(iframe) 1. 在设计框架之前我们先把框架的窗口打开,以备后用点击窗口-框架 (图中为框架示例) 2. 选中设计的空白区域(光标移至主页面) 找到修改菜单-框架集-选择上下拆分 此时的框架已拆分完成 将光标移至下半部白色区域,选择拆分左框架 此时一个简单的框架就搭建完毕了,大家可以在次基础上搭建更复杂的框架 3.然后我们填写页面的内容,如下图所示 DW 布局 1. 找到左上角布局,点击就可以开始进行页面布局了 (注:如今整个行业基本采用 div+css 的方式进行布局,所以我们采用此方式,传统 的表格布局基本已被 div+css 所取代,这种布局方式的优点不在细说) 看到标准和扩展后点击扩展旁第一个,即:插入 div 标签 看到对话框后输入类或 id(可不设置),一般选择在插入点即可 如图所示:我们的第一个 div 已经创建好了 当然这还不是我们的目标,我们的目标是搭建完整的框架布局 2.光标选中 div 的文字,再次点击 div 布局按钮 加入子 div,输入文字,此时我们需要水平线 点击红圈里的按钮即可添加水平线.此时我们已经把简单的布局这里好的,但是放在网站上不合适,我们还需要 继续调整,加入 css 这里我们使用代码的方式加入: 内嵌语法style type=”text/css”CSS/style 加入: style type=text/css body,td,th { color: #003; } .main_div{ width: auto; height: 500px; background-color: #FF0; text-align: center; } /style (注:.main_div 是最外部 div 的 class 的名字) 4.此时查看页面,布局已搭建完成点击文字居中,效果如图所示 DW 框架和布局结合 1. 之前我们学习了布局和框架,我们把他们相结合看下效果 这里我们只需 在最后一个 frame src=””换成之前布局文件的名字即可(保证路径正确) 颜色稍加调整后,如图所示


活动五-无极3注册平台1_1970高奖金官网 活动四-无极3注册平台5_1970高奖金官网just go 活动三-无极3注册平台4_1970高奖金官网 活动二无极3注册平台3_1970高奖金官网 活动一无极3注册平台2_1970高奖金官网