{{sellerTotalView > 1 ? __("sellers", {number: sellerTotalView}) : __("seller", {number: sellerTotalView}) }}, {{numTotalView > 1 ? __("items", {number: numTotalView}) : __("item", {number: numTotalView}) }}
free FREE

Change Your Zip Code

Inventory information and delivery speeds may vary for different locations.

Location History

{{email ? __('Got it!') : __('Restock Alert')}}

We will notify you by email when the item back in stock.

Cancel
Yami

Jingdong book

Web前端设计与制作——HTML+CSS+jQuery 新世纪职业教育应用型人才培养培训创新教材

{{buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start")}}

Web前端设计与制作——HTML+CSS+jQuery 新世纪职业教育应用型人才培养培训创新教材

{{__(":people-members", {'people': item.limit_people_count})}} {{ itemCurrency }}{{ item.valid_price }} {{ itemCurrency }}{{ item.invalid_price }} {{ itemDiscount }}
Ends in
{{ itemCurrency }}{{ item.valid_price }}
{{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }}
{{ itemDiscount }}
{{ itemCurrency }}{{ item.valid_price }} {{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }} {{ itemCurrency }}{{ item.invalid_price }} {{itemDiscount}}
{{ itemCurrency }}{{ item.valid_price }}
Sale ends in
Sale will starts after Sale ends in
{{ getSeckillDesc(item.seckill_data) }}
{{ __( "Pay with Gift Card to get sale price: :itemCurrency:price", { 'itemCurrency' : itemCurrency, 'price' : (item.giftcard_price ? priceFormat(item.giftcard_price) : '0.00') } ) }} ({{ itemCurrency }}{{ priceFormat(item.giftcard_price / item.bundle_specification) }}/{{ item.unit }}) Details
Best before

Currently unavailable.

We don't know when or if this item will be back in stock.

Unavailable in your area.
Sold Out

Details

Full product details
Editer Recommend

网站前端设计师目前是求职就业的热点,从技术角度来说,HTML、CSS和JavaScript是网站前端设计师的必修课,本书既有基础知识讲解又有商业案例应用,非常适合教学和自学使用。

Content Description

本书系统完整地介绍了网站前台设计与制作所需技术基础和3个企业项目。技术基础包括网页布局基础、图文排版、网站导航、网站栏目、网站表单、框架网站等,企业项目包括企业宣传网站——舒适家居网、彩宇商贸公司网站、弘叶美容美发公司网站的主页设计与制作。本书从网站前台设计与制作项目开发角度出发,采用HTML+CSS+jQuery技术作为主体,以任务为单位,全面、系统地将网站项目开发中前台所需的常用技术、技巧进行逐一剖析,对于网站前台开发中所出现的各种技术难点给出合理的解决方案,指明实现的技术技巧,每一任务都有针对性的解决项目开发中的具体技术,避免了大量的知识堆积。本书提供了所有任务和项目的源代码、素材、习题及部分答案。
……

Catalogue

第1篇网页基础知识

第1章网页布局基础31.1Web前端技术概述3

1.1.1万维网与W3C3

1.1.2关于Web前端技术4

1.1.3网站与网页4

1.2认识HTML5

1.2.1关于HTML5

1.2.2HTML结构文件6

1.3CSS样式7

1.3.1关于CSS的调用7

1.3.2关于选择器10

1.3.3框模型介绍12

1.3.4CSS的定位13

1.4关于网页布局15

1.4.1网页布局的相关技术15

1.4.2网页布局的流程16

1.4.3网页布局的HTML技术17

1.5DIV+CSS页面布局基础17

1.5.1单栏式布局设计17

1.5.2二栏式布局设计19

1.5.3三栏式布局设计21

1.6任务拓展24

1.7本章小结24

习题25

第2章网页图文排版26

2.1设计图文版面26〖2〗〖4〗Web前端设计与制作——HTML+CSS+jQuery目录〖3〗2.1.1制作网页文字版面26

2.1.2制作网页图片版面34

2.1.3制作网页图文混排版面37

2.2插入多媒体44

2.2.1制作滚动的文本和图片页面44

2.2.2制作背景音乐页面49

2.2.3制作视频混排页面55

2.2.4制作动画混排页面59

2.3任务拓展62

2.4本章小结63

习题63

第3章链接与导航设计64

3.1关于超链接64

3.1.1理解超链接64

3.1.2理解路径65

3.1.3创建文件链接65

3.2利用文字实现超级链接66

3.2.1制作面包屑导航66

3.2.2制作水平栏导航67

3.2.3制作书签导航70

3.3利用图片实现超级链接74

3.3.1制作图片水平栏导航74

3.3.2制作图像局部导航75

3.4关于其他链接76

3.4.1下载文件的链接77

3.4.2电子邮件链接78

3.5任务拓展80

3.6本章小结80

习题80

第4章网页栏目设计82

4.1关于网页栏目82

4.1.1网站栏目的含义82

4.1.2网站栏目的策划82

4.2常用栏目设计83

4.2.1制作简易式栏目83

4.2.2制作典型式栏目87

4.3TAB式栏目设计91

4.4视频栏目设计93

4.5滚动式栏目设计95

4.5.1制作左右滚动式栏目96

4.5.2制作上下滚动式栏目102

4.6任务拓展105

4.7本章小结105

习题105

第5章表单页面设计106

5.1表单概述106

5.1.1表单的概念106

5.1.2创建表单106

5.1.3表单元素107

5.1.4表单布局112

5.2搜索表单设计113

5.2.1表单及其作用113

5.2.2制作百度搜索页面114

5.3跟帖评论表单设计116

5.3.1表单及其作用116

5.3.2制作跟帖评论页面116

5.4注册表单设计120

5.4.1表单及其作用120

5.4.2制作账户注册页面122

5.5任务拓展128

5.6本章小结128

习题129

第6章框架网页设计130

6.1关于框架网页130

6.2制作导航框架页131

6.2.1关于导航框架131

6.2.2制作导航框架131

6.3制作综合框架页135

6.3.1关于框架的嵌套135

6.3.2制作综合框架135

6.4制作浮动框架页139

6.4.1关于浮动框架139

6.4.2制作浮动框架140

6.5任务拓展142

6.6本章小结142

习题143

第7章应用jQuery144

7.1关于jQuery144

7.1.1jQuery的概念144

7.1.2jQuery的原理与运行机制144

7.1.3jQuery运行环境145

7.2利用jQuery设计网站导航146

7.2.1制作普通下拉菜单147

7.2.2制作级联菜单150

7.3利用jQuery设计Tab选项卡153

7.3.1横向选项卡设计153

7.3.2纵向选项卡设计155

7.4利用jQuery设计图片效果158

7.4.1制作图片切换效果158

7.4.2制作图片滚动效果161

7.5任务拓展163

7.6本章小结164

习题164

第8章移动产品网页设计165

8.1了解jQueryMobile165

8.1.1关于jQueryMobile165

8.1.2安装jQueryMobile166

8.2创建第一个移动产品网站167

8.2.1制作单容器页面结构网站167

8.2.2制作多容器页面结构网站170

8.2.3制作可折叠内容页面174

8.3网站导航栏设计177

8.3.1制作导航工具栏177

8.3.2制作固定导航栏181

8.4使用布局网格185

8.4.1两列布局185

8.4.2三列布局186

8.4.3多行多列布局186

8.5创建列表视图190

8.5.1制作文字列表190

8.5.2制作图文列表194

8.6表单设计196

8.7任务拓展203

8.8本章小结204

习题204

第2篇项目开发

第9章企业宣传网站——舒适家居网2079.1客户需求207

9.2网站分析207

9.2.1网页主题分析207

9.2.2网页风格定位208

9.3网站搭建209

9.3.1建立网站结构209

9.3.2建立网站主页210

9.4技术准备210

9.4.1网页DIV区域划分210

9.4.2网页效果图切片212

9.5添加网页结构和样式214

9.5.1建立网页主体轮廓214

9.5.2建立网页内容区域215

9.5.3建立网页页脚区域220

9.6常规添加Flash动画220

9.7本章小结221

第10章彩宇商贸公司网站222

10.1客户需求222

10.2网站分析222

10.2.1网页主题分析222

10.2.2网页风格定位223

10.3网站技术准备224

10.3.1网页效果图切片224

10.3.2网页DIV区域划分225

10.4添加网页结构和样式227

10.4.1建立网页主体227

10.4.2建立网页页头区域228

10.4.3建立网页内容区域231

10.4.4建立网页页脚区域236

10.5利用jQuery添加网页特效237

10.6本章小结238

第11章弘叶美容美发公司网站239

11.1客户需求239

11.2网站分析239

11.2.1网页主题分析239

11.2.2网页风格定位240

11.3网站技术准备240

11.3.1网页效果图切片241

11.3.2网页DIV区域划分242

11.4添加网页结构和样式243

11.4.1建立网页主体243

11.4.2建立网页页头区域244

11.4.3建立网页内容区域245

11.4.4建立网页页脚区域249

11.5利用jQuery添加网页特效249

11.6本章小结250

参考文献251


Specifications

Brand Jingdong book
Brand Origin China

Disclaimer

Product packaging, specifications and price are subject to change without notice. All information about the products on our website is provided for information purposes only. Please always read labels, warnings and directions provided with the product before use.

View Full Terms of Use
Add to favorites
{{ $isZh ? coupon.coupon_name_sub : coupon.coupon_ename_sub | formatCurrency }}
{{__("Buy Directly")}} {{ itemCurrency }}{{ item.directly_price }}
Quantity
{{ quantity }}
{{ instockMsg }}
{{ limitText }}
{{buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start")}}
Sold by JD@CHINA
Ship to
{{ __("Ship to United States only") }}
Free shipping over 69
Genuine guarantee

Added to Cart

Keep Shopping

More to Consider

{{ item.brand_name }}

{{ item.item_name }}

{{ item.currency }}{{ item.market_price }}

{{ item.currency }}{{ item.unit_price }}

{{ item.currency }}{{ item.unit_price }}

Coupons

{{ coupon.coupon_name_new | formatCurrency }}
Clip Clipped Over
{{ getCouponDescStr(coupon) }}
{{ coupon.use_time_desc }}
Expires soon {{ formatTime(coupon.use_end_time) }}

Share this item with friends

Cancel

Yami Gift Card

Get this exclusive deal when paying with gift card

Terms and Conditions

Gift card deals are special offers for selected products;

The gift card deals will automatically be activated if a customer uses gift card balance at check out and the balance is sufficient to pay for the total price of the shopping cart products with gift card deals;

You will not be able to activate the gift card deals if you choose other payment methods besides gift card. The products will be purchased at their normal prices;

If your account balance is not enough to pay for the products with gift card deals, you can choose to reload your gift card balance by clicking on the Reload button at either shopping cart page or check out page;

Products that have gift card deals can be recognized by a special symbol showing 'GC Deal';

For any additional questions or concerns, please contact our customer service;

Yamibuy reserves the right of final interpretation.

Sold by Yami

Service Guarantee

Yami Free Shipping over $49
Yami Easy Returns
Yami Ships from United States

Shipping

  • United States

    Standard Shipping is $5.99 (Excluding Alaska & Hawaii). Free on orders of $49 or more.

    Local Express is $5.99 (Available in Parts of CA, NJ, MA & PA). Free on orders of $49 or more.

    2-Day Express (Includes Alaska & Hawaii) starts at $19.99.

Return Policy

Yami is committed to provide our customers with a peace of mind when purchasing from us. Most items shipped from Yamibuy.com can be returned within 30 days of receipt of shipment (For Food, Beverages, Snacks, Dry Goods, Health supplements, Fresh Grocery and Perishables Goods, within 7 days of receipt of shipment due to damages or quality issues; To ensure that every customer receives safe and high-quality products, we do not provide refunds or returns for beauty products once they have been opened or used, except in the case of quality issues; Some products may have different policies or requirements associated with them, please see below for products under special categories, or contact Yami Customer Service for further assistance).
Thank you for your understanding and support.

Learn More

Sold by Yami

Terms and Conditions of Yami E-Gift Card

If you choose “Redeem automatically” as your delivery method, your gift card balance will be reload automatically after your order has been processed successfully;

If you choose “Send to Email”as your delivery method, the card number and CVV will be sent to the email address automatically;

Any user can use the card number and CVV to redeem the gift card, please keep your gift card information safely. If you have any trouble receiving email, please contact Yami customer service;

Yami gift card can be used to purchase both Yami owned or Marketplace products;

Yami gift card will never expire;

Yami gift card balance does not have to be used up at once;

All rights reserved by Yami.

Return Policy

Gift card that has already been consumed is non-refundable.

Sold by JD@CHINA

Service Guarantee

Yami Free Shipping over $49
Yami Easy Returns
Yami Ships from United States

Shipping

  • United States

    Standard Shipping is $5.99 (Excluding Alaska & Hawaii). Free on orders of $49 or more.

    Local Express is $5.99 (Available in Parts of CA, NJ, MA & PA). Free on orders of $49 or more.

    2-Day Express (Includes Alaska & Hawaii) starts at $19.99.

Return Policy

You may return product within 30 days upon receiving the product. Items returned must be new in it's original packing, including the original invoice for the purchase. Customer return product at their own expense.

Sold by JD@CHINA

Service Guarantee

Yami Cross-store Free Shipping over $69
Yami 30-days Return

Yami-China FC

Yami has a consolidation warehouse in China which collects multiple sellers’ packages and combines to one order. Our Yami consolidation warehouse will directly ship the packages to your door. Cross-store free shipping over $69.

Return Policy

You may return products within 30 days upon receiving the products. Sellers take responsibilities for any wrong shipment or missing items. Packing needs to be unopened for any other than quality issues return. We promise to pack carefully, but because goods are taking long journey to destinations, simple damages to packaging may occur. Any damages not causing internal goods quality problems are not allowed to return. If you open the package and any quality problem is found, please contact customer service within three days after receipt of goods.

Shipping Information

Yami Consolidation Service Shipping Fee $9.99(Free shipping over $69)

Sellers in China will ship their orders within 1-2 business days once the order is placed. Packages are sent to our consolidation warehouse in China and combined there. Our Yami consolidation warehouse will directly ship the packages to you via UPS. The average time for UPS to ship from China to the United States is about 10 working days and it can be traced using the tracking number. Due to the pandemic, the delivery time may be delayed by about 5 days. The package needs to be signed by the guest. If the receipt is not signed, the customer shall bear the risk of loss of the package.

Sold by JD@CHINA

Service Guarantee

Free shipping over 69
Genuine guarantee

Shipping

Yami Consolidated Shipping $9.99(Free shipping over $69)


Seller will ship the orders within 1-2 business days. The logistics time limit is expected to be 7-15 working days. In case of customs clearance, the delivery time will be extended by 3-7 days. The final receipt date is subject to the information of the postal company.

Yami Points information

All items are excluding from any promotion or points events on Yamibuy.com

Return Policy

You may return product within 30 days upon receiving the product. Items returned must be new in it's original packing, including the original invoice for the purchase. Customer return product at their own expense.

Yami

Download the Yami App

Back Top

Recommended for You

About the brand

Jingdong book

为您推荐

Yami
欣葉
2种选择
欣叶 御大福 芋头麻薯 180g

周销量 600+

$1.66 $1.99 83折
Yami
欣葉
2种选择
欣叶 御大福 芋头麻薯 180g

周销量 600+

$1.66 $1.99 83折
Yami
欣葉
2种选择
欣叶 御大福 芋头麻薯 180g

周销量 600+

$1.66 $1.99 83折
Yami
欣葉
2种选择
欣叶 御大福 芋头麻薯 180g

周销量 600+

$1.66 $1.99 83折
Yami
欣葉
2种选择
欣叶 御大福 芋头麻薯 180g

周销量 600+

$1.66 $1.99 83折
Yami
欣葉
2种选择
欣叶 御大福 芋头麻薯 180g

周销量 600+

$1.66 $1.99 83折

Reviews{{'('+ commentList.posts_count + ')'}}

Have your say. Be the first to help other guests.

Write a review
{{ totalRating }} Write a review
  • {{i}} star

    {{i}} stars

    {{ parseInt(commentRatingList[i]) }}%

Yami Yami
{{ comment.user_name }}

{{ showTranslate(comment) }}Show Less

{{ strLimit(comment,800) }}Show more

Show Original

{{ comment.content }}

Yami
Show All

{{ formatTime(comment.in_dtm) }} VERIFIED PURCHASE {{groupData}}

{{ comment.likes_count }} {{ comment.likes_count }} {{ comment.reply_count }} {{comment.in_user==uid ? __('Delete') : __('Report')}}
Yami Yami
{{ comment.user_name }}

{{ showTranslate(comment) }}Show Less

{{ strLimit(comment,800) }}Show more

Show Original

{{ comment.content }}

Yami
Show All

{{ formatTime(comment.in_dtm) }} VERIFIED PURCHASE {{groupData}}

{{ comment.likes_count }} {{ comment.likes_count }} {{ comment.reply_count }} {{comment.in_user==uid ? __('Delete') : __('Report')}}

No related comment~

Review

Yami Yami

{{ showTranslate(commentDetails) }}Show Less

{{ strLimit(commentDetails,800) }}Show more

Show Original

{{ commentDetails.content }}

Yami
Show All

{{ formatTime(commentDetails.in_dtm) }} VERIFIED PURCHASE {{groupData}}

{{ commentDetails.likes_count }} {{ commentDetails.likes_count }} {{ commentDetails.reply_count }} {{commentDetails.in_user==uid ? __('Delete') : __('Report')}}

Please write at least one word

Comments{{'(' + replyList.length + ')'}}

Yami Yami

{{ showTranslate(reply) }}Show Less

{{ strLimit(reply,800) }}Show more

Show Original

{{ reply.reply_content }}

{{ formatTime(reply.reply_in_dtm) }}

{{ reply.reply_likes_count }} {{ reply.reply_likes_count }} {{ reply.reply_reply_count }} {{reply.reply_in_user==uid ? __('Delete') : __('Report')}}

Please write at least one word

Cancel

That’s all the comments so far!

Write a review
How would you rate this item?

Please add your comment.

  • A nice nickname will make your comments more popular!
  • The nickname in your account will be changed to the same as here.
Thanks for your review
Our community rely on great reviews like yours to find the best of Asia.

Report

If you find this content inappropriate and think it should be removed from the Yami.com site, let us know please.

Cancel

Are you sure to delete your review?

Cancel

You’ve Recently Viewed

About the brand

Jingdong book