下载

1下载券

加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 第1章 网页设计与网站建设

第1章 网页设计与网站建设.ppt

第1章 网页设计与网站建设

seven
2010-12-29 0人阅读 举报 0 0 暂无简介

简介:本文档为《第1章 网页设计与网站建设ppt》,可适用于职业岗位领域

网页设计与网站建设网页设计与网站建设时炳艳课程介绍课程介绍课程的必要性:是大学生的必备素质和能力是培养电子商务人才的需要。课程特点:具有计算机类课程的共性同时具有自己的特点(集规划、设计、制作、创意、艺术设计于一体)。课程按排:学习方法:理论知识()操作实践()讲授方法:讲授多媒体演示自主实践创意设计制作学习要求:制作简单的网站考核形式:上机考核或提交作品我们与网络我们与网络在网上主要做什么?电子商务职业技能电子商务职业技能网络交易管理能力网站建设与管理能力网上银行支付与管理能力电子商务安全管理能力网络营销能力网络服务与即时沟通能力课程纲要课程纲要第章网页设计与网站建设第章网页基本元素第章网页布局第章应用框架第章使用CSS修饰网页第章使用行为制作网页特效第章构建动态网页第章Flash动画基础第章网页动画制作第章使用Fireworks处理网页图像第章综合实例第章网页设计与网站建设第章网页设计与网站建设网络基础知识网站制作软件网页的布局与配色站点的创建和管理网络基础知识网络基础知识一、万维网和浏览器WWW和IE(InternetExplorer)二、IP地址和域名IP分个字节用“”分隔域名是与IP对应域的构成通常由三、四级等构成如wwwshengdaeducn三、统一资源定位器UEL(UniformRrsourceLocator),格式为服务:主机名:端号路径文件名服务类型:http:、telnet:、ftp:、gopher:、wais:、news:四、HTML与XML五、CSS六、静态网页与动态网页七、动态网页开发技术常见一、二级域名类型及含义常见一、二级域名类型及含义四、HTML与XML四、HTML与XMLHTML:HypertextMarkupLanguage是一种利用各种标记来标志文档结构和超级链接的超文本标记语言HTML的文件的扩展名:htm或htmlHTML的结构HTML语法HTML文档的编辑可以使用任何文本编辑软件或网页编辑软件XMLeXtensibleMarkupLanguageHTML的文档结构HTML的文档结构<HTML><HEAD><TITLE>……<TITLE><HEAD><BODY>……<BODY><HTML>注:其中省略号处为实际需要的内容例HTML实例HTML实例<HTML><HEAD><TITLE>HTML实例<TITLE><HEAD><BODY><H>简单例子<H><AHREF=http:wwwsohucom>请看详细内容<A><BODY><HTML>HTML基本语法HTML基本语法HTML文档中的标记均用<>括起来,大小写均可以<>为开始标记以<>为结束标记标记的大多数要成对出现,可以写在一行也可以分行写前面的称为头标,如:<HTML>后面的称为尾标,如:<HTML>头尾之间是该范围的显示内容和处理方式不区分大小写<HTML>…<HTML>标签是整个文档的开始和结束标记<HEAD>…<HEAD>标签之间的内容是HTML文档的头部用来放置有关网页的信息。<HEAD>位置在<HTML>标签之后及<BODY>标签之前。<TITLE>…<TITLE>标签是网页标题标记符例:<title>我的网络空间<title>HTML基本语法HTML基本语法<BODY>…<BODY>标签之间是网页的主体内容包括文本、链接、图像及其他媒体内容。每个文档只能有一个<BODY>位置在<HEAD>之后。<AHREF=”…”>…<A>表示超级链接,=后的内容为超级链接的IP地址或Email地址等,<A>前边的内容为链接的载体<p>…<P>段落标记六、静态网页与动态网页六、静态网页与动态网页静态网页静态网页是内容相对固定不变的标准HTML文件其文件扩展名是htm或html。通常静态网页中的动画等是视觉动态效果动态网页动态网页是网页内容含有程序代码并会被服务器端执行的网页通常在服务器端以扩展名asp或aspx储存。动态网页具有“交互性”不同请求可以显示不同内容动态网页可以实现注册、登录、在线调查、购物等二者的区别动态网页中的脚本只能在Web服务器上运行静态网页中的HTML代码能被IE浏览器识别并执行。七、常用的动态网页技术七、常用的动态网页技术ASPASP(ActiveServerPage)是一个Web服务器端的开发环境利用它可以产生和运行动态的、交互的、高性能的Web服务应用程序。PHPPHP(HypertextPreprocessor)是一种跨平台的服务器端的嵌入式脚本语言它大量地借用C、Java和Perl语言的语法并耦合自己的特性使Web开发者能够快速地写出动态生成页面。JSPJSP(JavaServerPage)是Sun公司推出的新一代站点开发语言它完全解决了ASP、PHP的通病脚本级执行实现编译运行可以在Serverlet和JavaBean的支持下完成功能强大的站点程序。网站制作软件网站制作软件xxx或xxxCS是版本的区别DreamweaverFireworksFlashPhotoshop网页布局与配色网页布局与配色一、结构布局国字型拐角型左右框架型其它二、艺术布局分割构成对称构成平衡构成其它三、配色网页安全色区别颜色的元素:背景、普通文本、超级链接文本、已访问过的链接文本、当前链接文本等网页外观结构网页外观结构首页结构注意:为了使页面的结构合理、美观、悦目通常在制作网页之前要用绘图软件画出页面的布局草图站点的建立与管理站点的建立与管理一、站点的建立建立站点根文件夹:我的电脑窗口选一驱动器建立文件夹(用英文或拼音数字的名称)打开”站点定义”对话框:“站点”|“新建站点”输入站点名称:可以用中文或英文服务器技术的选择(动态网页使用),静态网页选择”否…”)如何使用您的文件项:选择第一个选项)选择文件的存储位置(已经建立的站点根文件夹)远程服务器的选择:单击”无”点击“完成”二、站点文件和文件夹的创建三、实例四、站点的管理五、站点视图与文件的上传与下载二、站点文件和文件夹二、站点文件和文件夹(一)站点文件和文件夹的创建在根文件夹中创建在文件面板根文件夹上右击选择新建文件新建文件夹文件文件夹名:将默认的untitledhtml或untitled改为自己设计的名称如indexhtml在文件夹中创建在文件面板的对应文件夹上右击其它同上(二)站点文件和文件夹的编辑站点文件文件夹的编辑即对已建立的文件和文件夹进行复制、删除、重命名、更改位置等操作操作步骤()复制、删除、重命名选中文件文件夹并右击选择相应的操作方法()更改位置选择文件文件夹按住鼠标左键并拖动到指定文件夹上释放三、实例三、实例创建旅游网站的站点:要求:站点名为“旅游”站点根文件夹为luyou创建旅游网站网页和文件夹要求:创建一个indexhtml文件并打开将一幅图片插入到页面中创建images、music、db、pages、flash、books文件夹在pages文件夹中创建newhtml、jingdianhtml、jingdianhtml网页文件四、站点的管理四、站点的管理新建与复制站点新建:选择菜单站点|管理站点命令在对话框中选择“新建”按钮复制:选择菜单站点|管理站点命令在对话框中选择站点单击“复制”按钮编辑站点编辑站点即修改站点的名称存储位置等选择菜单站点|管理站点命令在对话框中选择站点单击“编辑”按钮在对话框中如创建时一样进行各项设置删除站点在管理站点对话框中选择站点单击“删除”按钮导入与导出站点五、站点地图与文件的上传与下载五、站点地图与文件的上传与下载站点地图即对本地整个站点的文件链接的的视觉地图又称为“本地视图”站点地图的打开:单击文件面板上的“地图视图”按钮选择视图方式:站点文件、测试服务器、站点地图(仅地图地图和文件)注意:这时要将一个网页设为主页(右击文件选择“设成首页”命令上传与下载上传:整个站点的编辑在本地完成完成后要上传到服务提供商提供的服务器中方能成为Internet中的一个网站下载:当需要对站点中某个该当进行编辑时需要下载到本地站点中方能对其进行操作

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/23

第1章 网页设计与网站建设

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利