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