DreamWeaver CC网页设计与制作

article/2025/8/29 2:34:02

目录

第一章 初识DreamWeaver CC

1.1  DreamWeaver CC的工作界面

1.1.1 不同风格的界面

1.1.2 伸缩自如的功能面板

1.1.3 多文档的编辑界面

1.1.4 新颖的“插入”面板

1.1.5 更完整的CSS功能

1.2 创建网站框架

1.2.1 站点管理器

1.2.2创建文件夹

1.2.3 定义新站点  

1.2.4 创建和保存网页

1.3 管理站点

1.4 网页文件头设置

1.4.1 插入搜索关键字   

1.4.2 插入作者和版权信息

1.4.3 设置刷新时间

1.4.4 设置描述信息


第一章 初识DreamWeaver CC

1.1  DreamWeaver CC的工作界面

1.1.1 不同风格的界面

    若用户想修改操作界面的风格,切换到隐藏或者展开面板,如图1-1-1所示

(图1-1-1)

1.1.2 伸缩自如的功能面板

    在浮动面板的右上方单击按钮 >> ,可以隐藏或者展开面板。如图1-1-2所示: 

    如果用户觉得工作区域不够大,可以将鼠标指针放在文档编辑窗口右侧与面板交界的框线处,进行伸拉。如图1-1-3所示:

    (图1-1-2)                                              (图1-1-3)

1.1.3 多文档的编辑界面

    可同时打开多个文档进行调整。

1.1.4 新颖的“插入”面板

    菜单样式选项卡样式。

1.1.5 更完整的CSS功能

1.2 创建网站框架

    所谓站点,可以看作是一系列文档的组合,这些文档通过各种链接建立逻辑关联。用户在建立网站前必须要建立站点,修改某网页内容时,也必须打开站点,然后修改站点内的网页。在Dreamweaver CC中,站点一词是下列任意一项的简称。
    Web站点:从访问者的角度来看,Web站点是一组位于服务器上的网页,使用Web 浏览器访问
该站点的访问者可以对其进行浏览。
    远程站点:从创作者的角度来看,远程站点是远程站点服务器上组成Web站点的文件。
    本地站点:与远程站点上的文件对应的本地磁盘上的文件。通常,先在本地磁盘上编辑文件,然后再将它们上传到远程站点的服务器上。
    Dreamweaver CC站点定义:本地站点的一组定义特性,以及有关本地站点和远程站点对应方式的信息。
    在做任何工作之前都应该制定工作计划并画出工作流程图,建立网站也是如此。在动手建立站点之前,需要先调查研究,记录客户所需的服务,然后以此规划出网站的功能结构图(即设计草图)及其设计风格以体现站点的主题。另外,还要规划站点导航系统,避免浏览者在网页上迷失方向,找不到要浏览的内容。

1.2.1 站点管理器

     站点管理器的主要功能包括新建站点编辑站点复制站点、删除站点以及导入或导出站点。若要管理站点,必须打开“管理站点”对话框。
     弹出“管理站点”对话框有以下几种方法。
     a.选择“站点>管理站点”命令。
     b.选择“窗口>文件”命令,弹出“文件”面板,单击面板左侧的下拉列表,选择“管理站点”命令。
     在“管理站点”对话框中,通过“新建站管理站点” “编辑当前选定的站点” “复制当前选定的站点”和“删除当前选定的站点” 按钮,可以新建一个站点、修改选择的站点、复制选择的站点、删除选择的站点。通过对话框的“导出当前选定的站点” “导入站点” 按钮,用户可以将站点导出为XML文件,然后再将其导入到DreamWeaver CC。这样,用户可以在不同的计算机和产品版本之间移动站点,或者与其他用户共享。

     在“管理站点”对话框中,选择一个具体的站点,然后单击“完成”按钮,就会在,“文件”面板的“文件”选项卡中出现站点管理器的缩略图。

1.2.2创建文件夹

    建立站点前,要先在站点管理器中规划站点文件。

    新建文件夹的具体操作步骤如下。

    STEP 1  在站点管理器的右侧窗口中单击选择站点。
    STEP 2  通过以下几种方法新建文件夹。 
                   1.选择“文件>新建文件夹"命令。

                   2.用鼠标右键单击站点,在弹出的菜单中选择“ 新建文件夹”命令。
    STEP 3 输入新文件夹的名称。
                   -般情况下,若站点不复杂,可直接将网页存放在站点的根目录下,并在站点根目录中,按照资源 的种类建立不同的文件夹存放不同的资源。例如,image文件夹存放站点中的图像文件,media 文件夹 存放站点的多媒体文件等。若站点复杂,需要根据实现不同功能的板块,在站点根目录中按板块创建子 文件夹存放不同的网页,这样可以方便网站设计者修改网站。

1.2.3 定义新站点  

     建立好站点文件夹后用户就可定义新站点了.在Dreamweaver CC中,站点通常包含两部分,即
