null网页设计与网站建设网页设计与网站建设时炳艳课程介绍课程介绍课程的必要性：是大学生的必备素质和能力，是培养电子商务人才的需要。 课程特点：具有计算机类课程的共性，同时具有自己的特点（集 规划 污水管网监理规划下载职业规划大学生职业规划个人职业规划职业规划论文 、设计、制作、创意、艺术设计于一体）。 课程按排：4+2 学习方法：理论知识（40%）+操作实践（60%） 讲授方法：讲授+多媒体演示+自主实践+创意设计制作 学习要求：制作简单的网站 考核形式：上机考核或提交作品5我们与网络我们与网络在网上主要做什么？电子商务职业技能电子商务职业技能网络交易管理能力网站建设与管理能力网上银行支付与管理能力电子商务安全管理能力网络营销能力网络服务与即时沟通能力课程纲要课程纲要第1章 网页设计与网站建设 第2章 网页基本元素 第3章 网页布局 第4章 应用框架 第5章 使用CSS修饰网页 第6章 使用行为制作网页特效 第7章 构建动态网页 第8章 Flash动画基础 第9章 网页动画制作 第10章 使用Fireworks处理网页图像 第11章 综合实例第1章 网页设计与网站建设第1章 网页设计与网站建设1.1 网络基础知识 1.2 网站制作软件 1.3 网页的布局与配色 1.4 站点的创建和管理1.1 网络基础知识1.1 网络基础知识一、万维网和浏览器 WWW和IE(Internet Explorer) 二、IP地址和域名 IP分4个字节，用“.”分隔，域名是与IP对应域的构成，通常由三、四级等构成，如www.shengda.edu.cn 三、统一资源定位器 UEL(Uniform Rrsource Locator),格式为[服务://主机名：端号/路径/文件名] 服务类型：http:、telnet:、ftp:、gopher:、wais:、news: 四、HTML与XML 五、CSS 六、静态网页与动态网页 七、动态网页开发技术1.2常见一、二级域名类型及含义常见一、二级域名类型及含义7四、HTML与XML四、HTML与XML1.HTML： Hypertext Markup Language是一种利用各种标记来标志文档结构和超级链接的超文本标记语言 HTML的文件的扩展名：.htm或html HTML的结构 HTML语法 HTML文档的编辑 可以使用任何文本编辑软件或网页编辑软件 2.XML eXtensible Markup LanguageHTML的文档结构HTML的文档结构 …… 注：其中省略号处为实际需要的内容 例HTML实例HTML实例

简单例子

请看详细内容 HTML基本语法1HTML基本语法11.HTML文档中的标记均用<>括起来,大小写均可，以<>为开始标记，以为结束标记 2.标记的大多数要成对出现,可以写在一行也可以分行写.前面的称为头标,如:;后面的称为尾标,如:.头尾之间是该范围的显示内容和处理方式，不区分大小写 3.…标签是整个文档的开始和结束标记 4.…标签之间的内容是HTML文档的头部，用来放置有关网页的信息。，位置在标签之后及标签之前。 5.HTML基本语法2HTML基本语法26.…标签之间是网页的主体内容，包括文本、链接、图像及其他媒体内容。每个文档只能有一个，位置在之后。 7.… 表 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 示超级链接,=后的内容为超级链接的IP地址或E-mail地址等,前边的内容为链接的载体 8.

…

段落标记 六、静态网页与动态网页六、静态网页与动态网页1.静态网页 静态网页是内容相对固定不变的 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 HTML文件，其文件扩展名是.htm或.html。 通常静态网页中的动画等是视觉动态效果 2.动态网页 动态网页是网页内容 含有程序代码，并会被服务器端执行的网页，通常在服务器端以扩展名.asp或.aspx储存。 动态网页具有“交互性”，不同请求可以显示不同内容 动态网页可以实现注册、登录、在线调查、购物等 3.二者的区别 动态网页中的脚本只能在Web服务器上运行，静态网页中的HTML代码能被IE浏览器识别并执行。七、 常用的动态网页技术七、 常用的动态网页技术1.ASP ASP（Active Server Page）是一个Web 服务器端的开发环境，利用它可以产生和运行动态的、交互的、高性能的Web服务应用程序。 2.PHP PHP（Hypertext Preprocessor）是一种跨平台的服务器端的嵌入式脚本语言，它大量地借用C、Java和Perl语言的语法，并耦合自己 的特性，使Web开发者能够快速地写出动态生成页面。 3.JSP JSP（Java Server Page）是Sun公司推出的新一代站点开发语言，它完全解决了ASP、PHP的通病——脚本级执行，实现编译运行，可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。1.2 网站制作软件1.2 网站制作软件xxx8或xxxCS3是版本的区别 Dreamweaver Fireworks Flash Photoshop 1.3 网页布局与配色1.3 网页布局与配色一、结构布局 国字型 拐角型 左右框架型 其它 二、艺术布局 分割构成 对称构成 平衡构成 其它 三、配色 216网页安全色 区别颜色的元素：背景、普通文本、超级链接文本、已访问过的链接文本、当前链接文本等19网页外观结构网页外观结构首页结构1注意：为了使页面的结构合理、美观、悦目，通常在制作网页之前要用绘图软件画出页面的布局草图1.4 站点的建立与管理1.4 站点的建立与管理一、站点的建立 1.建立站点根文件夹：我的电脑窗口选一驱动器，建立文件夹（用英文或拼音+数字的名称） 2.打开” 站点定义”对话框：“站点”|“新建站点” 3.输入站点名称:可以用中文或英文 4.服务器技术的选择(动态网页使用),静态网页选择”否…..” 5.1）如何使用您的文件项：选择第一个选项 2）选择文件的存储位置（已经建立的站点根文件夹） 6.远程服务器的选择:单击”无” 7.点击“完成” 二、站点文件和文件夹的创建 三、实例 四、站点的管理 五、站点视图与文件的上传与下载二、站点文件和文件夹二、站点文件和文件夹（一）站点文件和文件夹的创建 1.在根文件夹中创建 在文件面板根文件夹上右击 选择新建文件/新建文件夹 文件/文件夹名：将默认的untitled1.html或untitled改为自己设计的名称，如index.html 2.在文件夹中创建 在文件面板的对应文件夹上右击 其它同上 （二）站点文件和文件夹的编辑1.站点文件 /文件夹的编辑即对已建立的文件和文件夹进行复制、删除、重命名、更改位置等操作 2.操作步骤 （1）复制、删除、重命名 选中文件/文件夹并右击 选择相应的操作方法 （2）更改位置 选择文件/文件夹 按住鼠标左键并拖动到指定文件夹上释放三、实例三、实例创建旅游网站的站点： 要求：站点名为“旅游”，站点根文件夹为luyou 创建旅游网站网页和文件夹 要求： 1.创建一个index.html文件，并打开将一幅图片插入到页面中 2.创建images、music、db、pages、flash、books文件夹 3.在pages文件夹中创建new.html、jingdian1.html、 jingdian2.html网页文件 四、站点的管理四、站点的管理1.新建与复制站点 新建：选择菜单—— 站点|管理站点命令，在对话框中选择“新建”按钮 复制：选择菜单——站点|管理站点命令，在对话框中选择站点，单击“复制”按钮 2.编辑站点 编辑站点即修改站点的名称，存储位置等 选择菜单——站点|管理站点命令，在对话框中选择站点，单击“编辑”按钮 在对话框中如创建时一样进行各项设置 3.删除站点 在管理站点对话框中，选择站点，单击“删除”按钮 4.导入与导出站点五、站点地图与文件的上传与下载五、站点地图与文件的上传与下载1.站点地图 即对本地整个站点的文件链接的的视觉地图，又称为“本地视图” 站点地图的打开：单击文件面板上的“地图视图”按钮 选择视图方式：站点文件、测试服务器、站点地图（仅地图/地图和文件） 注意：这时要将一个网页设为主页（右击文件，选择“设成首页”命令 2.上传与下载 上传：整个站点的编辑在本地完成，完成后要上传到服务提供商提供的服务器中，方能成为Internet中的一个网站 下载：当需要对站点中某个该当进行编辑时，需要下载到本地站点中，方能对其进行操作