第 二课 规划和创建站点 课前导读 课堂讲解 上机实战 课后练习.

Slides:



Advertisements
Similar presentations
4 第 4 章 网页的布局 设计站点地图,有助于突出网站的主题,确定网 站的内容。而对于每一个网页来说,最重要的除了网 页的内容以外,还有就是网页的风格和布局。一个格 局凌乱的网页,内容再精彩,也不能说是一个好网页 。
Advertisements

第二章走进Windows XP操作系统 第二节 Windows XP文件和文件夹管理.
《网页设计与制作》 教学课件 主讲人:湖南铁道职业技术学院 陈承欢
《网页设计与制作》 教学课件.
第六 章数据库访问页 6.1 数据访问页视图 6.2 创建数据访问页 6.3 编辑数据访问页 6.4 查看数据访问页 退出.
项目2 字符格式和段落编排 2017年3月7日6时54分.
学科:WEB课件制作 课题:骨骼动画在角色设计中的运用 授课教师:牛琦 学段:职二(1) 单位:深圳市福田区华强职业技术学校.
学习目标 能够进行站点的高级定义 能够设置站点地图布局,使用站点地图管理站点 能够进行文件的上传与下载.
插入超链接 高邮市第一实验小学 范太国 任务一:设置文本超链接 任务一:设置文字超链接 步骤:1、选定文字并右击,在快捷菜单 中选择“超链接”命令。 2、在弹出的对话框中选择左侧“链接到:”中的“本文档中的位置(A)”项,在“请选择文档中的位置(C):”中选择需要链接的幻灯片,单击“确定”按钮。
案例2 胸卡的制作. 案例2 胸卡的制作 知识要点: 学习重点及制作思路 学习目的: 邀请函的制作步骤: 1.掌握邮件合并功能 2.掌握比较并合并文档方法 3.掌握页面插入背景图 4.熟练使用文本框 知识要点: 1.邮件合并功能 2.文档中插入域内容 3.文本框的使用 技能要点: 1.域、文档部件操作.
英语等级考试专题学习网站效果图的设计制作
给点阳光我就灿烂 ——工作简历模板.
课程中心 课程中心培训方案 上海泰泽信息技术有限公司
图表的创建.
在PHP和MYSQL中实现完美的中文显示
SVN的基本概念 柳峰
第八章 菜单设计 §8.1 Visual FoxPro 系统菜单 §8.2 为自己的程序添加菜单 §8.3 创建快捷菜单.
定制Drupal主题 Drupal 社区团队 大漠 :QQ
Powerpoint Template Company Name
存储系统.
大学计算机基础 典型案例之一 构建FPT服务器.
SVN服务器的搭建(Windows) 柳峰
点击此处添加幻灯片标题 点击添加幻灯片副标题 本模板来源于网络,由第一课件网整理发布,免费分享给大家使用。
第11章:一些著名开源软件介绍 第12章:服务安装和配置 本章教学目标: 了解当前一些应用最广泛的开源软件项目 搭建一个网站服务器
科研信息管理工具 Endnote X4 王辉.
《Dreamweaver网页制作》 教学单元:网站测试与发布 任务二:“双百”论坛网站上传.
第17章 网站发布.
2019/1/12 GDP设计协同 超级管理员操作手册 GDP项目组.
单元测试工具XUnit 任课老师:黄武 下午2时20分 25.
整合思维导图的初中英语教学设计 主讲人:卢璐.
网页制作基础 CNIC 王桦.
PRESENTED BY OfficePLUS
任务1-3 使用Dreamweaver创建ASP网页
NoteExpress进阶 宋敏 电子资源部
网页设计与制作 Dreamweaver CS6 标准教程
第16章 模板 在建设一个大规模的网站时,通常需要制作很多的页 面,而且还要保证这些页面的风格统一。为了提高网 站建设与更新的工作效率,避免重复操作,这就要用 到Dreamweaver CS4中的模板。本章就来学习如何创 建和使用模板。
学习目标 1、什么是字符集 2、字符集四个级别 3、如何选择字符集.
Web安全基础教程
计算机及办公软件应用 ©2013 苏州工业园区职业技术学院
第一题 填空(30分) 指向其他文件的( 1 )或图片被称为hyper text,这种作用叫超级链接Hyper link。
第十二讲:Web应用程序 上海财经大学信息管理与工程学院.
PRESENTED BY OfficePLUS
TRSWCM65邮件订阅培训 北京拓尔思信息技术股份有限公司.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
项目二:HTML语言基础.
企业宣传推广 Loem ipsum dolor sameman tanam casectetur adipiscing elit tamam dalam qoue sampe. dolor sameman tanam casectetur adipiscing elit tamam dalam qoue.
1 月 日 一 二 三 四 五 六 元旦 11/20 11/21 11/22 11/23 11/ /25 11/26 11/27 11/28 11/29 11/30 12/ /2.
iSIGHT 基本培训 使用 Excel的栅栏问题
组织机构栏目内容管理 青海省教育信息中心 2018年12月18日.
文档创建与发布操作要点 青海省教育信息中心 2018年12月18日.
第六章 素材的加工与处理 第13讲 用GoldWave进行音频的截取、合并、淡入淡出操作
品牌推广方案 汇报时间:2018年8月 汇报人:优品PPT
本节内容 文件系统 视频提供:昆山爱达人信息技术有限公司 官网地址: 联系QQ: QQ交流群 : 联系电话:
Visual Basic程序设计 第13章 访问数据库
海报题目 简介: 介绍此项仿真工作的目标和需要解决的问题。 可以添加合适的图片。
分数再认识三 真假带分数的练习课.
Python 环境搭建 基于Anaconda和VSCode.
_08文件操作 本节课讲师——void* 视频提供:昆山爱达人信息技术有限公司 官网地址:
GDP设计协同在线配置产品线公网访问权限操作手册
武汉纺织大学传媒学院 cm.wtu.edu.cn
《手把手教你学STM32-STemWin》 主讲人 :正点原子团队 硬件平台:正点原子STM32开发板 版权所有:广州市星翼电子科技有限公司
项目:交互式网页 义乌工商学院机电信息分院省级精品课程.
第8章 创建与使用图块 将一个或多个单一的实体对象整合为一个对象,这个对象就是图块。图块中的各实体可以具有各自的图层、线性、颜色等特征。在应用时,图块作为一个独立的、完整的对象进行操作,可以根据需要按一定比例和角度将图块插入到需要的位置。 2019/6/30.
本节内容 进程 视频提供:昆山爱达人信息技术有限公司 官网地址: 联系QQ: QQ交流群 : 联系电话:
第四章 UNIX文件系统.
创建、启动和关闭Activity 本讲大纲: 1、创建Activity 2、配置Activity 3、启动和关闭Activity
10.4 圓之切線方程 附加例題 6 附加例題 7 © 文達出版 (香港 )有限公司.
使用Fragment 本讲大纲: 1、创建Fragment 2、在Activity中添加Fragment
RefWorks使用指南 归档、管理个人参考文献.
海报题目 简介: 介绍此项仿真工作的目标和需要解决的问题。 可以添加合适的图片。
Presentation transcript:

