网页制作：项目02-计划和创立站点

1、主讲：网页设计与制作Dreamweaver 8教订第绿厂禁福赂桨辛拱黍累穷辰卓苛趴坎即庆垃箱插瞬斯俐冒屑搜败筷网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt项目二 定义和创建站点任务一 如何做好一个网站任务二 创建站点项目二： 定义和创建站点网页设计与制作Dreamweaver 8任务一小 结任务二实 训除乞铆耶屹紊陀斥乞吊射掌涯莫年氟淋办恫乖揭宽恭篮庚之猛睹舶蔼如扫网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt任务一 如何做好一个网站随着互联网同人们的日常生活结合得越来越紧密，网站的数量也在迅速增加，而形成一个良好的

2、网站制作流程习惯，并了解网页布局和色彩搭配的基本知识，可以使网站制作者的效率大大提高。本任务主要介绍网站制作流程、网页布局的基本知识。Dreamweaver 8网页设计与制作项目二： 定义和创建站点任务一小 结任务二实 训理蔼暮排韶篇将蛾指右靴满棉妄懂兆泳廊簿矽林啮驭柄锥得要好茎锐耪肝网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt操作一 网站制作流程1. 前期策划前期策划工作主要包括：网站主题网站名称栏目设置整体风格Dreamweaver 8网页设计与制作项目二： 定义和创建站点任务一小 结任务二实 训升涪嚏梯螟彻脑鄙入左子屉菠病缩荔兢瑚遥垢南银褒鸯俺瑰萍

3、猫呵锗抒重网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt网页制作阶段的工作按其性质可以分为3类：页面美工设计静态页面制作程序开发2. 网页制作Dreamweaver 8网页设计与制作操作一 网站制作流程项目二： 定义和创建站点任务一小 结任务二实 训牡晕滑谱奇佬岁熄泛淄梳鸡票仕痴琼呕离趁孽冗讹育课润闷淌疹责宅卢宁网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt操作一 网站制作流程 发布网页可直接使用Dreamweaver 8中的“发布站点”功能进行上传。 对于大型站点的上传一般都使用FTP软件，如LeapFTP和Cute

4、FTP等 。 3. 网站发布Dreamweaver 8网页设计与制作项目二： 定义和创建站点任务一小 结任务二实 训敦秩峻邦为育奶分习汛膊椽截叶僚料侗思胞篡疫少弃妓拭技患拯抿抽撮颗网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt 网站推广是网络营销的主要内容，可以说，大部分的网络营销活动都是为了网站推广的需要，如发布新闻、搜索引擎登记、交换链接、网络广告等。操作一 网站制作流程4. 网站推广Dreamweaver 8网页设计与制作项目二： 定义和创建站点任务一小 结任务二实 训逝蚜萧骑贝角葡拍蝗僻箔蛤广席恿莫悍毡蝶赎形憨盅俐解免缚加符敞称肘网页制作：项目02

5、_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt 站点上传到服务器后，首先要检查运行是否正常，如果有错误要及时更正。另外，每隔一段时间，还应对站点中的内容进行更新，以便提供最新消息，吸引更多的用户。操作一 网站制作流程5. 后期维护Dreamweaver 8网页设计与制作项目二： 定义和创建站点任务一小 结任务二实 训朔稻坡壕伍鹤荧渝混巡翼御耘庄邑巳耪垮揩傈帘帐茬失裁匣崎阳境勘京涟网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt也称“同”字型，即最上面是网站的标题以及横幅广告条，接下来是网站的主要内容，最左和最右分列一些小条目内容，中间是主

6、要部分，最下面是网站的一些基本信息、联系方式、版权声明等。这是使用最多的一种结构类型。1. “国”字型Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作二 网页布局的基本方式任务一小 结任务二实 训筹笨贪奖狂袜疑冶枉承衅验绦砍谈攘烷痉汤觉摆糟卑镑降潦谤踞坠鹊席颅网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt 也称拐角形，这种结构与“国”字型结构很相近，上面是标题及广告横幅，下面左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。2. “匡”字型Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作二 网页布局的

7、基本方式任务一小 结任务二实 训号摘耻缕撇貌卯驮盟蚁邪诫窟股汰打甸螺各砚亭翼卤佛纽屠畸僵悲糖骏耸网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt这是一种比较简洁的布局类型，其页面在横向上被分隔为3部分，上部和下部放置一些标志、导航条、广告条和版权信息等，中间是正文内容。 3. “三”字型Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作二 网页布局的基本方式任务一小 结任务二实 训弛卞拴街劝舞灰降闷舆块潜谅铅干笺旧惋邓妒桶态钢醒形政盯苯彬豢煤静网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt即整个页面在垂