本地站点和远程站点。本地站点是本地计算机上的一组文件,远程站点是远程Web服务器上的一个位 置。用户将本地站点中的文件发布到网络上的远程站点,使公众可以访问它们。在DreamweaverCC中 创建Web站点,通常先在本地磁盘.上创建本地站点,然后创建远程站点,再将这些网页的副本上传到一个远程Web服务器上,使公众可以访问它们。

1.2.4 创建和保存网页

1.3 管理站点

 打开站点

 编辑站点

 复制站点

 删除站点

 导入和到处站点

1.4 网页文件头设置

     文件头标签在网页中是看不到的,它包含在网页中的< head > ...</ head >标签之间,所有包含在该标签之间的内容在网页中都是不可见的,文件头标签主要包括 META 、关键字、说明、刷新、基础和链接等。

1.4.1 插入搜索关键字   

    在万维网上通过搜索引擎查找资料时,搜索引擎自动读取网页中< meta > 标签的内容,所以网页中的搜索关键字非常重要,它可以间接地宣传网站,提高访问量。但搜索关键字并不是字数越多越好,因为有些搜索引擎限制索引的关键字或字符的数目,当超过了限制的数目时,它将忽略所有的关键字,所以最好只使用几个精选的关键字。一般情况下,关键字是对网页的主题、内容、风格或者作者等内容的概括。设置网页搜索关键字的具体操作步骤如下:

 1.4.2 插入作者和版权信息

 此时,在“代码”视图中的<head>标签内可以查看相应的html标记。

“<meta name="/ x.Copyright"content="作者:ABC版权所有">"

1.4.3设置刷新时间

1.4.4 设置描述信息

 


http://chatgpt.dhexx.cn/article/XJQWboe2.shtml

相关文章

js删除数组中指定对象

js删除数组中指定对象 需求说明从数组中移除指定对象函数封装 removeArray从数组中获取指定对象索引函数封装 getArrayIndex 在Vue中调用函数使用 需求说明 点击删除按钮删除指定行数据&#xff0c;即删除数组中指定对象。 _arr表示一个Array数组&#xff0c;里面包括了很多的对…

div中移除某个元素 js_js移除某个元素