第 二课 规划和创建站点 课前导读 课堂讲解 上机实战 课后练习

课前导读 基础知识 重点知识 了解知识

课堂讲解 规划站点 创建站点 管理站点

在进行网页制作之前,应先创建站点,以便利用站点的管理功能对站点中的文件进行管理或测试。创建站点首先要做的就是规划站点,然后通过Dreamweaver MX 2004的站点管理功能创建站点的框架,包括主页、分支页面和相应的文件夹等。

规划站点 站点的概念 规划站点结构 导航草图制作 创建制作草图

站点的概念 一系列通过各种链接关联起来的网页文档就构成了站点,它可以大到整个网站,也可以小到一个网页。严格地说,站点也是一种文档的磁盘组织形式,它同样是由文档和文档所在的文件夹组成。 在Dreamweaver MX 2004中提供了本地站点、远程站点和测试站点3类站点。本地站点和远程站点使用户能够在本地磁盘和Web服务器之间传输文件,测试站点则用于动态站点的测试。 本地站点。 远程站点。 测试站点。

规划站点结构 规划站点结构是指利用不同的文件夹,将不同的网页内容分门别类地保存,它是设计站点的必要前提。合理地组织站点结构,可加快对站点的设计,提高工作效率,节省工作时间。 通常,在制作站点时首先应在本地硬盘上创建一个文件夹,然后在制作过程中,将所有创建和编辑的网页内容都保存在该文件夹中。当要发布站点时,将这些文件上传到Web服务器上即可。另外,如果站点比较大,则需要建立子文件夹以存放不同类型的网页内容,如在about文件夹中存放与公司简介相关的网页内容,在product文件夹中存放关于公司产品方面的网页内容。

