DW批量做网页的 ***

装修宝典012

DW批量做网页的 *** ,第1张

DW批量做网页的 ***
导读: DW批量做网页的 ***  DW是之一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地 *** 出跨越平台限制和跨越浏览器限制的充满动感的网页。下面是Y JBYS我整理的DW批量做网页的 ***

DW批量做网页的 ***

 DW是之一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地 *** 出跨越平台限制和跨越浏览器限制的充满动感的网页。下面是Y JBYS我整理的DW批量做网页的 *** ,希望对你有帮助!

 一、建立模板

 1、创建模板页面

 最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板。当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板;再单击Open Template按钮打开该模板,保存后自动存放于网站模板文件夹Templates中。新建、打开的模板页面和普通的网页没什么两样,同样可以加入表格、层、、动画、脚本,设置页面属性等。

 举例:这里以 *** 一个模板为例来说明。在该页面中,我们希望左侧的网站标识图和底部的导航图出现在每个页面中。其中标识图由两幅叠加而成,导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件,它们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁,我们用表格来布置这些元素。准确地说它只是一个没有可编辑区域的“准模板”,下面再设定可编辑区域。

 2、设定可编辑区域

 设定模板可编辑区域,一般来说有两种 *** 。

 新建可编辑区域:选择命令:Modify→Template→New Editable Region。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。

 标记某一区域为可编辑区域:选择命令:Modify→Template→Mark Selectin as Editable Region。如果某区域已经有一些文字,并且希望在以后新建的超文本文件中部分保留其内容,先选中该区域再执行标记命令即可。

 取消可编辑状态:选择命令:Modify→Template→Unmark Editable Region。执行该命令后会弹出一个对话框,其中有当前已有的可编辑区域列表,选中要取消的区域名称,确认即可。

 举例:在大片空白区中随便单击一下,执行Modify→Template→New Editable Region命令,在弹出对话框中输入名称:Main;选中左下角本页说明下面的文字,执行Modify→Template→Mark Selectin as Editable Region命令,输入名称:exp。可以看到可编辑区显示为浅蓝色,保存即完成模板 *** 。

 二、使用模板

 1、根据模板新建页面

 命令:File→New From Template。弹出对话框,从模板列表中选取模板,出现的新页面中除可编辑区外均有淡**背景,是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、等操作,Exp编辑区保留有原来的文字,修改或重新编辑均可。2、对一个已经有内容的页面应用模板

 命令:Modify→Template→Apply Template to Page。选择模板后还会弹出一个对话框,让您选择现有的孤立内容保存到哪个可编辑区域(Choose Editable Region for Orphaned Content)。要是不想保留则可以选择“(none)”。

 举例:我们先新建一个普通页面,输入:“CIW电脑工作室”,执行Modify→Template→Apply Template to Page命令,选择模板test,现有内容保存区域选择Main,确认后可看到页面自动变成了模板页的形式,而“CIW电脑工作室”这一行字就出现在主编辑窗口中。

 3、更新模板以全面更新站点

 基于某一模板建立了一些页面后,对模板进行修改后保存时,就会自动弹出一个对话框,列出所有使用了该模板的页面,询问是否要更新。

 另外一种 *** 是执行Modify→Template→Update Pages命令。从Update Pages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板),单击右侧的Start按钮,软件会自动搜索与模板相关联的网页并进行更新。非常方便!

 举例:Test模板左侧图形中的“读书破万站”是用一个图层叠加在另一幅之上的,现在不想要它,同时还想将所有页面中的该均删除。就可以打开模板testdwt,删除该图层,保存模板,单击右侧的“Update”按钮即可。

;

如果你会运用Dreamweaver div+css来写前端的话,仅靠这个就足够写一个漂亮的前端页面了,可以尝试几点来使页面效果更丰富:

运用好盒子的浮动,做好层级的设计,页面会更有层次

设计一个Logo,有图形设计的logo不仅仅是几个文字,可以在iconfont找一些成熟漂亮的图标,切记新手要学会利用素材,而不是搞全新的创作,为什么,因为不具备创作的能力

:hover 的运用,比如hover设置底部边框线颜色改变,就会有鼠标滑过变色的效果,也同样可以使用鼠标滑过字体颜色大小改变,背景图的改变等,一句代码、事半功倍

*** 一个漂亮的导航条,无需js使用 ul li即可完成一个带下拉菜单栏的导航栏,一个可下拉的导航栏会为整个页面增加不少高级感,建议使用浅灰色不必那么鲜艳,同时加入鼠标滑过效果体验更佳

