4_2电子商务开发的前台技术.ppt

Electronic Commerce电　子　商　务;;Review;本节课的目标;站点与网页;网页 与主页;制作工具;　　要想学做网页，首先得了解制作网页的工具。 制作网页主要有以下一些工具 Frontpage，操作简单，实用，学起来比较轻松。 　　 Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。 　　 另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。 　　 此外还有一些网络编程工具，javascript、java编辑器等。 　　　　　 　　 要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。 大型的网站往往还需要数据库的支持，所以还得懂数据库。　;不要忘记加入网页的title标题——title是显示在浏览器标题栏的文字，在网页下载时，它是最先出现的，所以你可以用它提示网页的主要内容，或者写些欢迎的话 将首页命名为index.htm——这是规定，没什么好多说的，哪页一旦被取名叫index.htm以后，等整个网站上传了以后，它就是别人用你的网址看到你网站的第一页 。;将所有文件的文件名统一格式用英文字母或数字。 图片应使用.gif 和.jpg (jpeg)格式——这是两种位图文件格式，在同样的视觉清晰度下，文件量往往比其他文件格式小，也就是说在网上下载的时候时间会更短。 用链接连接各个页面——建议这步最后做，先将各个页面的其它部分做好 ;用dreamweave制作网页的过程; ; ;;例：设计、制作以校园生活为内容的网站;根据需要，确定网站首页包括“校园新闻”、“网上学园”、“课余生活”、“资源下载”、“友情链接”、“留言板”共六大板块，接下来进行站点各页面的规划。;校园新闻; 进行了网站的规划、相关信息资料的收集后，接下来的任务就是建立站点。要建立一个找点，就要选定创建站点、制作网页的工具，即网页制作软件。网页制作软件非常多，现在比较流行的有Dreamweaver, FrontPage等工具软件。;某教育网主页;　 HTML语言 　　标记性语言。用来编制网页文档(也称HTML文档) 。并不需要经过编译，只需要通过浏览器来打开就可以看到结果 采用了标记方式，描述了每个在网页上的组件，例如文本段落、文本格式、图像、超链接等 通过超文本链接能方便地进行各种信息之间切换; ;HTML文档的编辑;HTML文档的基本结构; (3) 标记以“”、“”及标记名组成 双边标记： 标记……/标记 示例： BODY …….. /BODY ; 常用的一些标记 ; 常用的一些标记 ;　 HTML文档的基本结构; 例2 建立含有两个网页链接的HTML文档 HTMLHEAD TITLE 例2 /TITLE /HEAD BODY PA HREF=“Welcome.htm” 欢迎您 /A/P PA HREF=“/” 浏览北大 /A/P /BODY/HTML 其中: P/P表示分段 A HREF…… /A表示插入超级链接 思考：本例中两个链接分别是链接三种情况中的哪种？ ; 例3 显示唐诗《游子吟》; 例4 显示唐诗《静夜思》; 网页脚本语言初步认识 ;HTMLBODYSCRIPT LANGUAGE=VBScript H=HOUR(TIME()) 求出系统时间的小时数 IF H12 THEN 判断时数是否小于12 DOCUMENT.WRITE(早上好 ! ) ELSE IF H18 THEN 再判断时数是否小于18 DOCUMENT.WRITE(下午好 ! )