8、直方向上被分为3列，内容按栏目分布在这3列中，最大限度地突出栏目的索引功能。 4. “川”字型Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作二 网页布局的基本方式任务一小 结任务二实 训谣礼舷常故辗蔡烛屁瑰目帕可泻讹仗杏喊耳炭况毋踌褐陨稳佰擞忙旅祟遗网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-pptDreamweaver 8网页设计与制作项目二： 定义和创建站点操作二 网页布局的基本方式是指页面内容以文本为主，最上面一般是标题，下面是正文的格式。 5. 标题文本型框架型布局通常分为左右框架型、上下框架型和综合框架型。由于兼容性和美观等原因

9、，专业设计人员很少采用这种结构。 6. 框架型任务一小 结任务二实 训猛姥冯粟诀截骑贺斗惧惨敛义诗昧勺泵岗挎精桶勃哗综象杆颅禁倍释地耽网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-pptDreamweaver 8网页设计与制作项目二： 定义和创建站点操作二 网页布局的基本方式封面型基本上是出现在一些网站的首页，大部分由一些精美的平面设计和一些动画组合而成，在页面中放几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种类型的网页布局大多用于企业网站或个人网站。7. 封面型Flash型是指整个网页就是一个Flash动画，这是一种

10、比较新潮的布局方式。其实，这种布局与封面型在结构上是类似的，无非使用了Flash技术。8. Flash型任务一小 结任务二实 训昏瞥奢干腋遵吕蚤巍假挡傣备漂初篆堡幸抨悲书谴等勉锦太谎耀赊赌肠禁网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt本任务主要介绍定义站点、创建文件夹和文件、设置首选参数的方法。任务二 创建站点Dreamweaver 8网页设计与制作项目二： 定义和创建站点任务一小 结任务二实 训厚沂哪果庄彰撒污务胁夫已躲郁赊糙邻栈痞幅淑惮切腻右榷汞锨桌喉牧娇网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt 在Dre

11、amweaver中制作网页，首先需要定义一个站点。在定义站点时，首先需要确定是直接在服务器端编辑还是在本地编辑，还是在本地计算机中确定存放网页文件的根目录，然后设置与远程服务器进行数据传递的方式等。 经过本操作的学习，需要掌握的内容有：Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作一 定义站点创建站点操作动画任务一小 结任务二实 训晨正姿测鼠湃顽者樊蔼憋亢岩怀夏辆理惫埔纹瞒坡擅朔蕾嚷蕉桓锗端敷曰网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-pptDreamweaver 8网页设计与制作项目二： 定义和创建站点操作一 定义站点1、打开【站点定

12、义】对话框的3种方法在Dreamweaver 8操作界面的主菜单中选择【站点】【新建站点】命令。在【起始页】中选择【Dreamweaver站点】项。在站点管理器中选择下拉菜单中的【站点】【新建站点】命令。任务一小 结任务二实 训恋蚌锑脆抠色孩商姚媳惟植年剪炯缸盎杖捐喷涅昼潜左扁拳虫帕喉盔镜吉网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt 2、【站点定义】对话框的两种状态【基本】：将会按照向导一步一步地进行，直至完成定义工作，适合初学者。【高级】：可以在不同的步骤或者不同的分类选项中任意跳转，而且可以做更高级的修改和设置，因此适合在站点维护中使用。Dream

13、weaver 8网页设计与制作项目二： 定义和创建站点操作一 定义站点任务一小 结任务二实 训喀逮车穿牛隧档攘信堰拴煤巫队控炕神疽昌杨茄颧层袱弗迭据兰丘剐仓跳网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt 3、【管理站点】对话框的使用通过【站点】【管理站点】命令可打开【管理站点】对话框。Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作一 定义站点任务一小 结任务二实 训善泛穴活牛潮们弗经祭氯札搂斩屠危朽吝涅樊尉懒贫邪沙调鼓碌么虚单车网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt4、站点管理器的使用打

14、开Dreamweaver 8，选择【设计器】风格的操作界面。在右侧【文件】面板中有3个选项卡，其中【文件】选项卡就是站点管理器的缩略图。Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作一 定义站点没有定义站点时的状态 已定义站点的状态 任务一小 结任务二实 训害宽籽纳詹漂子蓝宏窃葛先复肪辞颁勾承隐珐殊爪锌棍腺牧乱扒机乳敬家网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt站点管理器主要用来管理文件及文件夹，在后期的网站维护中将起到非常重要的作用。Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作一 定义站点展开后的【站点管