引入成熟的js轮播图,首页有一个通屏的滚动banner效果会不错,这里可以直接引用成熟的轮播图代码事半功倍,在这里不要觉得不会写js下载代码是不可取的办法,在网页设计上,使用成熟或开源的代码是合理高效的 *** ,在写网页设计报告的时候也直接写清楚是引用的,自己通过调整尺寸适配等引入到自己的网页中即可

学生作业还是要尽可能的将所学知识点融入在网页中,比如音频、视频、表单验证等功能的运用,也是丰富页面的一个手段

最后可以去大设计师论坛看下我这边做的一些成品,旅游、美食、明星、校园、游戏等等主题,也都有共享源码,可以看下我的css、导航栏是怎么写的,就酱~

*** 网页可以用什么软件

1、FrontPage是现有网页 *** 软件中惟一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。②Netscape编辑器NetscapeCommunicator和NetscapeNavigatorGold0版本都带有网页编辑器。

2、网页设计目前比较好用的软件有①Dreamweaver,简称DW。DW是集网页 *** 和管理网站于一身的网页代码编辑器。利用对HTML、CSS,JavaScript等内容的支持,设计人员和开发人员可以在几乎任何地方快速 *** 和进行网站建设。

3、Dreamweaver:是“所见即所得”的可视化排版工具,实际就是html代码编辑软件;Fireworks:用于处理和 *** 网页;flash:用来 *** 网站上的flas *** ;掌握上面三个软件就可以 *** 出一些简单静态页面。

网页设计什么软件好呢

DreamweaverCS6Dreamweaver是一款功能强大的拥有可视化编辑界面的网页设计软件。该软件拥有可响应的自适应网格版面、增强型jQuery移动支持、更新的实时视图等功能,这是一款你值得拥有的网页 *** 软件。

设计网页不仅仅是用到网页设计工具,它还要用到动画 *** 工具以及处理工具。一般设计网页我们只要三个软件基本就可以搞定。这三个软件分别为Dreamweaver,Fireworks,Flash。这三个软件被称为是网页三剑客。

◆FrontPage:该软件是目前最简单、最容易上手,且功能强大的主页 *** 利器,特别适合初学网页设计的读者使用。一般来说,如果您会用Word,就会用FrontPage。

*** 网页可以用什么软件

FrontPage是现有网页 *** 软件中惟一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。②Netscape编辑器NetscapeCommunicator和NetscapeNavigatorGold0版本都带有网页编辑器。

◆Dreamweaver:网页 *** 软件三剑客之一,该软件是现在使用最多的网页编辑工具,它支持DHTML动态网页、Flas *** 和插件,能实现很多用FrontPage无法实现的功能,如动态按钮、下拉菜单等。另外,它还可以用来作为动态网站的开发平台。

Dreamweaver:是“所见即所得”的可视化排版工具,实际就是html代码编辑软件;Fireworks:用于处理和 *** 网页;flash:用来 *** 网站上的flas *** ;掌握上面三个软件就可以 *** 出一些简单静态页面。

网页设计目前比较好用的软件有①Dreamweaver,简称DW。DW是集网页 *** 和管理网站于一身的网页代码编辑器。利用对HTML、CSS,JavaScript等内容的支持,设计人员和开发人员可以在几乎任何地方快速 *** 和进行网站建设。

Coolsite360-新一代网页 *** 平台可复制模板,更可任性DIY,无需编程,在线创建,自动适配桌面及移动端,新锐设计师优选,完全自由的样式设定,丰富的动画设定,一键部署。

步骤阅读2MicrosoftFrontPage,是一款轻量级静态网页 *** 软件,特别适合新手开发静态网站的需要,目前该应用很少用于 *** 网页。

之一章 软件简介与设置

1课程介绍与基础知识 2软件起始页的用法 3界面布局与切换

4定制工具箱 5代码拆分与设计模式 6定制实用界面布局

7标签选择器 8选取手形和缩放工具 9显示设置与速度统计

10属性面板与设置 11菜单命令快速上手 12网页色彩搭配

13HTML基础知识 14企业识别系统与WWW

第二章 定义站点页面属性

1 *** 网站三大原则 2定义新站点 3文件面板基础操作

4创建新网页与网站地图 5创建新的链接 6地图模式下修改文件标题

7自定义根查看链接关系 8CSS的设置一,外观设置 9CSS的设置二,链接设置

10CSS的设置三,标题设置 11CSS的设置四,跟踪图像 12基础HTML页面设置

13本小节HTML基础 14名词解释,http和URL

第三章 文本与列表控制