合理的文件、文件夹名称在站点规划中也是较重要的,一个好的名称很容易让人理解,一看就能知道网页要表述的内容。一般在命名时,可以采用与其内容相同的英文或拼音(如公司文件夹可以命名为company或gongsi)进行命名。在命名时应避免使用中文和长文件名,且注意名称的大小写,这是因为很多Web服务器使用的是英文操作系统或UNIX操作系统,在UNIX操作系统中是要区分大小写的,如index.htm和index.HTM会被Web服务器视为不同的两个文件。因此,建议在构建的站点时,所有的文件夹和文件都使用小写的英文字母命名。 规划站点结构时,还应考虑网页所需图片或动画等文件所存放的位置。如果站点内容较少,完全可以只在站点的根目录下创建一个或不建文件夹;如果是大型站点,可在各个类别的文件夹下分别创建相应的文件夹,如在站点根目录下创建一个名称为pic的文件夹用以存放主页中用到的图片和动画,在about文件夹下创建一个名称为image的文件夹用以存放公司简介中用到的图片和动画。在命名这类文件夹时,可以取名为pic、picture、img、image和images等。

导航草图制作 经过规划后,就可以根据规划画出一个导航草图,以便理清思路。

创建制作草图 有了规划后,接下来应对站点的样式和版面进行设计(也就是确定整个站点的页面风格),制作出一个大致的草图。草图的设计方法很多,可以用Photoshop、Fireworks和CorelDRAW等图形软件制作,制作出的图纸也不必很精确,有一个大致的模型即可。

创建站点 在Dreamweaver MX 2004中可以通过选择[站点]}[管理站点]菜单命令,打开“管理站点”对话框,在其中创建站点,也可在“文件”面板中创建站点。

管理站点 在站点中添加新文件夹和文件 重命名文件或文件夹 删除文件或文件夹 编辑文件 编辑站点 删除站点

上机实战 规划装饰公司站点结构 创建站点 创建主要文件夹及文件

本课上机实战主要练习站点的规划、导航草图制作、本地站点的创建、文件和文件夹的创建等操作。在进行站点规划前,读者应收集并参考相关的网站,了解该类网站所包括的基本栏目,以及栏目的划分方式;在进行导航草图的制作时,应参考其制作方法,最好能确定各文件夹及文件的名称;在创建本地站点时,应先确定站点的名称及存储位置。

规划装饰公司站点结构 作为装饰公司,一般应具有公司首页,公司简介、业务项目、作品欣赏、成功案例、建材展示等栏目,比较大型的站点可能还有论坛等栏目。

创建站点 在Dreamweaver MX 2004中利用“管理站点”命令创建“为您享家装公司”站点,站点名称为“为您享家装公司”,存储位置为E:\fnx。

创建主要文件夹及文件 在这里只创建主要的文件夹及文件,其余文件夹及文件读者可参考本案例进行设置。