电子商务网页制作技术 教学课件 作者 王春燕 网站项目认识.pptVIP

ftp. dit wcy0 打开本地web文件夹，即旅游网站文件夹，所看到的文件都是此网站相关文件。 双击index.html文件，打开网站首页。 单击“结伴同游”文字，打开网站内页。 打开index.html，在浏览器“页面”菜单中选择“查看源文件”，看到网页编码。 双击index.html文件，打开网站首页，将网页保存成JPG格式的图像文件。 Ps中打开首页图片，选取左上角部分，并另存为logo.jpg 选取右上角部分，并另存为navebar.jpg 选取最大图片部分，并另存为bananer.jpg 选取中间，并另存为body.jpg 选取底部，并另存为Copyriht.jpg 网站与网页 “Web站点”就像图书馆中的一本本书，而“Web页”则是书中的某一页。多个Web页合在一起便组成了一个Web网站。 网站的主题、标志、内涵，以及各栏目的内容都是通过网页呈现在浏览者的面前。 网页一般由文字和图片、声音、图像、动画等多媒体内容，网页都包含链接，可以方便地跳转到其他相关网页或者相关网站。 网站与网页 网页是一个html文件，在步骤查看到的网页编码即超文本标识语言（HyperText Markup Language, HTML），是WWW中用于描述超文本文件的标识语言，可以显示多种多媒体信息。 浏览器是用来解读这份文件的，1992年，Mark Andreeseen设计出世界上第1个WWW浏览器Mosaic，目前较流行的浏览器是Internet Explorer和Netscape Navigator。 网站有一个被称为“首页”(homepage）的页面（也称主页），是技术与艺术交融统一的“结晶”。首页的另一个主要作用是引导或指导浏览者访问站点内容，站内的重大、最新消息，要点新闻通常都在首页上展示。 网页基本要素 网站标志　也称网站Logo，利用它来对自身形象进行宣传。 导航栏　　起到引导、内容分类的作用，把网站的内容有条理地组织起来。 Banner　　表现网站广告、交换链接等方面，达到最佳的视觉效果以吸引客户的眼球。 网页主体　包括文本、图片及多媒体对象如FLASH动画、按钮、音频、视频等。 页脚　放置此网站版权信息如创意，名字，标题，口号及该网站在信息产业部的备案号，还可放置网站LOGO、联系方式。 网页制作 规划网页 准备素材 制作网页　　 常用工具有Dreamweaver、Photoshop、 Flash、 JavaScript以及ASP.net、Jsp等。 网站分类搜索 综合门户类网站　　新浪　/、搜狐　/ 气氛类网站　　包括：娱乐类/、生活类，http://www. I/cn/zh、时尚类，耐克 /、文化类，榕树下 ，。 商务类网站　　淘宝网 /。 企业类网站　　三星/。 计算机网络类网站　　中关村在线 / 机构类网站　首都之窗 /。 博客类　中国博客网/ 在D：\myweb下站点定义一个名称为“myweb”。 选择“站点”－“管理站点”命令，在弹出的管理站点对话框可以进行修改与删除。 选择“编辑”－“高级”选项卡，查看站点高级设置内容。 打开“文件”面板，选中需要创建新文件，将文件的命名为index.html。 “文件”面板空白处右键选择：“新建文件夹”命名为ayyz，在文件夹中建立index1.html文件，文件或文件夹的移动操作。 选中站点根目录下的index1.html文件，将文件本地站点中删除。 Dreamweaver 编辑环境 管理站点 创建网页 创建站点地图 实训步骤 1、站点myweb，在站点要目录下建立名为jxjn.html文件 2、单击“修改”→“页面属性”选项 3、输入文本 4、格式化文本 5、插入图像 6、使用图像属性对图像进行编辑 7、“景点详情”、“景点评论”增加项目列表 8、光标放在最后一行，选择“插入记录”－“表格” 实训步骤 1、新建文件名为“hainanjt.htm”，插入图片“hainanmap.jpg” 2、文字链接 3、图片 “多边形热点工具”绘制热区 4、网站链接 5、电子邮件链接 6、插入记录”→“命名锚记”， “命名锚记”链接 7、选中“景点评论”， #　空链接 8、 “内容下载”，下载链接 超链接定义 文本超链接 图像超链接 邮件超链接 书签链接(锚链接)　一是用于定义链接目标位置的“锚记”，一是链接到目标锚记位置的超级链接。 空链接 下载链接 脚本链接 链接路径 1) 绝对路径 　　　绝对路径是被链接文档的完整URL地址。 2) 根目录相对路径 　　　从站点根文件夹到链接文档经过的路径。/images/jxjn/map.j