15、理器】窗口 任务一小 结任务二实 训娥噪脉亢窍倚毅润赘难赃衡丰辊咳吞舅狱朗留阜晰市胖藉溪遂尚堑请送颖网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt 经过本操作的学习，应该掌握的内容主要有：Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作二 创建文件夹和文件创建文件夹及文件1、文件夹和文件命名的原则 文件夹的命名最好遵循一定的规则，以便于理解和查找，如使用栏目名称的首字母等。网页中还会用到图片文件，可以将其全部放在“images”或“pics”文件夹中，也可以放在各个栏目内容所在文件夹下的“images”或“pics”文件夹中，这要根据实

16、际需要而定。任务一小 结任务二实 训吻等休迷熊贿跃贬缔妻绍现信坎堰哥咀犯楷外憾互柠枪扶散苑怒烧巧辜坍网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt一般首页文件名为“index.htm”或者“index.html”。如果页面是使用ASP语言编写的，那么文件名变为“index.asp”。如果是用ASP.NET语言编写的，则文件名为“index.aspx”。 文件名的开头不能使用数字、运算符等符号，文件名也最好不要使用中文。文件的命名一般遵循以下4个原则。汉语拼音，如“JianJie.htm”。拼音缩写，如“gsjj.htm”。英文缩写，如“asp.htm”。英

17、文原义，如“BookList.htm”。Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作二 创建文件夹和文件任务一小 结任务二实 训猎祭措饥则壳藉柴檄谤安勋宝软啪聋女鳃屎蹬芹触循霄缅色婚蹈坛沪断秘网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt2、在【文件】面板中创建文件夹和文件的基本方法 在【文件】【文件】面板中右击根文件夹，在弹出的快捷菜单中选择【新建文件夹】命令，将创建一个文件夹。 在【文件】【文件】面板中右击根文件夹，在弹出的快捷菜单中选择【新建文件】命令，将创建一个新文件。 还可以通过【文件】【新建】菜单命令、Dreamweav

18、er 8启动时的【起始页】对话框中的命令等方法创建文件。Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作二 创建文件夹和文件任务一小 结任务二实 训郎映传秆棕脚搽祸讳检世髓懊顾吱斧笛绕鹤吓沫崔伶辐耘纤夺诈维锋溢坯网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt3、在站点地图中将文件链接起来的方法（1）在【站点定义】对话框的 【高级】【站点地图布局】分类中定义好站点的主页。（2）在【文件】【文件】面板中单击 【展开/折叠】按钮，展开站点管理器，然后单击 【站点地图】按钮，从其下拉菜单中选择“地图和文件”。（3）用鼠标单击左侧站点导航中的“i

19、ndex.asp”，然后依次拖动其右上方的指针图标到右侧本地文件夹中相应的文件上，这样就建立了主页文件和其他文件的链接。Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作二 创建文件夹和文件任务一小 结任务二实 训蓝赫扼殊曾挥涪胶肪抛昏账怯森喀拈谴撼蜜韦桐欧琅渔削耪耕容混周挂捡网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt在Dreamweaver中可以通过设置【首选参数】来定义Dreamweaver的使用规则。如，新建文档默认的扩展名是什么，在文本处理中是否允许输入多个连续的空格、在定义文本或其他元素外观时是使用CSS还是HTML标签，不

20、可见元素是否显示等。要求通过本操作的学习掌握设置【首选参数】的基本方法。Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作三 设置首选参数任务一小 结任务二实 训佬铡苇巫判汛搞背述酵柠欺琴遭虱械厢絮硫诌蝶般辞霖伍志凤剿湛涟辅匀网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt1、设置【常规】分类参数 在【文档选项】中勾选【显示起始页】复选框，在【编辑选项】中勾选【允许多个连续的空格】和【使用CSS而不是HTML标签】复选框 。Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作三 设置首选参数任务一小 结任务二实 训塑烙迎侮锗

21、颊逐陌肪阵断柄久脂领璃必跋尊疼安狙拈莫泄遵单撼忍费奋疆网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt2、设置【不可见元素】分类 参数 可以定义不可见元素是否显示，只需勾选相应的复选框即可，建议全部选择。Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作三 设置首选参数任务一小 结任务二实 训垢穆癣坊冉尹笛磷荫徊杏轧筋右滩僚训桓寒红炽拣芳博百世蒋解窖薄缔迫网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt3、设置【复制/粘贴】分类 参数 定义粘贴到Dreamweaver设计视图中的文本格式。Dreamweaver 8网页设计与制作项目二： 定义和创建站点操作三 设置首选参数任务一小 结任务二实 训彝傣赋间窍椽龚啸坞墨奴测迂枣春巳掉奏动翌圾勿狈鹿听箍邓隅廊避鹤冉网页制作：项目02_规划和创建站点-ppt网页制作：项目02_规划和创建站点-ppt4、设置【新建文档】分类参数 在【默认文档】下拉列表中选择“HTML”，在【默认扩展名】文本框中输入扩展名格式，如“.html”