js 如何删除某个div下的div元素 HTML利用JS移除指定的标签 在JS数组中如何删除某个元素 Array.prototype.remove = function (dx) {if (isNaN(dx) || dx > this.length) { return false; }for (var i = 0, n = 0; i < this.length; i++) {if (this[i] 。= this[dx]) {thi…

vue js删除数组中指定索引的元素

在前端开发中&#xff0c;我们经常需要对数组进行操作&#xff0c;增删改是经常的事情&#xff0c;那我们js中该如何删除指定的下标元素呢&#xff1f;&#xff1f;&#xff1f;&#xff1f; 我们用splice来操作 1.定义和用法 splice() 方法用于添加或删除数组中的元素。 注…

springCloud 接口包错 Hystrix circuit short-circuited and is OPEN

接口报错如下图所示,发完版之后出现这种问题, Hystrix circuit short-circuited and is OPEN 就字面意思就理解是,熔断接口短路 原因&#xff1a;出现timeout的问题&#xff0c;基于我的理论&#xff0c;当然只是基于我的空想。 因为我请求的是一百个线程去访问&#xff0c…

基于SSM企业留言系统

开发工具(eclipse/idea)&#xff1a; eclipse4.5/4.8或者idea2018,jdk1.8 数据库&#xff1a;mysql 功能模块&#xff1a; 前台展示&#xff1a; 1.企业新闻资讯 2.企业介绍 3.企业产品展示 4.留言中心 5.用户注册 一、管理员&#xff1a; 1.新闻管理 2.企业介绍管理 3.企…

php+mysql 留言板系统 登录 管理员 审核回复 学生适用

1、phpmysql留言板系统 2、共有两种使用者&#xff1a;管理员、普通用户 1&#xff09;普通用户创建留言&#xff0c;无需注册和登录 2&#xff09;管理员登陆后审核及回复用户留言、批量删除留言&#xff1b;增删改查后台账号信息&#xff1b;修改密码&#xff1b;退出登录…

留言系统php源码,PHP企业通用留言系统 v1.0

本程序完全免费&#xff0c;前台页面与后台页面无任何限制&#xff0c;为方便用户使用本系统内不含任何广告&#xff0c;欢迎使用! 1.首先将留言板内的所有程序上传到自己购买空间的指定目录内。 2.用Dreamweaver 打开Start.PHP文件和 conn.PHP文件。修改带注视的语句实现与自己…

HTML5+CSS+JavaScript+MySQL+javaweb+mvc框架 简易留言板系统

实现前后端&#xff0c;有用户注册、登录功能&#xff0c;用户可以修改个人信息&#xff0c;编辑和删除自己发的留言&#xff0c;可以给别人回复&#xff0c;也可以单独给其他用户留言&#xff0c;还可以设置为私密留言。也可以进行管理员登录&#xff0c;可以管理所有留言信息…

原生php开发多管理员留言板系统源码

phpmysql多管理员留言板系统源码 基于原生php编写的留言板,分前后台&#xff0c;前后台数据展示都有分页功能。 前台功能&#xff1a;发布留言&#xff0c;留言展示(包括管理员的回复)。用户发布的留言&#xff08;发布的留言时有图片验证码验证&#xff09;&#xff0c;发布成…

【php毕业设计】基于php+mysql+mvc的网上留言管理系统设计与实现(毕业论文+程序源码)——网上留言管理系统

基于phpmysqlmvc的网上留言管理系统设计与实现&#xff08;毕业论文程序源码&#xff09; 大家好&#xff0c;今天给大家介绍基于phpmysqlmvc的网上留言管理系统设计与实现&#xff0c;文章末尾附有本毕业设计的论文和源码下载地址哦。需要下载开题报告PPT模板及论文答辩PPT模…

jsp做的留言系统(防止非法登录、增删改查留言)

第一步&#xff1a;在myeclipse中导入数据库 CREATE TABLE note (id int(11) NOT NULL AUTO_INCREMENT,title varchar(20) NOT NULL,author varchar(20) NOT NULL,content varchar(50) NOT NULL,PRIMARY KEY (id) ) ENGINEInnoDB AUTO_INCREMENT3 DEFAULT CHARSETutf8;-- ----…

【案例2】网络留言薄系统

博主介绍&#xff1a; &#x1f680;自媒体 JavaPub 独立维护人&#xff0c;全网粉丝打大于100w&#xff0c;csdn博客专家、java领域优质创作者&#xff0c;51ctoTOP10博主&#xff0c;知乎/掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和副业。&#x1f680; …

php+mysql 留言板系统 学生适用

1、PHPMYSQL 留言板系统 2、注册登录成功后&#xff0c;可以修改个人资料&#xff0c;包括密码、头像等信息&#xff1b;查看全部留言&#xff1b;删除留言&#xff1b;向指定的用户发留言&#xff1b;查看留言&#xff1b;回复留言&#xff1b;搜索全部留言&#xff1b;找回密…

全网首发PHP版留言系统源码

PHP留言系统源码&#xff0c;支持邮箱提醒&#xff0c;源码界面整洁&#xff0c;舒服简单 适合游戏网站&#xff0c;博客网站等等留言建议&#xff0c;无后台&#xff0c;直接前端登录 搭建环境教程 虚拟主机&#xff08;云服务器&#xff09;域名&#xff0c;QQ邮箱 修改前…

基于PHP的学生留言管理系统

基于PHP的学生留言管理系统 一 项目介绍 本留言管理系统分为用户和管理员&#xff0c;用户可以注册登录进入留言系统&#xff0c;管理员对用户和留言进行管理。系统界面简洁&#xff0c;优雅&#xff01; 技术栈 phpmysqlbootstrapjquerykindeditorphpstudy 二 主要功能 用户…

JAVA留言板系统(java留言板系统)java留言管理系统

JAVA留言板系统&#xff08;java留言板系统&#xff09;java留言管理系统 public Swingtest002() {// 设置标题setTitle("请登陆");// 绝对布局setLayout(null);// 定义一个容器Container c getContentPane();// 创建"用户名:"标签JLabel jl1 new JLabe…

基于PHP的校园留言板系统(带后台管理)

前言 项目可包部署 Q 1115487855 交流群&#xff1a;758350964 一 项目介绍 基于PHP的校园留言板系统(带后台管理) 系统分为前后台&#xff0c;系统用户分为普通用户和管理员 技术栈 phpmysql 可搭建在phpstudy下快速部署&#xff01; 二 主要功能 前台 1 用户注册/登录 2…

【Web技术】网站留言系统开发,及留言信息实时发送至指定邮箱

【Web技术】网站留言系统开发&#xff0c;及留言信息实时发送至指定邮箱 关键字&#xff1a;HTML PHP JavaScript CSS 文章目录 【Web技术】网站留言系统开发&#xff0c;及留言信息实时发送至指定邮箱0 简述1 背景及需求分析2 可行性研究3 基础知识3.1 前端HTML网页设计…

简单的在线留言系统

学习Java Web有一段时间了&#xff0c;借此机会和大家分享一个小东西——在线留言系统&#xff0c;虽然low&#xff0c;小喷即可&#xff0c;大喷伤心&#xff0c;还是希望大家的指正和意见&#xff0c;话不多说&#xff0c;直接上&#xff1a; 第一步&#xff1a; ①.写一个…

网络留言系统(Javaweb简易开发)

目录 第一步&#xff1a;建立数据库test 第二步&#xff1a;创建javaee项目&#xff0c;onlineMessage 第三步&#xff1a;创建JDBC 先导入JDBC驱动包 创建SqlSrvDBConn类 第四步&#xff1a;构件JavaBean 第五步&#xff1a;编写Servlet MainServlet AddServlet Regi…