- 1、本文档共46页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第一课:网页设计基础
一 、网站的概述
网页与网站
浏览网页时在浏览器中看到的一个个页面就是网页,而多个相关的网页的集合就构成了一个网站。
举例: (搜狐网) (百度网) (优酷网)等等。
浏览网页的工具-浏览器
浏览器:用于打开显示网页的软件。最常见的是Windows系统自带的IE浏览器。还有火狐Firefox、360安全浏览器、遨游、腾讯TT等等。
网址:用于定位某个网站某个页面的一串字符,通常是这种格式/nba.shtml
主页:访问网站时,默认打开的第一个页面就是主页也叫首页。
认识网页的组成元素
二、初识Dreamweaver
1、制作网站的流程
规划网站类型及主题(搜集资料素材(使用软件进行网页制作(测试及发布
2、认识Dreamweaver
是当前最流行、最方便的网页设计和网站开发工具软件。
Dreamweaver:梦想编辑者。通过这个工具,实现编辑网页的梦。
Dream:梦想
weaver:织布者,织工
早期是Macromedia公司推出的“网页三剑客”之一。“网页三剑客”指的是Dreamweaver、Flash、Fireworks这三个软件,它们这三个集合起来,就像江湖中最厉害的剑客一样,成为了网站开发中的专用利器。它集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别开发的可视化网页开发工具,前两年Macromedia公司被Adobe公司收购,DM CS5是必威体育精装版推出的版本。
【操作演示】启动Dreamweaver
实例:制作一个简单页面(两种方法对照)
三、Dreamweaver的用户界面
提高:工作窗口的设置、保存、恢复
【操作演示】关闭Dreamweaver
四、网页文件的基本操作
基本网页的文件类型为HTML文档,保存的文件扩展名为 “.html”
创建网页文档(HTML文档)
文件→新建→新建文档→常规→类别→基本页
保存指定文件(编辑中的文件如果文件名后面带有“*”号,表示未保存)
文件→保存(或Ctrl+S)
文件→另存为
文件→保存全部
注意:1、网页文件要用英文或数字进行命名,莫用中文。
2、基本网页的扩展名为.html
打开已建的HTML文档
文件→打开
右击文件,选择Dreamweaver打开。
拖动到Dreamweaver
关闭文件
文件→关闭
还未保存的网页(*),关闭时会提示你是否保存。
其他操作:
1)多个编辑文件的切换选择
2)预览编辑中的网页 (快捷键F12)
五、设置网页外观属性
网页标题、页面默认字体、默认字体大小、背景颜色、背景图片、边距。
六、创建站点
1、什么是站点
Dreamweaver的站点是一种管理网站中所有相关联文件的工具。通过站点可以对网站的相关页面及各类素材进行统一管理,还可以以使用站点管理实现将文件上传到网页服务器,测试网站。
站点简单的说就是一个文件夹。在这个文件夹里包含了网站中所有用到的文件。我们通过这个文件夹(站点),对我们的网站进行管理,有次序,一目了然。
2、创建站点
《我的足球网》 站点根目录为 D://jcwww
七、设置默认图像文件夹
八、管理站点
1、在“文件”面板中实现以下操作
选择编辑网页文件
创建文件或文件夹
剪切、粘贴、复制、删除、重命名文件或文件夹
2、站点管理
编辑站点
复制站点
删除站点
第二课:制作网页的基本操作
一 、在网页中添加文本
添加普通文本
方法:
A、直接输入
(1)用鼠标单击网页编辑窗口中的空白区域,窗口中随即出现闪动的光标,标识输入文字的起始位置。
(2)选择适当的输入法输入文字
B、复制和粘贴
C、从其他文件导入
添加空格
输入法切换到半角状态,按空格键只能输入一个空格。如果需要输入多个连续的空格可以通过以下几种方法来实现:
(1)菜单“插入记录”-HTML-特殊字符-不换行空格
(2)直接按“Ctrl+Shift+Space”组合键
(3)设置软件首选参数-允许连续空格
3)添加日期时间
在文档的最后一行插入形式如“Friday, 2006-07-14 9:47 AM”所示的日期,且要求每次保存网页时自动更新日期。具体操作过程如下:
(1)切换到“常用”插入工具栏。
(2)按Enter键,添加一空行,将光标放置在空行与正文对齐的最左端。
(3)单击菜单【插入】→【日期】,或者单击“常用”插入栏的【日期】按钮,将弹出 “插入日期”对话框。
(4)在“插入日期”对话框中,“星期格式”下拉表框中选取“Thursday,”,“日期格式”选取“1974-03-07”,在“时间格式”下拉列表框选取“1
您可能关注的文档
- 自动喷水灭火管道系统的施工工法.doc
- 自发性脑出血(ICH)治疗指南.doc
- 自动化实验_倒立摆实验_附仿真结果图.docx
- 自制19寸(CCCPOM9LA)DCR二合一电源规格书.doc
- 自己做可以用于蛋糕裱花的奶油和奶油膏.doc
- 自己封装WindowsXP的Ghost镜像.doc
- 自己总结的manhattan笔记.doc
- 自己编写jQuery插件之模拟alert和confirm.docx
- 自己配置Hadoop220.doc
- 自己动手,DIY主动PFC,升级您的“鸡肋电源”.doc
- 2022-2023学年全国小学五年级上英语新人教版(一起)期中试卷(含解析).pdf
- (新)人教版生物七上《3.4绿色植物是生物圈中有机物的制造者》单元检测卷(含答案).pdf
- 1—5岁幼儿必读绘本书目(按年龄分布).pdf
- 2002中国大学研究生院评价.pdf
- 2022年新课改高一语文教学工作计划范文(通用6篇).pdf
- 2022年北京工业大学工商管理专业《管理学》科目期末试卷A(有答案).pdf
- 2022一建《机电工程管理与实务》模拟试卷(附答案).pdf
- 2022小学语文新课标学习心得体会范文.pdf
- 2022年大工秋数据结构在线作业.pdf
- 2022年内蒙古大学公共课《马克思主义基本原理概论》期末试卷A(有答案).pdf
文档评论(0)