22 创建站点及页面设置 网页设计制作.docx
- 文档编号:5329733
- 上传时间:2022-12-15
- 格式:DOCX
- 页数:8
- 大小:89.33KB
22 创建站点及页面设置 网页设计制作.docx
《22 创建站点及页面设置 网页设计制作.docx》由会员分享,可在线阅读,更多相关《22 创建站点及页面设置 网页设计制作.docx(8页珍藏版)》请在冰豆网上搜索。
22创建站点及页面设置网页设计制作
创建站点及页面投置
□
□
□
□
学习目标
规划站点
创建站点
管理站点
页面的创建、保存及属性设置
A进行网页制作之前需创建站点,利用站点的管理功能可对站点中的文件进行管理或测试。
创建站点前首先应规划站点,再通过Dreamweaver8的站点管理功能创建站点的框架,包括主页、分支页面和相应的文件夹等。
站点的概念
创建导航草图
>1.1.1
>1.1.2
>1.1.3
1.1.1站点的概念
»多个网页文档通过各种链接关联起来就构成了站点,站点可以小到一个网页,也可以大到整个网站。
1.1.2规划站点结构
》设计站点的必要前提是以划诂点络构。
规划站点结构是指利用不同的文件夹将不同的网页内容分门别类地保存,合理地组织站点结构,可提高工作效率,加快对站点的设计。
》在制作站点时通常先在本地磁盘上创建一个文件夹,将所有在制作过程中创建和编辑的网页内容都保存在该文件夹中。
在发布站点时,直接将这些文件夹上传到Web服务器上即可。
如果站点内容较多或站点较大,则还需建立子文件夹以存放不同类型的网页内容。
1.1.2规划站点结构
》在站点规划过程中,需使用合理的文件名称、文件夹名称,好的名称容易理解、记忆,能够表达出网页的内容。
通常在命名时,可以采用与兵内容相同的英文或拼音进行命名,
如电影文件夹可以命名为movie或dianyingo
O如果是大型站点,可分别创建相应的文件夹在各个类别的文件夹下,如在站点根目录下创建一个名称为picture的文件夹用以存放主页中用到的图片和动画。
如果站点内容较少,可以只在站点的根目录下创建一个文件夹。
1.1.3圳建导航草图
》做好了站点的规划后,就可根据规划制作出一个导航草图便于理清思路,制作时可直接在纸上粗略绘出导航草图。
创建导航草图
"彫视倾城”网站忤贞
歌星档案
你坛动态
电影音乐
rsr^TMii^rfn
外
国
闻迫探
碟快报
文»W4盘《)?
««)ftAQ)«改《)文*©«0⑺》点①SOg打局▼Sa&wt[rn*15Qk|IS*?
■UU»L・E\
型代»厘胞丄出
ES
文档工具栏
0«4・>
标签选择器
«式*
宇甘EIK2S1y
|仔1…F打」7?
插入栏
文档窗口
状态栏
属性面板
菜单栏标题栏
satsffiIStt目你
二)力
二际…虑-・・1阿
、合4JooxVTerXa”IK/J杪罐
V0二®
►css»&R«Fr
►mnwii
1▼如
x»\__
-1
二2・
-IL?
Z1
ISQttA-1气gCD
Q
lot
1.
g”《
1tt
MCllItl 1d kVkt1t1ai4lkt 面: 战组 -X 1.2创建与管理站点 》站点是网页文档存放的地方,也是管理网页文档的重要场所。 做好准备工作后便可进行站点的创建。 1.2创建与管理站点 >1.2.1创建站点 >1.2.2管理站点 1.2.1创建站点 1.2.2管理站点 》站点创建好后还需对站点进行有条理地管理,为以后的工作做好准备。 122管理站点 >1 >2 >3 >4 >5 >6 编辑立占点 添加文件夹或文件删除文件或文件夹重命名文件或文件夹编辑文件 删除站点 编辑站点 A创建好站点后,若对站点的某些选项不满意,可重新对其进行编辑。 管理站点力『编辑‘‘按钮 2.添加文件夹或文件 3.删除文件或文件夹 >若不再使用站点中的某个文件或文件夹,可将其删除。 》选中需删除的文件或文件夹,单击鼠标右键,在弹出的快捷菜单中选择 命令,在弹出的确认对话框中单41按钮即可。 4.重命名文件或文件夹 A选中需重命名的文件或文件夹并单击鼠标右键,在弹出的快捷菜单中选择命令进入改写状态,此时输入新的名称即可。 5.编辑文件 A在需编辑的文件图标上双击即可打开该文件并进入编辑窗口进行编辑。 6.删除站点 »若某个站点已无须再操作,可将其从站点列表中删除。 1・3页面的册建、保存R属性设置 »站点创建好后就可以进行网页的制作了。 下面将讲解Dreamweaver8的一些基本 操作。 >1.3.1 >1.3.2 >1.3.3 >1.3.4 >1.3.5 1・3页面的圳建、保存S属性设置 创建新页面打开已有网页预览网页效果网页的保存页面设詈 》在Dreamweaver8中可以直接创建空白网页文档,也可以通过模板创建有格式的网页文档。 通过模板创建网页的方法将在后面的学习中详细介绍。 这里将介绍直接创建网页文档的方法。 1.3.2打开已有网页 》若要对己有的网页进行编辑,需在Dreamweaver中打开该网页文档。 1.3.3预览网页效果 >在Dreamweaver中对网页进行编辑后,可在浏览器中对其效果进行预览。 “在浏览器中预览刀 >“文件” >文档工具栏上的图标按钮 »快捷键F12 1.3.4网页的保存 》对文档进行了编辑或修改后,需将其保存。 保存文档的方法有直接保存和另存 为两种方式。 1.3.5页面设置 》页面设置即页面属性设置,如页面的夕观、链接和标题等设置。 135页面投置 >1. 外观 >2. 铸接 >3. 标题 >4. 标题/编码 >5. 跟&杲图像 外观 》打开"页面属性”对话框时,对话框默认为外观设置,其中各设置参数含义如下。 »页面字体 A大小 »文本颜色 »背景颜色 A背景图像 >左边距、右边距 A上边距、下边距 A□外观设置好后单击电♦按钮使设置生效。 2.琏接 »在“页面属性”对话框的“分类”列表框中选择"链接”选项,右侧将显示“链接”的参数设置项。 >貝中各参数的含义如下。 >□ 链接字体 >□ 大小 >□ 链接颜色 >□ 变换图像链接 >□ 已访问链接 >□ 活动链接 >□ 下划线样式 3.标题 A在“页面属性”对话框的“分类”列表框中选择“标题”选项,右侧将显示“标题”的参数设置项。 其中各参数的含义如下。 >□标题字体 >□标题1 》在标题2〜标题6下拉列表框中可分别设置2~6级标题的字体大小和颜色,其方法与“标题r的设置相同。 4.标题/编码 》在“页面属性力对话框的“分类力列表框中选择“标题/编码力选项,右侧将显示“标题/编码"的参数设置项。 A其中各参数的含义如下。 >□标题 >□编码 5.跟踪图像 A在“页面属性刀对话框的“分类力列表框中选择“跟踪图像力选项,右侧将显示“跟踪图像力的参数设置项。 》其中各参数的含义如下。 »□跟踪图像 >□透明度 »查看力>“跟踪图像力>“显示"
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 22 创建站点及页面设置 网页设计制作 创建 站点 页面 设置 网页 设计 制作
![提示](https://static.bdocx.com/images/bang_tan.gif)