设计网站和制作首页.pptVIP

第六课 设计网站与制造首页 【任务6-1-2】创建本地站点 【操作要求】 在“D:\”盘 新建文件夹personal web ，然后创建一个新的本地站点my web。 上机作业 1、【实战训练一】第1－3步骤 2、【拓展实战二】HTML文档的基本结构的操作 本讲小结 1.1.1网页制作的基本概念 1.1.2 Dreamweaver 8 的工作界面 1.1.3 HTML命令 1.1.4 创建本地站点 附加： !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “/TR/xhtml1/DTD/xhtml1-transitional.dtd”html xmlns=“/1999/xhtml”表示创建该网页的文档符合w3c标准。 meta http-equiv=Content-Typecontent=text/html;charset=gb2312它表示强制浏览器编码设为简体中文(GB2312)。这一句的作用是相当关键的，在制作网页的过程中千万不可省略。它可以加在网页中的任意部分，最好加在head与/head之间。(FrontPage和Dreamweaver在创建的新网页当中已包含这句) 在过去，省略meta http-equiv=Content-Type content=text/html;charset=gb2312这句网页也往往可正常显示。但是现在WindowsXP的IE6.0又支持简体中文(GB18030)，是采用1/2/4 Bytes混合编码，但它并不会完全兼容GB2312。 若网页中省略了meta http-equiv=Content-Type content=text/html;charset=gb2312这句，WinXP浏览器会默认为GB18030，网页中会出现部分乱码. 要注意的就是，meta http-equiv=Content-Type content=text/html;charset=gb2312这句不能写在js文件中，否则仍不起作用，浏览器编码会默认为GB18030。 但是样式表语句可写在js文件中，唯独meta语句不可以。 * * 第四章 电子表格Excel 6.3.2 HTML文档的基本结构 一个HTML文档是由标记和文本内容组成，其结构如下： HTML HEAD TITLE …… /TITLE /HEAD BODY …… /BODY /HTML 【操作步骤】 （1）启动Dreamweaver, 选择【创建新项目】→【HTML】菜单命令。 （2）选择“代码”项。 （3）输入如下代码： html VERSION=/1999/xhtml head title简单HTML文件的编写教程/title style type=text/css !-- .STYLE1 { font-family: 华文行楷; font-size: 18px; font-weight: bold; } .STYLE2 { font-size: 16px; font-weight: bold; } .STYLE3 {font-size: 14px} -- /style /head body p class=STYLE1初中二年级信息技术2/p p class=STYLE2第6课 设计网页与制作首页/p p本章主要介绍网页的基本概念及HTML语言等。/p p class=STYLE3strong6.1 网页的基本概念/strong/p p class=STYLE3strong6.2 HTML命令/strong/p p6.2.1 HTML语言的基本语法/p p6.2.2 HTM语言的基本结构 /p /body /html （5） 按F12，运行后结果将如教材所示。至此，操作完毕。 【任务6-1-1】创建简单的HTML文件 1.4 站点的创建 1.4.1站点的规划 在制作网页之前，应先对要制作的网站的站点进行规划和创建，这样就可利用站点的管理 功能对站点中的文件进行管理或测试。 1. 认识站点 在Dreamweaver 8中提供了本地站点、远程站点和测试站点3种类型的站点。通过本地站 点和远程站点可以在本地磁盘和Web服务器之间传输文件，通过测试站点可以对动态站点 进行测试。 （1） 本地站点 本地站点是用户工作的目录，是存放用户网页、素材等的本地文件夹。在制作一般网页时 只需建立本地站点即可。 （2） 远程站点 若需要不连接Internet就能对所建的站点进行测试，可以在本地电脑上创建远程站点模拟真 实的Web服务器环境