第一课
1、网站的设计流程：规划阶段（网站策划）、设计阶段（页面美工）、实施阶段(网页制作)
2、网页制作过程中若需要保存，最好不要使用中文名，为以后发布更方便；在操作过程中若需要浏览时，最好是点击
，同时选择在哪个浏览器中预览。
3、如果要查看某一个网页的html代码：（菜单栏的）查看?源文件。
第二课
1、制作网站不是从一个网页开始，而是从站点开始。而建立在本地硬盘上的网站，称为本地站点；上传至服务器上的网站被称为远程站点。
2、创建站点：打开Dreamweaver?（窗口右边）文件面版的桌面下拉菜单（
）?管理站点（或
直接点击后面的“管理站点”）?新建?站点?弹出站点建立对话框【如果是新手，选择左上边的“基本”；如果．．．．．．．．．．．．．．．．．．．比较熟练，选择“高级”；（．．．．．．．．．．．）】?基本?站
点名字（最好英文名）?站点地址（网址）【如果建立本地站，则不管它】?下一步?否【如果使用ASP、JSP、PHP等，则选择“是，我想使用服务器技术”】?下一步?一般选择默认的在本地编辑，再上传至服务器?输入网站所存储在本地的位置?下一步?如何连接远程服务器？选择
1
“无”?下一步?完成?返回到最初的对话框，再单击“完成”。此时在面版上出现自己设置的站点，如：
——已经搭建好了一个空的本地站点。
注：“高级”的操作与“基本”的过程一样，但要方便．．．．．．．．．．．．．．．．．．．．．．而快速的多。只是在选择位置的时注意，只能选在已做好的．．．．．．．．．．．．．．．．．．．．．．．．．．网页的那个文件夹为止。其它的都直接选“默认”最后单击．．．．．．．．．．．．．．．．．．．．．．．．．．“完成”，回到初始对话框后，再点“完成”。 ．．．．．．．．．．．．．．．．．．．．．3、规划站点结构的原则： A、用文件夹来保存文档；
B、使用合理的文件名称，首页名称。文件名必须是英文、数字等，不能是中文，这是原则性问题。首页约定定义为：index.html
C、将本地和远程站点设为同样的结构。 4、创建站点文档：添加文件和文件夹。
①建立网站主页：在文件面版右击站点名称?新建文．．．．件?输入文件名：index.html(扩展名可以是html或htm) ?回车。
②建立栏目文件夹：右击站点名称?新建文件夹?输．．．．．入文件夹名称?回车。
③给栏目文件建立文件：右击栏目名称（即那一个文件．．．．夹）?新建文件?输入文件名【（英文或数字） (扩展名
2
可以是html或htm)】?回车。
④如果文件夹或文件建立错误，需要从硬盘上站点存放的位置中的那个文件夹里面去删除；右击根目录建立的文件（夹）都在根目录下面，右击某个栏目建立的文件（夹）就在那个栏目的文件夹下面；在建立文件时，注意后面的文件扩展名。这些新建的文件都是空的文件，直接双击就能打开进行编辑。
⑤必．须．要建．立．的文．件．与文．件．夹．：根目录下的主页（．index.html）；图片文件夹（．images）；各主要栏目文件夹；．．．．．．．．．．．．．．．．．．．．．一般也少不了视频文件夹和音频文件夹，具体视网站内容而定。
5、Html代码的基本结构：头部和主体。
①在头部中
中charset=gb2312是定义页面是简笔中文。（gb2312是国标码）②
之间为主体部分。第三课
1、设定Meta内容：Meta是指Html类网页头部的一些．．．．．．．信息，即
至之间设置的内容。①通用头元素的设置：在“设计”面版内右击?页面属性（Ctrl+J也可直接打开对话框）?（左边分类栏里）标题/编码?进行设置修改。
3
②添加Meta元素：先打开index.html页面，再进行如下操作。
A、添加作者的信息：把网页编辑区选定为“拆分”形．．．．．式，先在代码和设计中间的空白区任意地方单击，此时光标．．．显示在代码的前边?再点击．．．（菜单栏的）插入．．?HTML?文件头标签（H）?Meta（M），在弹出的对话框中“属性”选：名称；值：author(即作者)；内容：可以输入自己的名字（中英文均可）?确定。【（这时在前边便出现一行代码，同时“代码”与“设计”中间便多了一个图标：
，单击此图标，在“设计”窗口下边属性栏中便
出现这个元素的相关信息，可以直接在此修改，回车确定），（浏览网页时，这些信息不会在网页上显示）】
B、添加关键字：前面同添加作者作息一样，只是最后．．．一步：??文件头标签（H）?关键字（K），在弹出的对话框中输入能被其它网页搜索引擎搜索到的关键字，关键字与．．．．关键字之间要用英文半角的逗号隔开（中英文均可）?确定。．．．．．．．．．．．．．．．．
（这时在前边便出现一行代码，同时“代码”与“设计”中间便多了一个图标：
，单击此图标，在“设计”
窗口下边属性栏中便出现关键字的相关信息，可以直接在此修改，回车确定）
4
相关推荐：
loading