课程网站建设培训.pptx

课程网站建设钱 吟上海交通大学 图书馆 2013年11月04日网站是网页的集合，一个完整的网页是由首页和若干个独立的网页（也称子页）组成。首先要做的是把整个网站的结构规划好，再根据规划好的结构制作不同内容的网页，并进行连接网页基本元素：文本，图像，超链接，动画，视频，音频等元素中的一种或多种网页的类型静态网页 静态网页是指不使用程序语言（如ASP、JSP、PHP）而是直接或间接制作的HTML页面。 这种网页的内容是固定的，即不会随着访问用户的不用而呈现不同的内容，修改和更新都必须通过专门的网页制作工具，如： Dreamweaver，FrontPage等，只要修改了网页中的任何元素，就需要重新上传一次覆盖原来的页面，这样才能显示出修改后的效果。 静态网页上也可以出现各种动态的效果，如GIF格式的动画，FLASH，滚动字幕等，但是这些动态效果都只是视觉上的，与动态网页是不同的概念。网页的类型动态网页 动态网页是指使用网页程序语言（如ASP，JSP，PHP，ASP.NET等）通过程序将网站的内容动态存储到数据库，用户访问网站是通过读取数据库来动态生成网页的方法，网站上主要是一些框架基础，而网页的内容大多都是存储在数据库中的。动态网站的内容是不固定的，可在线更新，而且会随着不同的用户、不同时间返回不同的网页。网站建设一般流程1. 前期准备（1）确定网站主题（做一个什么类型的网站）（2）确定网站的用户（3）确定网站的栏目（4）确定网站的配色（5）收集网站的素材和内容（文字，照片，视频，资料……）（6）确定网站的结构（目录结构：img目录放图片，css目录放样式表文件等；链接结构：树状链接、星状链接）（7）确定网站的版式设计和布局2. 进行网页设计3.网页制作4.网站测试与发布5.网站更新与维护网页设计工具Dreamweaver CS5新增功能支持HTML5Dreamweaver CS5新增功能检查浏览器兼容性Dreamweaver CS5新增功能检查动态网页提供了实时视图和实时代码功能，允许用户在Dreamweaver内部快速浏览脚本内容，对脚本进行实时测试。Dreamweaver CS5新增功能多屏幕浏览允许用户定制几种屏幕宽度，然后预览网页文档在这些宽度下的效果。HTML的基本概念一般的HTML由标签（Tags）、代码（Codes）和注释（Comments）组成，基本格式如下：标签页面内容/标签基本特征：1、标签都用“”和“”框起来2、标签一般情况下成对出现，结束标签多一个“/”。如html和/html,第一个叫开始标签，第二个叫结束标签。3、标签可以嵌套。比如： body p strong这是一个加粗显示的段落/strong /p /bodyXHTMLXHTML（Extensible HyperText Markup Language）是目前最流行的网页制作语言之一，是在HTML基础上应用XML的更加规范的语言。同时具有更好的扩展性网页XHTML代码包含：1、!DOCTYPE…文档类型说明 2、html标签和名字空间 3、网页头部标签head 4、页面主体标签body标签的书写格式封闭类型的标签标签名称标签内容/标签名称非封闭类型的标签标签名称/标签的属性 属性包含在标签之中，用来定义标签的各种显示效果和触发相应的行为。语法结构如下： 标签名称 属性=“属性值”标签内容/标签名称 img src=“pic.jpg” width=“500” height=“280” / 一般标签含有多个不同的属性 1.表现属性：高度，宽度，边框，文本排列方式等 2.事件属性：用来添加行为，一般结合JavaScript或者程序来实现，如：onClick，onMouseover等属性。 3.标记属性：用来标记标签，如id，name等 4.CSS样式属性，指使用CSS样式表，如style，class属性 5.其他属性，如type，value等属性。XHTML语法规范1.区分大小写2.正确嵌套所有标签：当标签嵌套时，必须按照打开标签的顺序进行关闭 正确：ulli/li/ul 错误：ulliul/li/ 此外还有一些其他的限制a中不能包含其他a,lable不能包含lable3. 标签必须关闭4. 属性值必须加上双引号：table width=“400”5. 明确所有的属性值6. 特殊字符要用编码表示，空格用nbsp; 用amp等7. 推荐使用CSS控制外观8. 使用页面注释!--这是一个注释--9. 推荐使用外部链接来调用脚本script type=text/javascript src=js/ddsmoothmenu.js/script常用标签1、文本font常用标签2、标题h1,h2……h6常用标签3、图像img常用标签4、链接