1文本与列表控制学习 2网页标题修改多种途径 3征文标题文字格式的设置

4文字大小颜色与对齐 5问题,文本中输入空格 6段落切换与强行换行

7文本编辑基础 8从外部导入文本内容 9清理冗余代码

10列表与排序 11定义列表 12插入排版水平线

第四章 链接的使用

1链接的使用学习计划 2定义页面链接样式 3一般链接的常见形式

4输入法建立之一个链接 5指向法 *** 链接 6快捷键拖动法创建链接

7插入法建立链接 8直接用代码建立链接 9插入标签法建立链接

10环绕标签法建立链接 11链接的修改与Email链接 12 *** 特殊的Email链接

13 *** 下载类链接 14锚链接的 *** 15色彩搭配和HTML基础

第五章 图像处理

1 图像处理学习计划与目标 2用菜单插入及设置 3用代码直接插入

4为添加链接 5为添加提示文本 6用标签检查器设置

7用属性面板设置 8编辑图像热区 9调用外部程序编辑图像

10优化与裁切图像 11对图像重新取样 12调整图像亮度和对比度

13锐化图像 14插入图像占位符 15插入鼠标经过图像

16添加导航条 17基础知识与名词解释

第六章 添加多媒体内容

1添加多媒体内容 2插入FLASH SWF文件 3插入FLASH按钮

4插入FLASH文本 5插入FLASH PAPER 6插入FLASHVIDEO

7插入媒体插件 8插入视频文件 9插入FLASH元素

10插入注释 11插入时间

第七章 表格基础知识

1表格基础学习计划与目标 2在页面中插入表格 3设置表格页眉及辅助功能

4在表格中添加内容 5如何导入和导出表格数据 6导入Excel文件与导出表格

7选择表格的常用 *** 8插入行或列 9嵌套表格

10表格属性设置 11行,列和单元格属性设置

第八章 表格进阶

1内容提要与学习目标 2插入表格、行、单元格 3在单元格中输入内容

4代码模式下增加行 5为表格加边框 6设置宽度和背景色

7设置表格背景图 8设置单元格边距 9设置行颜色

10设置对齐 11设置标题行 12代码合并单元格

13合并列 14辅助工具插入代码 15优化表格

16格式化表格 17排序表格 18标签检查器

19表格精确设置 20 *** 一像素表格 21网页色彩搭配知识

22本节HTML基础

第九章 布局模式与层

1内容提要与学习目标 2表格扩展模式 3绘制布局表格

4绘制布局单元格 5绘制嵌套表格 6移动缩放表格

7插入行和列 8表格属性与间隔图像 9使用网格精确绘制

10使用层布局 11精确调整层 12使用菜单创建层

13层的嵌套 14层属性 15可视化剪辑层技巧

16使用层面板 17标尺与辅助线使用技法 18 *** 使用技法

19辅助线的精确设置

第十章 CSS样式

1学习内容与目标 2案例介绍 3样式面板 *** 标题样式

4对照法 *** H2样式 5设置段落样式 6设置样式

7扶植法 *** 样式 8用代码创造CSS样式 9创建、修改、切换CSS样式

10CSS“全部”模式的使用 11CSS“正在”模式的使用 12附件加外部样式表

13CSS样式类的使用 14CSS样式标签的使用 15CSS样式高级的使用

16定义在单独的CSS文件 17修改与删除CSS样式 18本节名词解释

第十一章 设计工具与作品

1设计能力培养学习计划 2网页设计三剑客介绍 3注重设计的页面展示

4咖啡主题页面设计 5女性主体页面设计 6专业风格页面设计

7个人主页设计 8简约风格设计 9天赋与锻炼

第十二章 提高设计能力

1美术基础的重要性 2艺术熏陶 3欣赏与模仿

4学习模仿与观察 5想影视作品学习设计 6昂贵的美

7艺术的旁征博引 8外语的重要性 9兴趣和好奇是更好的老师

10创意无限思维活跃 11循序渐进坚持到底

第十三章 网页 *** 实战

1建立新站点 2设置跟踪图像 3优化软件界面

4配合Photoshop建立表格 5Photoshop切片 6设置与优化切片

7检查与修改切片 8输出切片图像 9修改设置表格

10设置图像与收尾

你去http://wwwenetcomcn/eschool/zhuanti/dwvip/看看,他讲的非常详细!

用dw打开页面文件,在菜单栏单“修改”菜单,在打开的菜单里单击“页面属性”,在打开的对话框里左侧选择“外观(css)”,这时在右侧可以设置“背景图像”。你也可以直接按ctrl+j打开页面属性对话框。