网页设计基础备课笔记概要1.doc

授课日期 第一周 班级 14电艺 目 的 要 求 认识网页与网站，了解网页的基本元素 重点 难点 熟悉并掌握HTML语言基础知识，理解并掌握网页设计的基本流程 新课内容与教法： 网页设计基础　一个网页对应于一个HTML文件，HTML文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑来产生HTML文件。 标准的HTML文件都具有一个基本的整体结构，即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双标记符用于页面整体结构的确认。 一个网站的建设是需要吧很多细节结合在一起，只有把各步骤有序的完成，才能建成一个完整的网站，虽然建站的步骤很多，而且都是分开的部分，但是这些步骤会形成一个基本的流程，按照这个流程去做，就能完成建站，下面就给大家介绍一下，网站建设的基本流程是什么?域名空间一个网站的建设首先当然是选择一个好的域名，后缀一般都是选择.com和.cn的较多，.com是国际域名后缀，.cn是中国的域名，域名的主体一般和你的网站主题，或者企业的名称全拼来做域名的主体，如今互联网当中网站繁多，很多域名已经被注册，可以是全拼，可以是首字母，可以加地域或者数字，但是一定要有意义，让人容易记住。当域名购买完了之后，还要有个域名可以访问到的地方，这时候就要租一个虚拟主机的空间了，把域名与主机绑定，当访问域名时，就直接进入放在虚拟主机空间里的网站了。 规划设计这时候就要着手规划想要的网站了，个人网站或者是企业站或是门户站，要有目的性，不同类型的网站设计业不一样，需要做一个合理的规划，想好需要实现的功能，想要的板式类型和主要的面对用户群，这都是网站初期要计划好的，这时候也要收集好素材，网站中需要的内容，文字，图片等信息的收集，都是在建站的时候需要的，做好准备。 制作建设当做好准备的时候，就要开始建站了，建站主要分前台和后台，前台的就是网站的板式，根据网站类型，面向人群，来设计网站的版面，不宜太过杂乱，一定要简洁，保证用户体验，才能让访问者有好感。建设后台就较为复杂了，就要用程序整合前台，并且完成需要的功能，这个需要较为复杂的程序编写。 测试发布当网站程序方面编写好的时候，就是个一个网站的雏形了，但这时候网站还是不完善的，需要进行测试评估，网站还是有很多不完善的地方，要从用户体验的角度多去观察，渐渐完善。当网站的问题都解决，没什么大的问题的时候，就可以把网站传到虚拟主机空间里，这是访问域名就可以正式访问网站了。 维护推广网站虽然上线了，但是工作还没有完成，这时候网站也许还有没发现的漏洞等细节，在网站上线之后，还要继续完善网站的不足，维护主要针对于网站的服务器，网站安全和网站内容的维护。这时候站内的完成了，就要注重站外了，可以做seo优化或者百度推广，对网站进行推广，这是针对百度搜索引擎的推广，还可以在其他网络平台上推广，做互联网推广。 Dreamweaver的作用 重点 难点 掌握使用Dreamweaver编辑网页和管理站点 新课内容与教法： 第二章 Dreamweaver CS5基础　　Dreamweaver功能概括 所见即所得的强大功能没有一个Web编辑软件能像Dreamweaver一样，具有所见即所得的功能，你可以在Properties（属性）窗体中调整参数，即刻在Documentwindow窗体中看到它的改变，如果你按下F12，Dreamweaver会自动生成HTML文件格式，供欲览，以便开发人员进一步调整。方便快速的文本编排与Word相似，具有强大的文本编辑能力，你可以在Layer、Table、Frame或直接在Document window窗体中输入文字，通过快捷的右键，选择例如Font（字体）类的选项进行编辑，也可以利用Text菜单进行更为细致的排版编辑。专业的HTML编辑--Roundtrip HTML?Dreamweaver与现存的网页有着极好的兼容性，不会更改任何其他编辑器生成的页面。这将大幅度降低由于HTML源代码的变更而给设计者带来的困惑。?高质量的HTML生成方式?由Dreamweaver生成的HTML源代码保持了很好的可读性。代码结构基本上同手工生成的代码相同，这使得设计者可以轻易掌握代码全局并加以修改。实时的HTML控制设计者可以在可视化或者文本这两种方式下进行页面的设计，并且可以实时的监控HTML源代码。当设计者对代码作出任何改动时，结果将立刻显示出来。?与流行的文本HTML代码编辑器之间的协调工作Dreamweaver可以与目前流行的HTML代码编辑器（如BBEdit、HomeSite等）全面协调工作。已经习惯于使用这些纯文本编辑器的设计者将在不改变他们原有工作习惯的基础上，充分享受到Dreamweaver带来更多功能。设计者